diff --git a/include/tool/Output/Combine.php b/include/tool/Output/Combine.php
index 5690431..4b4da1e 100644
--- a/include/tool/Output/Combine.php
+++ b/include/tool/Output/Combine.php
@@ -486,6 +486,13 @@ class Combine{
 			'file'			=> '/include/thirdparty/Bootstrap4/js/utils.min.js',
 			'package'		=> 'bootstrap4',
 		],
+							
+		// Bootstrap4.6.2
+		'bootstrap4.6-js' => [
+			'file'			=> '/include/thirdparty/Bootstrap4.6/js/bootstrap.bundle.min.js',
+			'package'		=> 'bootstrap4.6',
+			'exclude'		=> ' ',
+		],
 
       // Bootstrap5.2
 		'bootstrap5.2-js' => [
diff --git a/themes/Bootswatch4.6_Scss/Addon.ini b/themes/Bootswatch4.6_Scss/Addon.ini
new file mode 100644
index 0000000..3e25416
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/Addon.ini
@@ -0,0 +1,8 @@
+Addon_Name = 'Bootswatch 4.6 Scss'
+;Addon_Unique_ID = 
+Addon_Version = 4.6.2
+min_gpeasy_version = 5.2
+
+[FrontEndFramework]
+name = Bootstrap
+version = 4
diff --git a/themes/Bootswatch4.6_Scss/_common/common_style.scss b/themes/Bootswatch4.6_Scss/_common/common_style.scss
new file mode 100644
index 0000000..3b32cf0
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/_common/common_style.scss
@@ -0,0 +1,132 @@
+// Theme Bootswatch 4 Scss
+// Common styles used in all layouts
+//
+// Instead of Autoprefixer we use vendor-prefix mixins,
+// see /include/thirdparty/Bootstrap4/scss/bootstrap/vp-mixins
+//
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+
+// Imports
+@if variable-exists(web-font-path) {
+  @import url($web-font-path);
+}
+@import 'contactform.scss';
+@import 'compensate_fixed_navbar.scss'; // default, import only with 'fixed-top' class on navbar in template.php line 44
+@import 'footer.scss';
+
+
+// Page Flex Layout for Sticky Footer ==========================================
+html, body {
+  height: 100%;
+}
+
+body {
+  // vendor-prefix mixin
+  @include vp-flexbox();
+  @include vp-flex-direction(column);
+}
+
+// Height fix for Admin Top Bar and hidden admin UI
+html:not(.override_admin_style) body.gpAdmin {
+  height: calc(100% - 29px);
+}
+
+// Navbar =======================================================================
+$navbar-font-size: 1rem !default; // non-standard variable, needs a default value. actual value see layout's variables.scss
+.navbar {
+  font-size: $navbar-font-size;
+}
+
+// Content Area
+.main-content {
+  // vendor-prefix mixin
+  @include vp-flex(1 0 auto);
+}
+
+// Add padding-top to the first content section to prevent content sticking to the navbar
+#gpx_content > .GPAREA:first-child {
+  padding-top: 2rem;
+}
+
+// Main Footer
+footer.main-footer {
+  // vendor-prefix mixin
+  @include vp-flex-shrink(0);
+  // more in footer.scss
+}
+
+// Fix for bad container paddings in navbars (as of Bootstrap 4.1.1)
+@include media-breakpoint-up(sm) {
+  .navbar > .container,
+  .navbar > .container-fluid {
+    padding-right: ($grid-gutter-width / 2);
+    padding-left: ($grid-gutter-width / 2);
+  }
+}
+
+// Align menu right, fix dropdown alignment
+.navbar-right {
+  > .GPAREA:first-child {
+    margin-left: auto;
+  }
+  .dropdown-menu {
+    left: auto;
+    right: 0;
+  }
+}
+
+
+// convert Typesetter grid to become Bootstrap 4 (flex) grid =====================
+.gpRow    { @extend .row; }
+.gpCol-1  { @extend .col-md-1; }
+.gpCol-2  { @extend .col-md-2; }
+.gpCol-3  { @extend .col-md-3; }
+.gpCol-4  { @extend .col-md-4; }
+.gpCol-5  { @extend .col-md-5; }
+.gpCol-6  { @extend .col-md-6; }
+.gpCol-7  { @extend .col-md-7; }
+.gpCol-8  { @extend .col-md-8; }
+.gpCol-9  { @extend .col-md-9; }
+.gpCol-10 { @extend .col-md-10; }
+.gpCol-11 { @extend .col-md-11; }
+.gpCol-12 { @extend .col-12; }
+[class *= "gpCol-"] { margin-bottom: unset; }
+
+// fixes for flex grid
+.filetype-wrapper_section.row {
+  > .gpclear {
+    display: none;
+  }
+  &:after{
+    content: none;
+  }
+}
+
+
+// Extra Content 'Dropdown Divider'
+.gpArea_Extra_Bootstrap_Dropdown_Divider {
+  @extend .dropdown-divider;
+}
+
+
+// Admin Links
+.footer-bottom {
+  > span {
+    margin-right: 0.75em;
+  }
+
+  .sitemap_link > a:before,
+  .login_link > a:before {
+    display: inline-block;
+    font-family: FontAwesome;
+  }
+
+  .sitemap_link > a:before {
+    content: "\f0ca\a0";
+  }
+
+  .login_link > a:before {
+    content: "\f2bd\a0";
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/_common/compensate_fixed_navbar.scss b/themes/Bootswatch4.6_Scss/_common/compensate_fixed_navbar.scss
new file mode 100644
index 0000000..492685c
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/_common/compensate_fixed_navbar.scss
@@ -0,0 +1,25 @@
+// Theme Bootswatch 4 Scss
+// Compensations for fixed navbar
+// only required when the main navbar has the css class 'fixed-top'
+
+// padding-top for the body element
+body {
+  padding-top: $navbar-height;
+}
+
+// Prevent targeted anchors hiding behind fixed navbar
+// default compensation
+.GPAREA a[name]:not([href]),
+.GPAREA a[id]:not([href]) {
+  margin-top: calc( ( #{$navbar-height} + 2rem ) * -1 );
+  padding-top: calc( #{$navbar-height} + 2rem );
+  z-index: -5;
+}
+
+// compensation when logged-in
+// with support for HideAdminUI plugin https://github.com/juek/HideAdminUI
+html:not(.override_admin_style) body.gpAdmin .GPAREA a[name]:not([href]),
+html:not(.override_admin_style) body.gpAdmin .GPAREA a[id]:not([href]) {
+  margin-top: calc( ( #{$navbar-height} + 2rem + 29px ) * -1 );
+  padding-top: calc( #{$navbar-height} + 2rem + 29px );
+}
diff --git a/themes/Bootswatch4.6_Scss/_common/contactform.scss b/themes/Bootswatch4.6_Scss/_common/contactform.scss
new file mode 100644
index 0000000..500a128
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/_common/contactform.scss
@@ -0,0 +1,50 @@
+// Typesetter's built-in contact form
+
+form.contactform {
+	width: 100%;
+
+	label:not([for="contact_message"]) {
+		width: auto;
+		float: none;
+		clear: both;
+		margin: 0 0 0.6em 0;
+		> span.title {
+			display: block;
+			float: none;
+			width: auto;
+			margin: 0;
+		}
+		&:after {
+			content: "";
+			display: block;
+			clear: both;
+		}
+	}
+	input, textarea {
+		float: none;
+		width: 100%;
+		margin-top: 0.5rem;
+	}
+
+	input.submit.btn {
+		float: none;
+		width: auto;
+		padding: $input-btn-padding-y $input-btn-padding-x;
+	}
+
+	> label[for="contact_message"] {
+		width: auto;
+		float: none;
+		clear: both;
+		margin: 0;
+	}
+
+	> textarea#contact_message {
+		margin-bottom: 0.6em;
+	}
+
+	> .alert {
+		text-align: center;
+		margin-top: 20px;
+	}
+}
diff --git a/themes/Bootswatch4.6_Scss/_common/footer.scss b/themes/Bootswatch4.6_Scss/_common/footer.scss
new file mode 100644
index 0000000..f109fb9
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/_common/footer.scss
@@ -0,0 +1,102 @@
+// footer variables
+// these are no Bootstrap standard variables
+// therefore we need to define default values
+
+$footer-font-size:              0.875rem !default;
+$footer-bg:                     $gray-300 !default;
+$footer-border-top:             none !default;
+$footer-color:                  $body-color !default;
+$footer-headings-color:         $headings-color !default;
+$footer-link-color:             $link-color !default;
+$footer-link-hover-color:       $link-hover-color !default;
+
+$footer-nav-bg:                 transparent !default;
+$footer-nav-item-border:        none !default;
+$footer-nav-link-color:         $footer-link-color !default;
+$footer-nav-link-bg:            transparent !default;
+$footer-nav-link-hover-color:   $footer-link-hover-color !default;
+$footer-nav-link-hover-bg:      transparent !default;
+$footer-nav-link-active-color:  $footer-link-hover-color !default;
+$footer-nav-link-active-bg:     transparent !default;
+
+
+footer.main-footer {
+  font-size: $footer-font-size;
+  background: $footer-bg;
+  border-top: $footer-border-top;
+  color: $footer-color;
+  h1, .h1,
+  h2, .h2,
+  h3, .h3,
+  h4, .h4,
+  h5, .h5,
+  h6, .h6 {
+    color: $footer-headings-color;
+  }
+  a {
+    color: $footer-link-color;
+    &:hover {
+      color: $footer-link-hover-color;
+    }
+  }
+}
+
+.footer-nav,
+.footer-nav ul {
+  list-style: none;
+  padding: 0;
+}
+
+.footer-nav {
+  margin: 0.6rem 0;
+  background: $footer-nav-bg;
+  border-bottom: $footer-nav-item-border;
+
+  li {
+    display: block;
+    margin: 0;
+    padding: 0;
+    border-top: $footer-nav-item-border;
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  a, a:hover, a:visited, a:active, a:focus {
+    text-decoration: none;
+    color: $footer-nav-link-color;
+    background: $footer-nav-link-bg;
+  }
+
+  a {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: 0.4rem 0;
+
+    &.active {
+      color: $footer-nav-link-active-color;
+      background: $footer-nav-link-active-bg;
+    }
+    &:hover, &:focus {
+      color: $footer-nav-link-hover-color;
+      background: $footer-nav-link-hover-bg;
+    }
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  // 2nd level links
+  > li > ul > li > a {
+    text-indent: 1em;
+  }
+
+  // 3rd level links
+  > li > ul > li > ul > li > a {
+    text-indent: 2em;
+  }
+
+}
diff --git a/themes/Bootswatch4.6_Scss/cerulean/index.html b/themes/Bootswatch4.6_Scss/cerulean/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cerulean/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/cerulean/style.scss b/themes/Bootswatch4.6_Scss/cerulean/style.scss
new file mode 100644
index 0000000..9779aac
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cerulean/style.scss
@@ -0,0 +1,91 @@
+// Theme Bootswatch 4 Scss
+// Layout Cerulean 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+@mixin btn-shadow($color){
+  @include gradient-y-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
+}
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  &.bg-primary {
+    @include btn-shadow($primary);
+  }
+
+  &.bg-dark {
+    @include btn-shadow($blue);
+  }
+
+  &.bg-light {
+    @include gradient-y-three-colors(lighten($gray-200, 8%), $gray-200, 60%, darken($gray-200, 2%));
+  }
+
+  .navbar-brand,
+  .nav-link {
+    text-shadow: $text-shadow;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  text-shadow: $text-shadow;
+}
+
+.btn-primary {
+  @include btn-shadow($primary);
+}
+
+.btn-secondary {
+  @include btn-shadow($secondary);
+  color: $gray-700;
+}
+
+.btn-success {
+  @include btn-shadow($success);
+}
+
+.btn-info {
+  @include btn-shadow($info);
+}
+
+.btn-warning {
+  @include btn-shadow($warning);
+}
+
+.btn-danger {
+  @include btn-shadow($danger);
+}
+
+// Typography ==================================================================
+.bg-primary,
+.bg-success,
+.bg-info,
+.bg-warning,
+.bg-danger,
+.bg-dark {
+  h1, h2, h3, h4, h5, h6 {
+    color: $white;
+  }
+}
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/cerulean/variables.scss b/themes/Bootswatch4.6_Scss/cerulean/variables.scss
new file mode 100644
index 0000000..0a45b30
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cerulean/variables.scss
@@ -0,0 +1,59 @@
+// Theme Bootswatch 4 Scss
+// Layout Cerulean 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #e9ecef;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #adb5bd;
+$gray-600:  #868e96;
+$gray-700:  #495057;
+$gray-800:  #343a40;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #033C73;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #C71C22;
+$orange:    #fd7e14;
+$yellow:    #DD5600;
+$green:     #73A839;
+$teal:      #20c997;
+$cyan:      #2FA4E7;
+
+$primary:   $cyan;
+$secondary: $gray-200;
+$success:   $green;
+$info:      $blue;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-100;
+$dark:      $gray-800;
+
+// Body
+$body-color: $gray-600;
+
+// Fonts
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+$text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
+
+// Dropdowns
+$dropdown-link-color: $body-color;
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $primary;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.8);
+$navbar-dark-hover-color: $white;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/cosmo/index.html b/themes/Bootswatch4.6_Scss/cosmo/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cosmo/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/cosmo/style.scss b/themes/Bootswatch4.6_Scss/cosmo/style.scss
new file mode 100644
index 0000000..a08cacb
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cosmo/style.scss
@@ -0,0 +1,39 @@
+// Theme Bootswatch 4 Scss
+// Layout Cosmo 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+
+// Buttons =====================================================================
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+.progress {
+  @include box-shadow(none);
+
+  .progress-bar {
+    font-size: 8px;
+    line-height: 8px;
+  }
+}
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/cosmo/variables.scss b/themes/Bootswatch4.6_Scss/cosmo/variables.scss
new file mode 100644
index 0000000..44af75a
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cosmo/variables.scss
@@ -0,0 +1,67 @@
+// Theme Bootswatch 4 Scss
+// Layout Cosmo 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #e9ecef;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #adb5bd;
+$gray-600:  #868e96;
+$gray-700:  #495057;
+$gray-800:  #373a3c;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #2780E3;
+$indigo:    #6610f2;
+$purple:    #613d7c;
+$pink:      #e83e8c;
+$red:       #FF0039;
+$orange:    #f0ad4e;
+$yellow:    #FF7518;
+$green:     #3FB618;
+$teal:      #20c997;
+$cyan:      #9954BB;
+
+$primary:   $blue;
+$secondary: $gray-800;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-100;
+$dark:      $gray-800;
+
+// Options
+$enable-rounded: false;
+
+// Body
+$body-color: $gray-800;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700";
+$font-family-sans-serif: "Source Sans Pro", "Segoe UI", Calibri, Candara, Arial, sans-serif;
+$font-size-base: 0.9375rem;
+$navbar-font-size: 0.9375rem;
+$footer-font-size: 0.875rem;
+$headings-font-weight: 300;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.65);
+$navbar-dark-hover-color: rgba($white, 1);
+$navbar-light-color: rgba($black, 0.6);
+$navbar-light-hover-color: rgba($black, 0.9);
+
+// Alerts
+$alert-border-width: 0;
+
+// Progress bars
+$progress-height: 8px;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/cyborg/index.html b/themes/Bootswatch4.6_Scss/cyborg/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cyborg/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/cyborg/style.scss b/themes/Bootswatch4.6_Scss/cyborg/style.scss
new file mode 100644
index 0000000..f56f9a3
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cyborg/style.scss
@@ -0,0 +1,214 @@
+// Theme Bootswatch 4 Scss
+// Layout Cyborg 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  &.bg-primary {
+    border: 1px solid $gray-700;
+  }
+
+  &.bg-dark {
+    background-color: $body-bg !important;
+    border: 1px solid $gray-700;
+  }
+
+  &.bg-light {
+    background-color: $gray-500 !important;
+  }
+
+  &.fixed-top {
+    border-width: 0 0 1px 0;
+  }
+
+  &.fixed-bottom {
+    border-width: 1px 0 0 0;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  &-warning,
+  &-warning:hover {
+    color: $white;
+  }
+}
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+table {
+  color: #fff;
+
+  .thead-dark th {
+    color: $white;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =====================================================================
+legend,
+.input-group-addon {
+  color: #fff;
+}
+
+// Navs ======================================================================
+.nav-tabs,
+.nav-pills {
+  .nav-link {
+    color: #fff;
+
+    &:hover {
+      background-color: $gray-700;
+    }
+
+    &.disabled,
+    &.disabled:hover {
+      background-color: transparent;
+      color: $nav-link-disabled-color;
+    }
+
+    &.active {
+      background-color: $primary;
+    }
+  }
+}
+
+.breadcrumb {
+  a {
+    color: #fff;
+  }
+}
+
+.pagination {
+  a:hover {
+    text-decoration: none;
+  }
+}
+
+// Indicators ================================================================
+.alert {
+  border: none;
+  color: $white;
+
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+}
+
+.badge {
+  &-warning {
+    color: $white;
+  }
+}
+
+.close {
+  opacity: 0.6;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.list-group-item {
+  &:hover {
+    background-color: $gray-700;
+    color: #fff;
+  }
+
+  &-action {
+    color: $gray-500;
+
+    .list-group-item-heading {
+      color: $gray-500;
+    }
+  }
+
+  &:hover .list-group-item-heading {
+    color: #fff;
+  }
+}
+
+.card,
+.list-group-item {
+  h1, h2, h3, h4, h5, h6 {
+    color: inherit;
+  }
+}
+
+.popover {
+  &-title {
+    border-bottom: none;
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/cyborg/variables.scss b/themes/Bootswatch4.6_Scss/cyborg/variables.scss
new file mode 100644
index 0000000..927a007
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/cyborg/variables.scss
@@ -0,0 +1,135 @@
+// Theme Bootswatch 4 Scss
+// Layout Cyborg 4.0.0
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #e9ecef;
+$gray-300:  #dee2e6;
+$gray-400:  #ADAFAE;
+$gray-500:  #888;
+$gray-600:  #555;
+$gray-700:  #282828;
+$gray-800:  #222;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #2A9FD6;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #CC0000;
+$orange:    #fd7e14;
+$yellow:    #FF8800;
+$green:     #77B300;
+$teal:      #20c997;
+$cyan:      #9933CC;
+
+$primary:   $blue;
+$secondary: $gray-600;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-100;
+$dark:      $gray-800;
+
+// Body
+$body-bg: #060606;
+$body-color: $gray-500;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,700";
+$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
+$font-size-base: 0.9375rem;
+$navbar-font-size: 0.9375rem;
+$footer-font-size: 0.875rem;
+$h1-font-size: 4rem;
+$h2-font-size: 3rem;
+$h3-font-size: 2.5rem;
+$h4-font-size: 2rem;
+$h5-font-size: 1.5rem;
+$headings-color: $white;
+
+// Tables
+$table-accent-bg: rgba($white, 0.05);
+$table-hover-bg: rgba($white, 0.075);
+$table-border-color: $gray-700;
+$table-head-color: $white;
+$table-dark-bg: $gray-500;
+$table-dark-border-color: darken($gray-500, 7.5%);
+$table-dark-color: $body-bg;
+
+// Buttons
+$input-btn-padding-x: 1rem;
+
+// Forms
+$input-disabled-bg: $gray-400;
+$input-border-color: transparent;
+$input-group-addon-bg: $gray-700;
+
+// Dropdowns
+$dropdown-bg: $gray-700;
+$dropdown-divider-bg: $gray-800;
+$dropdown-link-color: $white;
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $primary;
+
+// Navs
+$nav-tabs-border-color: $table-border-color;
+$nav-tabs-link-hover-border-color: $nav-tabs-border-color;
+$nav-tabs-link-active-color: $white;
+$nav-tabs-link-active-bg: $nav-tabs-border-color;
+$nav-tabs-link-active-border-color: $nav-tabs-border-color;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.7);
+$navbar-dark-hover-color: rgba($white, 1);
+
+// Pagination
+$pagination-color: $white;
+$pagination-bg: $gray-700;
+$pagination-border-color: transparent;
+$pagination-hover-color: $white;
+$pagination-hover-bg: $primary;
+$pagination-hover-border-color: $pagination-border-color;
+$pagination-disabled-bg: $pagination-bg;
+$pagination-disabled-border-color: $pagination-border-color;
+
+// Jumbotron
+$jumbotron-bg: $gray-700;
+
+// Cards
+$card-bg: $gray-700;
+
+// Tooltips
+$tooltip-bg: $gray-700;
+$tooltip-opacity: 1;
+
+// Popovers
+$popover-bg: $gray-700;
+
+// Modals
+$modal-content-bg: $gray-800;
+$modal-header-border-color: $gray-700;
+
+// Progress bars
+$progress-bg: $gray-700;
+
+// List group
+$list-group-bg: $gray-800;
+$list-group-border-color: $gray-700;
+$list-group-hover-bg: $primary;
+$list-group-disabled-bg: $gray-700;
+$list-group-action-active-bg: $primary;
+
+// Breadcrumbs
+$breadcrumb-bg: $gray-700;
+
+// Close
+$close-color: $white;
+$close-text-shadow: none;
+
+// Footer
+$footer-bg: $gray-900;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/darkly/index.html b/themes/Bootswatch4.6_Scss/darkly/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/darkly/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/darkly/style.scss b/themes/Bootswatch4.6_Scss/darkly/style.scss
new file mode 100644
index 0000000..f2c4e0a
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/darkly/style.scss
@@ -0,0 +1,192 @@
+// Theme Bootswatch 4 Scss
+// Layout Darkly 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  &.bg-primary {
+    .navbar-nav .active > .nav-link {
+      color: $success !important;
+    }
+  }
+
+  &.bg-dark {
+    background-color: $success !important;
+    &.navbar-dark .navbar-nav {
+      .nav-link:focus,
+      .nav-link:hover,
+      .active > .nav-link {
+        color: $primary !important;
+      }
+    }
+  }
+}
+
+// Buttons =====================================================================
+
+// Typography ==================================================================
+
+.blockquote {
+  &-footer {
+    color: $gray-600;
+  }
+}
+
+// Tables ======================================================================
+
+.table {
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+}
+
+.table {
+
+  .thead-dark th {
+    color: $white;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =======================================================================
+
+.input-group-addon {
+  color: #fff;
+}
+
+// Navs ========================================================================
+
+.nav-tabs,
+.nav-pills {
+
+  .nav-link,
+  .nav-link.active,
+  .nav-link.active:focus,
+  .nav-link.active:hover,
+  .nav-item.open .nav-link,
+  .nav-item.open .nav-link:focus,
+  .nav-item.open .nav-link:hover {
+    color: #fff;
+  }
+}
+
+.breadcrumb a {
+  color: #fff;
+}
+
+.pagination {
+  a:hover {
+    text-decoration: none;
+  }
+}
+
+// Indicators ==================================================================
+
+.close {
+  opacity: 0.4;
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
+.alert {
+  border: none;
+  color: $white;
+
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+
+
+.list-group-item-action {
+  color: #fff;
+
+  &:hover,
+  &:focus {
+    background-color: $gray-700;
+    color: #fff;
+  }
+
+  .list-group-item-heading {
+    color: #fff;
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/darkly/variables.scss b/themes/Bootswatch4.6_Scss/darkly/variables.scss
new file mode 100644
index 0000000..da9f2dc
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/darkly/variables.scss
@@ -0,0 +1,139 @@
+// Theme Bootswatch 4 Scss
+// Layout Darkly 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+
+// Color system
+$white:      #fff;
+$gray-100:   #f8f9fa;
+$gray-200:   #ebebeb;
+$gray-300:   #dee2e6;
+$gray-400:   #ced4da;
+$gray-500:   #adb5bd;
+$gray-600:   #999;
+$gray-700:   #444;
+$gray-800:   #303030;
+$gray-900:   #222;
+$black:      #000;
+
+$blue:       #375a7f;
+$indigo:     #6610f2;
+$purple:     #6f42c1;
+$pink:       #e83e8c;
+$red:        #E74C3C;
+$orange:     #fd7e14;
+$yellow:     #F39C12;
+$green:      #00bc8c;
+$teal:       #20c997;
+$cyan:       #3498DB;
+
+$primary:    $blue;
+$secondary:  $gray-700;
+$success:    $green;
+$info:       $cyan;
+$warning:    $yellow;
+$danger:     $red;
+$light:      $gray-800;
+$dark:       $gray-800;
+
+// Body
+$body-bg: $gray-900;
+$body-color: $white;
+
+// Links
+$link-color: $success;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic";
+$font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 0.9375rem;
+$navbar-font-size: 0.9375rem;
+$footer-font-size: 0.875rem;
+
+// Tables
+$table-accent-bg: $gray-800;
+$table-border-color: $gray-700;
+$table-dark-bg: $gray-500;
+$table-dark-border-color: darken($gray-500, 7.5%);
+$table-dark-color: $body-bg;
+
+// Forms
+$input-border-color: transparent;
+$input-group-addon-bg: $gray-700;
+
+// Dropdowns
+$dropdown-bg: $gray-900;
+$dropdown-border-color: $gray-700;
+$dropdown-divider-bg: $gray-700;
+$dropdown-link-color: $white;
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $primary;
+
+// Navs
+$nav-link-padding-x: 2rem;
+$nav-link-disabled-color: $gray-200;
+$nav-tabs-border-color: $gray-700;
+$nav-tabs-link-hover-border-color: $nav-tabs-border-color;
+$nav-tabs-link-active-border-color: $nav-tabs-border-color;
+
+// Navbar
+$navbar-padding-y: 1rem;
+$navbar-dark-color: $white;
+$navbar-dark-hover-color: $success;
+$navbar-light-color: rgba($white, 0.5);
+$navbar-light-hover-color: $white;
+$navbar-light-active-color: $white;
+$navbar-light-disabled-color: rgba($white, 0.3);
+$navbar-light-toggler-border-color: rgba($white, 0.1);
+
+// Pagination
+$pagination-color: $white;
+$pagination-bg: $success;
+$pagination-border-width: 0;
+$pagination-border-color: transparent;
+$pagination-hover-color: $white;
+$pagination-hover-bg: lighten($success, 10%);
+$pagination-hover-border-color: transparent;
+$pagination-active-bg: $pagination-hover-bg;
+$pagination-active-border-color: transparent;
+$pagination-disabled-color: $white;
+$pagination-disabled-bg: darken($success, 15%);
+$pagination-disabled-border-color: transparent;
+
+// Jumbotron
+$jumbotron-bg: $gray-800;
+
+// Cards
+$card-cap-bg: $gray-700;
+$card-bg: $gray-800;
+
+// Popovers
+$popover-bg: $gray-800;
+$popover-header-bg: $gray-700;
+
+// Modals
+$modal-content-bg: $gray-800;
+$modal-content-border-color: $gray-700;
+$modal-header-border-color: $gray-700;
+
+// Progress bars
+$progress-height: 10px;
+$progress-font-size: 10px;
+$progress-bg: $gray-700;
+
+// List group
+$list-group-bg: $gray-800;
+$list-group-border-color: $gray-700;
+$list-group-hover-bg: $gray-700;
+
+// Breadcrumbs
+$breadcrumb-bg: $gray-700;
+
+// Close
+$close-color: $white;
+$close-text-shadow: none;
+
+// Footer
+$footer-bg: $gray-800;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/drop_down_menu.php b/themes/Bootswatch4.6_Scss/drop_down_menu.php
new file mode 100644
index 0000000..6e8654e
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/drop_down_menu.php
@@ -0,0 +1,31 @@
+<?php
+
+$GP_MENU_ELEMENTS = 'Bootstrap4_menu';
+
+function Bootstrap4_menu($node, $attributes, $level, $menu_id, $item_position){
+  GLOBAL $GP_MENU_LINKS;
+
+  if( $node == 'a' ){
+    $format = $GP_MENU_LINKS;
+    // Bootstrap4 navbar requires a nav-link class for 1st-level anchors 
+    // and a dropdown-item class for anchors in dropdown menus
+    $strpos_class = strpos($attributes['attr'], 'class="');
+    $add_class = ( $level > 0 ) ? "dropdown-item" : "nav-link";
+    if( $strpos_class === false ){
+      $attributes['attr'] .= ' class="' . $add_class . '"';
+      $strpos_class = strpos($attributes['attr'], 'class="');
+    }else{
+      $attributes['attr'] = substr($attributes['attr'], 0, $strpos_class + 7) 
+        . $add_class . ' ' 
+        . substr($attributes['attr'], $strpos_class + 7);
+    }
+    $search = array('{$href_text}', '{$attr}', '{$label}', '{$title}');
+    if( in_array('dropdown-toggle', $attributes['class']) ){
+      $format = '<a {$attr} data-toggle="dropdown" href="{$href_text}">{$label} <span class="caret"></span></a>';
+    }else{
+      $format = '<a {$attr} href="{$href_text}">{$label}</a>';
+    }
+    return str_replace( $search, $attributes, $format );
+  }
+
+}
diff --git a/themes/Bootswatch4.6_Scss/flatly/index.html b/themes/Bootswatch4.6_Scss/flatly/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/flatly/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/flatly/style.scss b/themes/Bootswatch4.6_Scss/flatly/style.scss
new file mode 100644
index 0000000..81092ab
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/flatly/style.scss
@@ -0,0 +1,172 @@
+// Theme Bootswatch 4 Scss
+// Layout Flatly 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  &.bg-primary {
+    .navbar-nav .active > .nav-link {
+      color: $success !important;
+    }
+  }
+
+  &.bg-dark {
+    background-color: $success !important;
+    &.navbar-dark .navbar-nav {
+      .nav-link:focus,
+      .nav-link:hover,
+      .active > .nav-link {
+        color: $primary !important;
+      }
+    }
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  &-secondary,
+  &-secondary:hover,
+  &-warning,
+  &-warning:hover {
+    color: #fff;
+  }
+}
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+.table {
+  .thead-dark th {
+    background-color: $primary;
+  }
+
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+.nav-tabs {
+  .nav-link.active,
+  .nav-link.active:focus,
+  .nav-link.active:hover,
+  .nav-item.open .nav-link,
+  .nav-item.open .nav-link:focus,
+  .nav-item.open .nav-link:hover {
+    color: $primary;
+  }
+}
+
+.pagination {
+  a:hover {
+    text-decoration: none;
+  }
+}
+
+// Indicators ==================================================================
+.close {
+  text-decoration: none;
+  opacity: 0.4;
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
+.badge {
+  &-secondary,
+  &-warning {
+    color: #fff;
+  }
+}
+
+.alert {
+  border: none;
+  color: $white;
+
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.modal .close{
+  color: $black;
+}
diff --git a/themes/Bootswatch4.6_Scss/flatly/variables.scss b/themes/Bootswatch4.6_Scss/flatly/variables.scss
new file mode 100644
index 0000000..232c199
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/flatly/variables.scss
@@ -0,0 +1,99 @@
+// Theme Bootswatch 4 Scss
+// Layout Flatly 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:      #fff;
+$gray-100:   #f8f9fa;
+$gray-200:   #ecf0f1;
+$gray-300:   #dee2e6;
+$gray-400:   #ced4da;
+$gray-500:   #b4bcc2;
+$gray-600:   #95a5a6;
+$gray-700:   #7b8a8b;
+$gray-800:   #343a40;
+$gray-900:   #212529;
+$black:      #000;
+
+$blue:       #2C3E50;
+$indigo:     #6610f2;
+$purple:     #6f42c1;
+$pink:       #e83e8c;
+$red:        #E74C3C;
+$orange:     #fd7e14;
+$yellow:     #F39C12;
+$green:      #18BC9C;
+$teal:       #20c997;
+$cyan:       #3498DB;
+
+$primary:    $blue;
+$secondary:  $gray-600;
+$success:    $green;
+$info:       $cyan;
+$warning:    $yellow;
+$danger:     $red;
+$light:      $gray-200;
+$dark:       $gray-700;
+
+// Links
+$link-color: $success;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Lato:400,700,400italic";
+$font-family-sans-serif: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 0.9375rem;
+$navbar-font-size: 0.9375rem;
+$footer-font-size: 0.875rem;
+$h1-font-size: 3rem;
+$h2-font-size: 2.5rem;
+$h3-font-size: 2rem;
+
+// Tables
+$table-accent-bg: $gray-200;
+
+// Dropdowns
+$dropdown-link-color: $gray-700;
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $primary;
+
+// Navs
+$nav-link-padding-y: 0.5rem;
+$nav-link-padding-x: 2rem;
+$nav-link-disabled-color: $gray-600;
+$nav-tabs-border-color: $gray-200;
+
+// Navbar
+$navbar-padding-y: 1rem;
+$navbar-dark-color: $white;
+$navbar-dark-hover-color: $success;
+
+// Pagination
+$pagination-color: $white;
+$pagination-bg: $success;
+$pagination-border-width: 0;
+$pagination-border-color: transparent;
+$pagination-hover-color: $white;
+$pagination-hover-bg: darken($success, 15%);
+$pagination-hover-border-color: transparent;
+$pagination-active-bg: $pagination-hover-bg;
+$pagination-active-border-color: transparent;
+$pagination-disabled-color: $gray-200;
+$pagination-disabled-bg: lighten($success, 15%);
+$pagination-disabled-border-color: transparent;
+
+// Progress bars
+$progress-height: 10px;
+$progress-font-size: 10px;
+
+// List group
+$list-group-hover-bg: $gray-200;
+$list-group-disabled-bg: $gray-200;
+
+// Close
+$close-color: $white;
+$close-text-shadow: none;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/index.html b/themes/Bootswatch4.6_Scss/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/journal/index.html b/themes/Bootswatch4.6_Scss/journal/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/journal/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/journal/style.scss b/themes/Bootswatch4.6_Scss/journal/style.scss
new file mode 100644
index 0000000..ed8414a
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/journal/style.scss
@@ -0,0 +1,73 @@
+// Theme Bootswatch 4 Scss
+// Layout Journal 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight;
+
+  &.bg-dark {
+    background-color: #000 !important;
+  }
+
+  &.bg-light {
+    background-color: $white !important;
+    color: $black;
+    border: 1px solid $gray-200;
+  }
+
+  &.fixed-top {
+    border-width: 0 0 1px 0;
+  }
+
+  &.fixed-bottom {
+    border-width: 1px 0 0 0;
+  }
+
+  .navbar-brand {
+    padding-top: 0.5rem;
+    font-size: inherit;
+    font-weight: $headings-font-weight;
+    text-transform: uppercase;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight;
+
+  &-secondary {
+    color: $white;
+  }
+}
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+.pagination {
+  a:hover {
+    text-decoration: none;
+  }
+}
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/journal/variables.scss b/themes/Bootswatch4.6_Scss/journal/variables.scss
new file mode 100644
index 0000000..ec042ec
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/journal/variables.scss
@@ -0,0 +1,65 @@
+// Theme Bootswatch 4 Scss
+// Layout Journal 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:      #fff;
+$gray-100:   #f8f9fa;
+$gray-200:   #eee;
+$gray-300:   #dee2e6;
+$gray-400:   #ced4da;
+$gray-500:   #aaa;
+$gray-600:   #777;
+$gray-700:   #495057;
+$gray-800:   #333;
+$gray-900:   #222;
+$black:      #000;
+
+$blue:       #EB6864;
+$indigo:     #6610f2;
+$purple:     #6f42c1;
+$pink:       #e83e8c;
+$red:        #F57A00;
+$orange:     #fd7e14;
+$yellow:     #F5E625;
+$green:      #22B24C;
+$teal:       #20c997;
+$cyan:       #369;
+
+$primary:    $blue;
+$secondary:  $gray-500;
+$success:    $green;
+$info:       $cyan;
+$warning:    $yellow;
+$danger:     $red;
+$light:      $gray-100;
+$dark:       $gray-900;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=News+Cycle:400,700";
+$headings-font-family: "News Cycle", "Arial Narrow Bold", sans-serif;
+$headings-font-weight: 700;
+$headings-line-height: 1.1;
+$font-size-base: 1rem;
+$navbar-font-size: 1.125rem;
+$footer-font-size: 0.875rem;
+
+// Buttons
+$input-btn-padding-x: 1rem;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+$navbar-light-color: rgba($black, 0.7);
+$navbar-light-hover-color: $black;
+$navbar-light-active-color: $black;
+
+// Pagination
+$pagination-hover-color: $white;
+$pagination-hover-bg: $primary;
+$pagination-hover-border-color: $primary;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/litera/index.html b/themes/Bootswatch4.6_Scss/litera/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/litera/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/litera/style.scss b/themes/Bootswatch4.6_Scss/litera/style.scss
new file mode 100644
index 0000000..fa1a57f
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/litera/style.scss
@@ -0,0 +1,196 @@
+// Theme Bootswatch 4 Scss
+// Layout Litera 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  &.bg-dark {
+    background-color: $success !important;
+  }
+
+  &.bg-light {
+    background-color: #fff !important;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+  }
+
+  &.fixed-top {
+    border-width: 0 0 1px 0;
+  }
+
+  &.fixed-bottom {
+    border-width: 1px 0 0 0;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  border-radius: 1.078em;
+  font-family: $font-family-sans-serif;
+  font-size: 0.875em;
+
+  &-lg {
+    border-radius: 2.688em;
+  }
+
+  &-sm {
+    border-radius: 0.844em;
+    font-size: 0.688em;
+  }
+
+  &-secondary,
+  &-secondary:hover,
+  &-warning,
+  &-warning:hover {
+    color: $white;
+  }
+}
+
+// Typography ==================================================================
+p {
+  font-family: $font-family-serif;
+}
+
+blockquote {
+  font-style: italic;
+}
+
+footer {
+  font-size: 0.875em;
+}
+
+.lead {
+  color: $gray-600;
+  font-family: $font-family-sans-serif;
+}
+
+// Tables ======================================================================
+table,
+.table {
+  font-size: 0.875em;
+
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+}
+
+.table {
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+.nav:not(.navbar-nav),
+.breadcrumb,
+.pagination {
+  font-size: 0.875em;
+}
+
+.dropdown-menu {
+  font-size: 0.875em;
+}
+
+// Indicators ==================================================================
+.alert {
+  border: none;
+  color: $white;
+  font-size: 0.875em;
+
+  &, p {
+    font-family: $font-family-sans-serif;
+  }
+
+  a, .alert-link {
+    color: #fff;
+    font-weight: normal;
+    text-decoration: underline;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+}
+
+.badge {
+  vertical-align: bottom;
+
+  &-secondary,
+  &-warning {
+    color: $white;
+  }
+}
+
+.tooltip {
+  font-size: 11px;
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.list-group {
+  font-size: 0.875em;
+}
diff --git a/themes/Bootswatch4.6_Scss/litera/variables.scss b/themes/Bootswatch4.6_Scss/litera/variables.scss
new file mode 100644
index 0000000..a0b1638
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/litera/variables.scss
@@ -0,0 +1,75 @@
+// Theme Bootswatch 4 Scss
+// Layout Litera 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #e9ecef;
+$gray-300:  #ddd;
+$gray-400:  #ced4da;
+$gray-500:  #adb5bd;
+$gray-600:  #868e96;
+$gray-700:  #495057;
+$gray-800:  #343a40;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #4582EC;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #d9534f;
+$orange:    #fd7e14;
+$yellow:    #f0ad4e;
+$green:     #02B875;
+$teal:      #20c997;
+$cyan:      #17a2b8;
+
+$primary:   $blue;
+$secondary: $gray-500;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-100;
+$dark:      $gray-800;
+
+// Body
+$body-color: $gray-800;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Raleway:400,700";
+$font-family-sans-serif: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
+$font-size-base: 1.0625rem;
+$navbar-font-size: 1.0625rem;
+$footer-font-size: 0.875rem;
+$headings-font-weight: 700;
+
+// Tables
+$table-border-color: rgba(0, 0, 0, 0.1);
+
+// Buttons
+$input-btn-padding-y: 0.5rem;
+$input-btn-padding-x: 1.1rem;
+
+// Forms
+$input-border-color: rgba(0, 0, 0, 0.1);
+$input-group-addon-bg: $gray-200;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+$navbar-light-hover-color: $body-color;
+$navbar-light-active-color: $body-color;
+
+// Badges
+$badge-font-weight: normal;
+$badge-padding-y: 0.6em;
+$badge-padding-x: 1.2em;
+
+// Footer
+$footer-bg: $gray-400;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/lumen/index.html b/themes/Bootswatch4.6_Scss/lumen/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/lumen/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/lumen/style.scss b/themes/Bootswatch4.6_Scss/lumen/style.scss
new file mode 100644
index 0000000..c458e1d
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/lumen/style.scss
@@ -0,0 +1,389 @@
+// Theme Bootswatch 4 Scss
+// Layout Lumen 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+@mixin shadow($width: 4px){
+  border-style: solid;
+  border-width: 0 1px $width 1px;
+}
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  @include shadow();
+
+  &.bg-primary {
+    border-color: darken($primary, 5%);
+  }
+
+  &.bg-dark {
+    background-color: $gray-200 !important;
+    border-color: darken($gray-200, 5%);
+  }
+
+  &.bg-light {
+    background-color: #fff !important;
+    border-color: darken(#fff, 5%);
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  @include shadow();
+  font-size: 12px;
+  font-weight: bold;
+  text-transform: uppercase;
+
+  &:not(.disabled):hover {
+    margin-top: 1px;
+    border-bottom-width: 3px;
+  }
+
+  &:not(.disabled):active {
+    margin-top: 2px;
+    border-bottom-width: 2px;
+    @include box-shadow(none);
+  }
+}
+
+[class*="btn-outline"] {
+  border-top-width: 1px;
+}
+
+.btn {
+  &-primary {
+    border-color: darken($primary, 5%);
+  }
+
+  &-secondary {
+    border-color: darken($secondary, 5%);
+  }
+
+  &-success {
+    border-color: darken($success, 5%);
+  }
+
+  &-info {
+    border-color: darken($info, 5%);
+    color: $white;
+  }
+
+  &-danger {
+    border-color: darken($danger, 5%);
+  }
+
+  &-warning {
+    border-color: darken($warning, 5%);
+    color: $white;
+  }
+
+  &-light {
+    border-color: darken($light, 5%);
+  }
+
+  &-dark {
+    border-color: darken($dark, 5%);
+  }
+}
+
+.btn-group-vertical {
+  .btn + .btn {
+    &:hover {
+      margin-top: -1px;
+      border-top-width: 1px;
+    }
+
+    &:active {
+      margin-top: -1px;
+      border-top-width: 2px;
+    }
+  }
+}
+
+// Typography ==================================================================
+.blockquote-footer {
+  color: $gray-600;
+}
+
+// Tables ======================================================================
+.table {
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+
+  .thead-dark th {
+    background-color: $primary;
+    border-color: $primary;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =======================================================================
+.form-control {
+  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.075);
+}
+
+// Navs ========================================================================
+.nav {
+  .open > a,
+  .open > a:hover,
+  .open > a:focus {
+    border-color: transparent;
+  }
+}
+
+.nav-tabs {
+  .nav-link {
+    color: $body-color;
+
+    &,
+    &.disabled,
+    &.disabled:hover,
+    &.disabled:focus {
+      margin-top: 6px;
+      border-color: $nav-tabs-border-color;
+      transition: all 0.2s ease-in-out;
+    }
+
+    &:not(.disabled):hover,
+    &:not(.disabled):focus {
+      padding-bottom: calc(0.5em + 6px);
+      margin-top: 0;
+    }
+  }
+
+  &.nav-justified > li {
+    vertical-align: bottom;
+  }
+}
+
+.dropdown-menu {
+  margin-top: 0;
+  @include shadow();
+  border-top-width: 1px;
+  @include box-shadow(none);
+}
+
+.breadcrumb {
+  border-color: darken($breadcrumb-bg, 5%);
+  @include shadow();
+}
+
+.pagination {
+  > li > a,
+  > li > span {
+    position: relative;
+    top: 0;
+    @include shadow();
+    color: $pagination-color;
+    font-size: 12px;
+    font-weight: bold;
+    text-transform: uppercase;
+
+    &:hover,
+    &:focus {
+      top: 1px;
+      border-bottom-width: 3px;
+      text-decoration: none;
+    }
+
+    &:active {
+      top: 2px;
+      border-bottom-width: 2px;
+    }
+  }
+
+  > .disabled > a,
+  > .disabled > span {
+    &:hover {
+      top: 0;
+      @include shadow();
+    }
+
+    &:active {
+      top: 0;
+      @include shadow();
+    }
+  }
+}
+
+.pager {
+  > li > a,
+  > li > span,
+  > .disabled > a,
+  > .disabled > span {
+
+    &,
+    &:hover,
+    &:active {
+      border-left-width: 2px;
+      border-right-width: 2px;
+    }
+  }
+}
+
+// Indicators ==================================================================
+.close {
+  text-decoration: none;
+  opacity: 0.4;
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
+.alert {
+  color: $white;
+  @include shadow();
+
+  &-success {
+    background-color: $success;
+    border-color: darken($success, 5%);
+  }
+
+  &-info {
+    background-color: $info;
+    border-color: darken($info, 5%);
+  }
+
+  &-danger {
+    background-color: $danger;
+    border-color: darken($danger, 5%);
+  }
+
+  &-warning {
+    background-color: $warning;
+    border-color: darken($warning, 5%);
+  }
+
+  .alert-link {
+    font-weight: normal;
+    color: #fff;
+    text-decoration: underline;
+  }
+}
+
+.badge {
+  &-warning,
+  &-info {
+    color: $white;
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+a.list-group-item {
+  &-success {
+    &.active {
+      background-color: $success;
+    }
+
+    &.active:hover,
+    &.active:focus {
+      background-color: darken($success, 5%);
+    }
+  }
+
+  &-warning {
+    &.active {
+      background-color: $warning;
+    }
+
+    &.active:hover,
+    &.active:focus {
+      background-color: darken($warning, 5%);
+    }
+  }
+
+  &-danger {
+    &.active {
+      background-color: $danger;
+    }
+
+    &.active:hover,
+    &.active:focus {
+      background-color: darken($danger, 5%);
+    }
+  }
+}
+
+.card {
+  &.bg-dark {
+    background-color: $gray-700 !important;
+  }
+}
+
+.jumbotron {
+  border: 1px solid $gray-200;
+  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.modal {
+  .close {
+    color: $black;
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/lumen/variables.scss b/themes/Bootswatch4.6_Scss/lumen/variables.scss
new file mode 100644
index 0000000..837e351
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/lumen/variables.scss
@@ -0,0 +1,78 @@
+// Theme Bootswatch 4 Scss
+// Layout Lumen 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:      #fff;
+$gray-100:   #f6f6f6;
+$gray-200:   #f0f0f0;
+$gray-300:   #dee2e6;
+$gray-400:   #ced4da;
+$gray-500:   #adb5bd;
+$gray-600:   #999;
+$gray-700:   #555;
+$gray-800:   #333;
+$gray-900:   #222;
+$black:      #000;
+
+$blue:       #158CBA;
+$indigo:     #6610f2;
+$purple:     #6f42c1;
+$pink:       #e83e8c;
+$red:        #FF4136;
+$orange:     #fd7e14;
+$yellow:     #FF851B;
+$green:      #28B62C;
+$teal:       #20c997;
+$cyan:       #75CAEB;
+
+$primary:    $blue;
+$secondary:  $gray-200;
+$success:    $green;
+$info:       $cyan;
+$warning:    $yellow;
+$danger:     $red;
+$light:      $gray-100;
+$dark:       $gray-900;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic";
+$font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 0.9375rem;
+$navbar-font-size: 0.9375rem;
+$footer-font-size: 0.875rem;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+
+// Dropdowns
+$dropdown-link-color: rgba(0, 0, 0, 0.5);
+
+// Navs
+$nav-tabs-border-color: $gray-200;
+$nav-tabs-link-hover-border-color: $nav-tabs-border-color;
+$nav-tabs-link-active-border-color: $nav-tabs-border-color;
+
+// Pagination
+$pagination-color: $gray-700;
+$pagination-bg:  $gray-200;
+$pagination-hover-color: $pagination-color;
+$pagination-hover-bg: $pagination-bg;
+$pagination-active-border-color: darken($primary, 5%);
+$pagination-disabled-color: $gray-600;
+$pagination-disabled-bg: $pagination-bg;
+
+// Jumbotron
+$jumbotron-bg: #fafafa;
+
+// Modals
+$modal-content-border-color: rgba($black, 0.1);
+
+// Close
+$close-color: $white;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/lux/index.html b/themes/Bootswatch4.6_Scss/lux/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/lux/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/lux/style.scss b/themes/Bootswatch4.6_Scss/lux/style.scss
new file mode 100644
index 0000000..413a7d0
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/lux/style.scss
@@ -0,0 +1,148 @@
+// Theme Bootswatch 4 Scss
+// Layout Lux 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  font-size: $font-size-sm;
+  text-transform: uppercase;
+  font-weight: 600;
+
+  &-nav {
+    .nav-link {
+      padding-top: 0.715rem;
+      padding-bottom: 0.715rem;
+    }
+  }
+
+  &-brand {
+    margin-right: 3rem;
+  }
+
+  &.bg-primary {
+    background-color: $gray-900 !important;
+  }
+
+  &.bg-light {
+    border: 1px solid rgba(0, 0, 0, 0.1);
+
+    &.navbar-fixed-top {
+      border-width: 0 0 1px 0;
+    }
+
+    &.navbar-bottom-top {
+      border-width: 1px 0 0 0;
+    }
+  }
+
+  .navbar-nav > .nav-item {
+    margin-right: 1.5rem;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  font-size: $font-size-sm;
+  text-transform: uppercase;
+
+  &-sm {
+    font-size: 10px;
+  }
+
+  &-warning {
+    &,
+    &:hover,
+    &:not([disabled]):not(.disabled):active,
+    &:focus {
+      color: $white;
+    }
+  }
+}
+
+.btn-outline-secondary {
+  border-color: $gray-600;
+  color: $gray-600;
+
+  &:not([disabled]):not(.disabled):hover,
+  &:not([disabled]):not(.disabled):focus,
+  &:not([disabled]):not(.disabled):active {
+    background-color: $gray-400;
+    border-color: $gray-400;
+    color: $white;
+  }
+
+  &:not([disabled]):not(.disabled):focus {
+    box-shadow: 0 0 0 0.2rem rgba($gray-400, 0.5);
+  }
+}
+
+[class*="btn-outline-"] {
+  border-width: 2px;
+}
+
+.border-secondary {
+  border: 1px solid $gray-400 !important;
+}
+
+// Typography ==================================================================
+body {
+  font-weight: 200;
+  letter-spacing: 1px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  text-transform: uppercase;
+  letter-spacing: 3px;
+}
+
+.text-secondary {
+  color: $body-color !important;
+}
+
+// Tables ======================================================================
+th {
+  font-size: $font-size-sm;
+  text-transform: uppercase;
+}
+
+.table {
+  th, td {
+    padding: 1.5rem;
+  }
+}
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+.dropdown-menu {
+  text-transform: none;
+}
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.list-group-item {
+  h1, h2, h3, h4, h5, h6,
+  .h1, .h2, .h3, .h4, .h5, .h6 {
+    color: inherit;
+  }
+}
+
+.card {
+  &-title,
+  &-header {
+    color: inherit;
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/lux/variables.scss b/themes/Bootswatch4.6_Scss/lux/variables.scss
new file mode 100644
index 0000000..a3cdc93
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/lux/variables.scss
@@ -0,0 +1,95 @@
+// Theme Bootswatch 4 Scss
+// Layout Lux 4.0.0
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #f7f7f9;
+$gray-300:  #eceeef;
+$gray-400:  #ced4da;
+$gray-500:  #adb5bd;
+$gray-600:  #919aa1;
+$gray-700:  #55595c;
+$gray-800:  #343a40;
+$gray-900:  #1a1a1a;
+$black:     #000;
+
+$blue:      #007bff;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #d9534f;
+$orange:    #fd7e14;
+$yellow:    #f0ad4e;
+$green:     #4BBF73;
+$teal:      #20c997;
+$cyan:      #1F9BCF;
+
+$primary:   $gray-900;
+$secondary: $white;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $white;
+$dark:      $gray-800;
+
+// Body
+$body-color: $gray-600;
+
+// Components
+$border-radius: 0;
+$border-radius-lg: 0;
+$border-radius-sm: 0;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Nunito+Sans:400,600";
+$font-family-sans-serif: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 0.875rem;
+$navbar-font-size: 0.875rem;
+$footer-font-size: 0.875rem;
+$h1-font-size: 2rem;
+$h2-font-size: 1.75rem;
+$h3-font-size: 1.5rem;
+$h4-font-size: 1.25rem;
+$h5-font-size: 1rem;
+$h6-font-size: 0.75rem;
+$headings-font-weight: 600;
+$headings-color: $gray-900;
+
+// Tables
+$table-border-color: rgba(0, 0, 0, 0.05);
+
+// Buttons
+$input-btn-padding-y: 0.75rem;
+$input-btn-padding-x: 2rem;
+$input-btn-padding-y-sm: 0.5rem;
+$input-btn-padding-x-sm: 1rem;
+$input-btn-padding-y-lg: 2rem;
+$input-btn-padding-x-lg: 3rem;
+$btn-font-weight: 600;
+
+// Forms
+$input-bg: $gray-200;
+$input-disabled-bg: $gray-300;
+$input-group-addon-bg: $gray-300;
+
+// Navbar
+$navbar-padding-y: 1.5rem;
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+$navbar-light-color: rgba($black, 0.3);
+$navbar-light-hover-color: $gray-900;
+$navbar-light-active-color: $gray-900;
+
+// Pagination
+$pagination-border-color: transparent;
+$pagination-hover-border-color: $pagination-border-color;
+$pagination-disabled-border-color: $pagination-border-color;
+
+// Breadcrumbs
+$breadcrumb-bg: transparent;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/materia/index.html b/themes/Bootswatch4.6_Scss/materia/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/materia/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/materia/style.scss b/themes/Bootswatch4.6_Scss/materia/style.scss
new file mode 100644
index 0000000..e58ff94
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/materia/style.scss
@@ -0,0 +1,714 @@
+// Theme Bootswatch 4 Scss
+// Layout Materia 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins ========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+@mixin ripple($color){
+  position: relative;
+
+  &:after {
+    content: "";
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    margin-left: 0;
+    @include gradient-radial($color 10%, transparent 10.01%);
+    background-size: 1000% 1000%;
+    background-position: 50%;
+    border: none;
+    opacity: 0;
+    pointer-events: none;
+    transition: background 0.5s, opacity 1s;
+  }
+
+  &:active:after {
+    background-size: 0 0;
+    opacity: .2;
+    transition: 0s;
+  }
+
+  &.disabled,
+  &[disabled] {
+    &:after {
+      display: none;
+    }
+  }
+}
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  border: none;
+  box-shadow: 0 1px 2px rgba(0,0,0,.3);
+
+  &-brand {
+    font-size: 24px;
+  }
+
+  &-nav .nav-link {
+    padding-top: 0.9rem;
+    padding-bottom: 0.9rem;
+  }
+
+  &.bg-dark,
+  &.bg-primary {
+    input[type=text],
+    input[type=password] {
+      color: #fff;
+      box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
+
+      &:focus {
+        box-shadow: inset 0 -2px 0 #fff;
+      }
+
+      &::placeholder {
+        color: rgba(255, 255, 255, 0.5);
+      }
+    }
+  }
+}
+
+// Buttons =====================================================================
+@mixin btn($class, $bg, $color){
+  .btn-#{$class} {
+    &:focus {
+      background-color: $bg;
+      box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5);
+    }
+
+    &:hover,
+    &:active:hover {
+      background-color: darken($bg, 6%);
+    }
+
+    &:active {
+      box-shadow: 2px 2px 4px rgba(0,0,0,.4);
+    }
+
+    @include ripple($color);
+  }
+
+  .btn-outline-#{$class} {
+    @include ripple($color);
+  }
+}
+
+@include btn(primary, $primary, $white);
+@include btn(secondary, $secondary, $gray-500);
+@include btn(success, $success, $white);
+@include btn(info, $info, $white);
+@include btn(warning, $warning, $white);
+@include btn(danger, $danger, $white);
+@include btn(dark, $dark, $white);
+@include btn(light, $light, $white);
+
+.btn {
+  font-size: 0.875rem;
+  text-transform: uppercase;
+  padding: 0.6em 1.2em;
+  font-weight: 500;
+  letter-spacing: .0892857143em;
+  border: none;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
+  transition: all 0.4s;
+
+  &-link {
+    box-shadow: none;
+    color: $link-color;
+
+    &:hover,
+    &:focus {
+      box-shadow: none;
+      color: $link-hover-color;
+      text-decoration: $link-hover-decoration;
+    }
+
+    &.disabled, // Although btn-link is intended for buttons, which want to look like link, I include here a.disable for the sake of consistency
+    &[disabled],
+    fieldset[disabled] & {
+      &:hover,
+      &:active:hover {
+        color: $btn-link-disabled-color;
+        text-decoration: none;
+      }
+    }
+  }
+
+  &-secondary {
+    &.disabled,
+    &[disabled],
+    fieldset[disabled] & {
+      background-color: rgba(0, 0, 0, 0.1);
+      color: rgba(0, 0, 0, 0.4);
+      opacity: 1;
+
+      &:hover,
+      &:focus {
+        background-color: rgba(0, 0, 0, 0.1);
+      }
+    }
+  }
+
+  &-outline-secondary {
+    border-color: $gray-200;
+    color: $gray-300;
+  }
+
+  &-warning {
+    color: $white;
+  }
+
+  &.dropdown-toggle::before {
+    display: inline-block;
+    width: 0;
+    height: 0;
+    margin-left: 0.3em;
+    vertical-align: middle;
+    content: "";
+    border-top: 0.3em solid;
+    border-right: 0.3em solid transparent;
+    border-left: 0.3em solid transparent;
+  }
+}
+
+.btn-group {
+  .btn + .btn,
+  .btn + .btn-group,
+  .btn-group + .btn,
+  .btn-group + .btn-group {
+    margin-left: 0;
+  }
+
+  &-vertical {
+    > .btn + .btn,
+    > .btn + .btn-group,
+    > .btn-group + .btn,
+    > .btn-group + .btn-group {
+      margin-top: 0;
+    }
+  }
+}
+
+.border-secondary {
+  border: 1px solid #dfdfdf !important;
+}
+
+// Typography ==================================================================
+body,
+input,
+button {
+  -webkit-font-smoothing: antialiased;
+}
+
+p {
+  margin: 0 0 1em;
+}
+
+a {
+  transition: all 0.2s;
+}
+
+h1, .h1,
+h2, .h2,
+h3, .h3,
+h4, .h4,
+h5, .h5,
+h6, .h6 {
+  font-weight: 400;
+  line-height: 1.2;
+}
+
+h5, .h5,
+h6, .h6 {
+  color: $gray-600;
+}
+
+h6, .h6 {
+  font-weight: 500;
+}
+
+.lead {
+  font-size: 1.25rem;
+  font-weight: inherit;
+  line-height: 1.25;
+  color: $gray-600;
+}
+
+// Tables ======================================================================
+.table-hover {
+  > tbody > tr,
+  > tbody > tr > th,
+  > tbody > tr > td {
+    transition: all 0.2s;
+  }
+}
+
+.thead-inverse th {
+  background-color: $primary;
+  color: $white;
+}
+
+// Forms =======================================================================
+.col-form-label {
+  font-size: 16px;
+
+  &-sm {
+    font-size: $font-size-sm;
+  }
+
+  &-lg {
+    font-size: $font-size-lg;
+  }
+}
+
+.GPAREA { // prevent unusual form styles from spoiling the admin UI
+  textarea,
+  textarea.form-control,
+  input.form-control,
+  input[type=text],
+  input[type=password],
+  input[type=email],
+  input[type=number],
+  [type=text].form-control,
+  [type=password].form-control,
+  [type=email].form-control,
+  [type=tel].form-control,
+  [contenteditable].form-control {
+    padding: 0;
+    border: none;
+    appearance: none;
+    box-shadow: inset 0 -1px 0 #ddd;
+    font-size: 16px;
+    transition: all 0.2s;
+
+    &:focus {
+      box-shadow: inset 0 -2px 0 $primary;
+    }
+
+    &[disabled],
+    &[readonly] {
+      box-shadow: none;
+      border-bottom: 1px dotted #ddd;
+    }
+
+    &:not(textarea) {
+      height: $input-height;
+    }
+
+    &.form-control {
+      &-sm {
+        height: $input-height-sm;
+        font-size: $font-size-sm;
+      }
+
+      &-lg {
+        height: $input-height-lg;
+        font-size: $font-size-lg;
+      }
+    }
+
+    &::-ms-clear {
+      display: none;
+    }
+  }
+
+  select,
+  select.form-control {
+    border: 0;
+    border-radius: 0;
+    appearance: none;
+    padding-left: 0;
+    padding-right: 0\9; // remove padding for < ie9 since default arrow can't be removed
+    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
+    background-size: 13px;
+    background-repeat: no-repeat;
+    background-position: right center;
+    box-shadow: inset 0 -1px 0 #ddd;
+    font-size: 16px;
+    line-height: 1.5;
+
+    &::-ms-expand {
+      display: none;
+    }
+
+    &.input {
+      &-sm {
+        font-size: $font-size-sm;
+      }
+
+      &-lg {
+        font-size: $font-size-lg;
+      }
+    }
+
+    &:focus {
+      box-shadow: inset 0 -2px 0 $primary;
+      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
+    }
+
+    &[multiple] {
+      background: none;
+    }
+  }
+
+  .radio,
+  .radio-inline,
+  .checkbox,
+  .checkbox-inline {
+    label {
+      padding-left: 25px;
+    }
+
+    input[type="radio"],
+    input[type="checkbox"] {
+      margin-left: -25px;
+    }
+  }
+
+  input[type="radio"],
+  .radio input[type="radio"],
+  .radio-inline input[type="radio"] {
+    position: relative;
+    margin-right: 4px;
+    vertical-align: top;
+    border: none;
+    background-color: transparent;
+    appearance: none;
+    cursor: pointer;
+
+    &:focus {
+      outline: none;
+    }
+
+    &:before,
+    &:after {
+      content: "";
+      display: block;
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      transition: 240ms;
+    }
+
+    &:before {
+      position: absolute;
+      left: 0;
+      top: -2px;
+      background-color: $primary;
+      transform: scale(0);
+    }
+
+    &:after {
+      position: relative;
+      top: -2px;
+      border: 2px solid $gray-500;
+    }
+
+    &:checked:before {
+      transform: scale(0.5);
+    }
+
+    &:disabled:checked:before {
+      background-color: $gray-300;
+    }
+
+    &:checked:after {
+      border-color: $primary;
+    }
+
+    &:disabled:after,
+    &:disabled:checked:after {
+      border-color: $gray-300;
+    }
+  }
+
+  input[type="checkbox"],
+  .checkbox input[type="checkbox"],
+  .checkbox-inline input[type="checkbox"] {
+    position: relative;
+    border: none;
+    margin-bottom: -4px;
+    appearance: none;
+    cursor: pointer;
+
+    &:focus {
+      outline: none;
+    }
+
+    &:focus:after {
+      border-color: $primary;
+    }
+
+    &:after {
+      content: "";
+      display: block;
+      width: 18px;
+      height: 18px;
+      margin-right: 5px;
+      border: 2px solid $gray-500;
+      border-radius: 2px;
+      transition: 240ms;
+    }
+
+    &:checked:before {
+      content: "";
+      position: absolute;
+      top: 2px;
+      left: 6px;
+      display: table;
+      width: 6px;
+      height: 12px;
+      border: 2px solid #fff;
+      border-top-width: 0;
+      border-left-width: 0;
+      transform: rotate(45deg);
+    }
+
+    &:checked:after {
+      background-color: $primary;
+      border-color: $primary;
+    }
+
+    &:disabled:after {
+      border-color: $gray-300;
+    }
+
+    &:disabled:checked:after {
+      background-color: $gray-300;
+      border-color: transparent;
+    }
+  }
+
+  .has-warning {
+    input:not([type=checkbox]),
+    .form-control,
+    input.form-control[readonly],
+    input[type=text][readonly],
+    [type=text].form-control[readonly],
+    input:not([type=checkbox]):focus,
+    .form-control:focus {
+      border-bottom: none;
+      box-shadow: inset 0 -2px 0 $warning;
+    }
+  }
+
+  .has-danger {
+    input:not([type=checkbox]),
+    .form-control,
+    input.form-control[readonly],
+    input[type=text][readonly],
+    [type=text].form-control[readonly],
+    input:not([type=checkbox]):focus,
+    .form-control:focus {
+      border-bottom: none;
+      box-shadow: inset 0 -2px 0 $danger;
+    }
+  }
+
+  .has-success {
+    input:not([type=checkbox]),
+    .form-control,
+    input.form-control[readonly],
+    input[type=text][readonly],
+    [type=text].form-control[readonly],
+    input:not([type=checkbox]):focus,
+    .form-control:focus {
+      border-bottom: none;
+      box-shadow: inset 0 -2px 0 $success;
+    }
+  }
+
+  // Remove the Bootstrap feedback styles for input addons
+  .input-group-addon {
+    .has-warning &, .has-danger &, .has-success & {
+      color: $input-color;
+      border-color: $input-group-addon-border-color;
+      background-color: $input-group-addon-bg;
+    }
+  }
+
+  .form-group-lg {
+    select,
+    select.form-control {
+      line-height: 1.5;
+    }
+  }
+
+} // /.GPAREA
+
+// Navs ========================================================================
+.nav-tabs {
+  .nav-item + .nav-item {
+    margin-left: 0;
+  }
+
+  .nav-link,
+  .nav-link:focus {
+    margin-right: 0;
+    background-color: transparent;
+    border: none;
+    color: $body-color;
+    box-shadow: inset 0 -1px 0 #ddd;
+    transition: all 0.2s;
+
+    &:hover {
+      background-color: transparent;
+      box-shadow: inset 0 -2px 0 $primary;
+      color: $primary;
+    }
+  }
+
+  .nav-link.active,
+  .nav-link.active:focus {
+    border: none;
+    box-shadow: inset 0 -2px 0 $primary;
+    color: $primary;
+
+    &:hover {
+      border: none;
+      color: $primary;
+    }
+  }
+
+  .nav-link.disabled {
+    box-shadow: inset 0 -1px 0 #ddd;
+  }
+
+  &.nav-justified {
+    .nav-link,
+    .nav-link:hover,
+    .nav-link:focus,
+    .nav-link.active,
+    .nav-link.active:hover,
+    .nav-link.active:focus {
+      border: none;
+    }
+  }
+
+  .dropdown-menu {
+    margin-top: 0;
+  }
+}
+
+.dropdown-menu {
+  margin-top: 0;
+  border: none;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+  border-radius: 1px;
+}
+
+// Indicators ==================================================================
+.alert {
+  padding-right: 2.5rem;
+
+  &, h1, h2, h3, h4, h5, h6 {
+    color: #fff;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+
+  a:not(.close):not(.btn),
+  .alert-link {
+    color: #fff;
+    font-weight: bold;
+  }
+
+  .close {
+    color: #fff;
+  }
+}
+
+.badge {
+
+  &-secondary {
+    background-color: $gray-500;
+    color: $white;
+  }
+
+  &-light {
+    background-color: $gray-200;
+  }
+
+  &-warning {
+    color: $white;
+  }
+}
+
+.tag {
+  padding: 4px 6px 4px;
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.close {
+  line-height: 0.5;
+  opacity: 0.6;
+  transition: all 0.2s;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.card {
+  box-shadow: 0 1px 4px rgba(0,0,0,.4);
+
+  &.border-primary,
+  &.border-secondary,
+  &.border-success,
+  &.border-info,
+  &.border-warning,
+  &.border-danger,
+  &.border-light,
+  &.border-dark {
+    border-width: 1px;
+  }
+}
+
+.alert-dismissible {
+  .close {
+    padding: 0.5rem 0.75rem;
+  }
+}
+
+.list-group {
+  &-item-action.active {
+    h1, h2, h3, h4, h5, h6 {
+      color: $white;
+    }
+  }
+}
+
+.modal-content {
+  border-radius: 0.2rem;
+  box-shadow: 0 6px 36px rgba(0,0,0,.3);
+}
+
+.popover {
+  border: none;
+  box-shadow: 0 1px 4px rgba(0,0,0,.3);
+}
+
+.carousel {
+  &-caption {
+    h1, h2, h3, h4, h5, h6 {
+      color: inherit;
+    }
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/materia/variables.scss b/themes/Bootswatch4.6_Scss/materia/variables.scss
new file mode 100644
index 0000000..a282637
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/materia/variables.scss
@@ -0,0 +1,102 @@
+// Theme Bootswatch 4 Scss
+// Layout Materia 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #f1f3f4;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #bbb;
+$gray-600:  #666;
+$gray-700:  #444;
+$gray-800:  #222;
+$gray-900:  #212121;
+$black:     #000;
+
+$blue:      #2196F3;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #e51c23;
+$orange:    #fd7e14;
+$yellow:    #ff9800;
+$green:     #4CAF50;
+$teal:      #20c997;
+$cyan:      #9C27B0;
+
+$primary:   $blue;
+$secondary: $white;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $white;
+$dark:      $gray-800;
+
+// Body
+$body-color: $gray-700;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
+$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+$font-weight-base: 400;
+$h1-font-size: 3.75rem;
+$h2-font-size: 2rem;
+$h3-font-size: 1.5rem;
+$h4-font-size: 1.25rem;
+$h5-font-size: 1.125rem;
+$h6-font-size: 1rem;
+$headings-color: $gray-900;
+
+// Buttons
+$input-btn-padding-y: 1rem;
+$input-btn-padding-x: 1rem;
+
+// Forms
+$input-bg: transparent;
+$input-disabled-bg: transparent;
+$input-color: $gray-600;
+$input-border-color: transparent;
+$input-border-radius: 0;
+$input-border-radius-lg: 0;
+$input-border-radius-sm: 0;
+$input-placeholder-color: rgba(0,0,0,0.4);
+$input-group-addon-bg: transparent;
+
+// Navs
+$nav-link-disabled-color: $gray-500;
+$nav-tabs-border-color: transparent;
+
+// Navbar
+$navbar-padding-y: 1rem;
+$navbar-nav-link-padding-x: 1rem;
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+
+// Cards
+$card-border-width: 0;
+$card-border-color: transparent;
+
+// Tooltips
+$tooltip-bg: $gray-700;
+
+// Modals
+$modal-content-border-color: transparent;
+
+// Progress bars
+$progress-height: 6px;
+$progress-border-radius: 0;
+
+// Close
+$close-font-size: 2.125rem;
+$close-font-weight: 300;
+
+// Footer
+$footer-bg: $gray-200;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/minty/index.html b/themes/Bootswatch4.6_Scss/minty/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/minty/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/minty/style.scss b/themes/Bootswatch4.6_Scss/minty/style.scss
new file mode 100644
index 0000000..6aed325
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/minty/style.scss
@@ -0,0 +1,238 @@
+// Theme Bootswatch 4 Scss
+// Layout Minty 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  font-family: $headings-font-family;
+
+  &.bg-dark {
+    background-color: $secondary !important;
+  }
+
+  &.border-dark {
+    border-color: $secondary !important;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  font-family: $headings-font-family;
+
+  &,
+  &:hover {
+    color: $white;
+  }
+
+  &-default {
+    background-color: $gray-400;
+    color: $gray-600;
+    &:hover {
+      background-color: darken($gray-400, 5%);
+      color: $gray-700;
+    }
+  }
+
+  &-warning {
+    color: darken($warning, 40%);
+    &:hover {
+      color: darken($warning, 45%);
+    }
+  }
+
+  &-link,
+  &-link:hover {
+    color: $primary;
+  }
+
+  &-link.disabled:hover {
+    color: $gray-600;
+  }
+
+  &-outline-primary {
+    color: $primary;
+  }
+
+  &-outline-secondary {
+    color: $secondary;
+  }
+
+  &-outline-success {
+    color: $success;
+  }
+
+  &-outline-info {
+    color: $info;
+  }
+
+  &-outline-warning {
+    color: $warning;
+  }
+
+  &-outline-danger {
+    color: $danger;
+  }
+
+  &-outline-dark {
+    color: $dark;
+  }
+
+  &-outline-light {
+    color: $light;
+  }
+}
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+.table {
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+  }
+
+  .thead-dark th {
+    background-color: $primary;
+    border-color: $table-border-color;
+    font-family: $headings-font-family;
+  }
+}
+
+// Forms =======================================================================
+legend {
+  font-family: $headings-font-family;
+}
+
+// Navs ========================================================================
+.dropdown-menu {
+  font-family: $font-family-sans-serif;
+}
+
+.breadcrumb {
+  a {
+    color: $navbar-dark-color;
+  }
+
+  a:hover {
+    color: $white;
+    text-decoration: none;
+  }
+}
+
+// Indicators ==================================================================
+.alert {
+  color: $white;
+
+  h1, h2, h3, h4, h5, h6 {
+    color: inherit;
+  }
+
+  a,
+  .alert-link {
+    color: $white;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+}
+
+.badge {
+  color: $white;
+
+  &-light {
+    color: $gray-700;
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.card,
+.list-group-item {
+  h1, h2, h3, h4, h5, h6 {
+    color: inherit;
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/minty/variables.scss b/themes/Bootswatch4.6_Scss/minty/variables.scss
new file mode 100644
index 0000000..bb36dff
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/minty/variables.scss
@@ -0,0 +1,91 @@
+// Theme Bootswatch 4 Scss
+// Layout Minty 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:    #fff;
+$gray-100: #f5f6f7;
+$gray-200: #f0f1f2;
+$gray-300: #eceeef;
+$gray-400: #ced4da;
+$gray-500: #aaa;
+$gray-600: #888;
+$gray-700: #5a5a5a;
+$gray-800: #343a40;
+$gray-900: #212529;
+$black:    #000;
+
+$blue:     #007bff;
+$indigo:   #6610f2;
+$purple:   #6f42c1;
+$pink:     #e83e8c;
+$red:      #FF7851;
+$orange:   #fd7e14;
+$yellow:   #FFCE67;
+$green:    #56CC9D;
+$teal:     #20c997;
+$cyan:     #6CC3D5;
+
+$primary:  #78C2AD;
+$secondary:#F3969A;
+$success:  $green;
+$info:     $cyan;
+$warning:  $yellow;
+$danger:   $red;
+$light:    $gray-100;
+$dark:     $gray-800;
+
+// Body
+$body-color: $gray-600;
+
+// Components
+$border-radius: 0.4rem;
+$border-radius-lg: 0.6rem;
+$border-radius-sm: 0.3rem;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Montserrat";
+$headings-font-family: Montserrat, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$headings-color: $gray-700;
+$font-weight-base: 500;
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+
+// Tables
+$table-border-color: rgba(0,0,0,0.05);
+
+// Dropdowns
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $secondary;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+$navbar-light-color: rgba($black, 0.3);
+$navbar-light-hover-color: $gray-700;
+$navbar-light-active-color: $gray-700;
+$navbar-light-disabled-color: rgba($black, 0.1);
+
+// Pagination
+$pagination-color: $white;
+$pagination-bg: $primary;
+$pagination-border-color: $primary;
+$pagination-hover-color: $white;
+$pagination-hover-bg: $secondary;
+$pagination-hover-border-color: $pagination-hover-bg;
+$pagination-active-bg: $secondary;
+$pagination-active-border-color: $pagination-active-bg;
+$pagination-disabled-color: $white;
+$pagination-disabled-bg: #CCE8E0;
+$pagination-disabled-border-color: $pagination-disabled-bg;
+
+// Breadcrumbs
+$breadcrumb-bg: $primary;
+$breadcrumb-divider-color: $white;
+$breadcrumb-active-color: $breadcrumb-divider-color;
+
+// Footer
+$footer-bg: $gray-200;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/pulse/index.html b/themes/Bootswatch4.6_Scss/pulse/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/pulse/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/pulse/style.scss b/themes/Bootswatch4.6_Scss/pulse/style.scss
new file mode 100644
index 0000000..4038a82
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/pulse/style.scss
@@ -0,0 +1,155 @@
+// Theme Bootswatch 4 Scss
+// Layout Pulse 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Buttons =====================================================================
+.btn {
+  &:focus,
+  &:active,
+  &:active:focus,
+  &.active:focus {
+    outline: none;
+  }
+
+  &-secondary {
+    background-color: $white;
+    border-color: #ccc;
+    color: $gray-900;
+
+    &:hover {
+      background-color: $gray-300;
+      border-color: $gray-500;
+      color: $gray-900;
+    }
+
+    &.disabled {
+      background-color: $white;
+      border-color: lighten(#ccc, 5%);
+      color: lighten($gray-900, 5%);
+    }
+  }
+
+  &-warning {
+    color: $white;
+  }
+
+  &-primary:focus {
+    box-shadow: 0 0 5px lighten($primary, 10%);
+  }
+
+  &-secondary:focus {
+    box-shadow: 0 0 5px $gray-400;
+  }
+
+  &-success:focus {
+    box-shadow: 0 0 5px lighten($success, 10%);
+  }
+
+  &-info:focus {
+    box-shadow: 0 0 5px lighten($info, 10%);
+  }
+
+  &-warning:focus {
+    box-shadow: 0 0 5px lighten($warning, 10%);
+  }
+
+  &-danger:focus {
+    box-shadow: 0 0 5px lighten($danger, 10%);
+  }
+
+  &.disabled:focus {
+    box-shadow: none;
+  }
+}
+
+// Typography ==================================================================
+
+.lead {
+  font-size: 1.3rem;
+}
+
+// Tables ======================================================================
+.table .thead-dark th {
+  background-color: $secondary;
+  border-color: $table-border-color;
+}
+
+// Forms =======================================================================
+.form-control:focus {
+  box-shadow: 0 0 5px rgba(100, 65, 164, 0.4);
+}
+
+// Navs ========================================================================
+.nav-tabs {
+  .nav-link,
+  .nav-link.active {
+    border-width: 0 0 1px 0;
+  }
+
+  .nav-link:hover,
+  .nav-link.active,
+  .nav-link.active:hover,
+  .nav-link.active:focus {
+    border-bottom: 1px solid $primary;
+  }
+
+  .nav-item + .nav-item {
+    margin-left: 0;
+  }
+}
+
+.breadcrumb {
+  &-item.active {
+    color: $gray-700;
+  }
+}
+
+// Indicators ==================================================================
+.badge {
+  padding-bottom: 0.4em;
+
+  &-secondary,
+  &-warning {
+    color: $white;
+  }
+}
+
+// Progress bars ===============================================================
+.progress {
+  height: 8px;
+}
+
+// Containers ==================================================================
+.list-group {
+  &-item {
+    color: rgba(255, 255, 255, 0.8);
+
+    &.active,
+    &:hover,
+    &:focus {
+      color: #fff;
+    }
+
+    &.active {
+      font-weight: bold;
+
+      &:hover {
+        background-color: $list-group-hover-bg;
+      }
+    }
+
+    &.disabled:hover {
+      color: $list-group-disabled-color;
+    }
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/pulse/variables.scss b/themes/Bootswatch4.6_Scss/pulse/variables.scss
new file mode 100644
index 0000000..4f0454c
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/pulse/variables.scss
@@ -0,0 +1,93 @@
+// Theme Bootswatch 4 Scss
+// Layout Pulse 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #fafafa;
+$gray-200:  #F9F8FC;
+$gray-300:  #EDEDED;
+$gray-400:  #d4d1d8;
+$gray-500:  #adb5bd;
+$gray-600:  #868e96;
+$gray-700:  #444;
+$gray-800:  #343a40;
+$gray-900:  #17141F;
+$black:     #000;
+
+$blue:      #007bff;
+$indigo:    #6610f2;
+$purple:    #593196;
+$pink:      #e83e8c;
+$red:       #FC3939;
+$orange:    #fd7e14;
+$yellow:    #EFA31D;
+$green:     #13B955;
+$teal:      #20c997;
+$cyan:      #009CDC;
+
+$primary:   $purple;
+$secondary: #A991D4;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-200;
+$dark:      $gray-900;
+
+// Options
+$enable-rounded: false;
+
+// Body
+$body-color: $gray-700;
+
+// Links
+$link-color: $primary;
+$link-hover-color: $primary;
+
+// Fonts
+$headings-color: $body-color;
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+
+// Tables
+$table-border-color: rgba(0, 0, 0, 0.05);
+
+// Forms
+$input-focus-border-color: $primary;
+
+// Dropdowns
+$dropdown-link-color: $gray-700;
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $primary;
+
+// Navs
+$nav-tabs-border-color: $gray-300;
+$nav-tabs-link-hover-border-color: $primary;
+
+// Navbar
+$navbar-padding-y: 1.2rem;
+$navbar-dark-color: rgba($white, 0.7);
+$navbar-dark-hover-color: rgba($white, 0.9);
+$navbar-dark-active-color: rgba($white, 0.9);
+$navbar-light-color: rgba($black, 0.4);
+$navbar-light-active-color: rgba($black, 0.7);
+$navbar-light-disabled-color: rgba($black, 0.2);
+
+// Progress bars
+$progress-bg: $gray-300;
+$progress-bar-bg: $primary;
+
+// List group
+$list-group-bg: $gray-900;
+$list-group-border-color: transparent;
+$list-group-hover-bg: lighten($list-group-bg, 10%);
+$list-group-active-color: $white;
+$list-group-active-bg: $list-group-bg;
+$list-group-disabled-color: lighten($list-group-bg, 30%);
+
+// Footer
+$footer-bg: $gray-400;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/sandstone/index.html b/themes/Bootswatch4.6_Scss/sandstone/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/sandstone/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/sandstone/style.scss b/themes/Bootswatch4.6_Scss/sandstone/style.scss
new file mode 100644
index 0000000..f6022e3
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/sandstone/style.scss
@@ -0,0 +1,201 @@
+// Theme Bootswatch 4 Scss
+// Layout Sandstone 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Sandstone (required for @extend) =============================================
+.sandstone {
+  font-size: $navbar-font-size;
+  line-height: 22px;
+  font-weight: 400;
+  text-transform: uppercase;
+}
+
+// Navbar =======================================================================
+.navbar {
+  &.bg-primary {
+    background-color: $dark !important;
+  }
+
+  &.bg-dark {
+    background-color: $secondary !important;
+  }
+
+  &.bg-light {
+    background-color: $gray-200 !important;
+  }
+
+  .nav-link {
+    @extend .sandstone;
+  }
+
+  &-form input,
+  &-form .form-control {
+    border: none;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  @extend .sandstone;
+
+  &:hover {
+    border-color: transparent;
+  }
+
+  &-success,
+  &-warning {
+    color: $white;
+  }
+}
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+.table {
+  .thead-dark th {
+    background-color: $dark;
+  }
+}
+
+// Forms =======================================================================
+input,
+.form-control {
+  @include box-shadow(none);
+
+  &:focus {
+    @include box-shadow(none);
+  }
+}
+
+// Navs ========================================================================
+.nav-tabs {
+  .nav-link {
+    @extend .sandstone;
+    background-color: $gray-200;
+    border-color: $gray-300;
+  }
+
+  .nav-link,
+  .nav-link:hover,
+  .nav-link:focus {
+    color: $gray-600;
+  }
+
+  .nav-link.disabled,
+  .nav-link.disabled:hover,
+  .nav-link.disabled:focus {
+    background-color: $gray-200;
+    border-color: $gray-300;
+    color: $nav-link-disabled-color;
+  }
+}
+
+.nav-pills {
+  .nav-link {
+    @extend .sandstone;
+    border: 1px solid transparent;
+    color: $gray-600;
+  }
+
+  .nav-link.active,
+  .nav-link:hover,
+  .nav-link:focus {
+    background-color: $gray-200;
+    border-color: $gray-300;
+  }
+
+  .nav-link.disabled,
+  .nav-link.disabled:hover {
+    background-color: transparent;
+    border-color: transparent;
+    color: $gray-300;
+  }
+}
+
+.breadcrumb {
+  @extend .sandstone;
+  border: 1px solid $gray-300;
+}
+
+.pagination {
+  @extend .sandstone;
+
+  a:hover {
+    text-decoration: none;
+  }
+}
+
+.dropdown-menu {
+  .dropdown-item {
+    @extend .sandstone;
+  }
+}
+
+// Indicators ==================================================================
+.alert {
+  color: #fff;
+
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+}
+
+.badge {
+  &-success,
+  &-warning {
+    color: $white;
+  }
+}
+
+.tooltip {
+  @extend .sandstone;
+}
+
+.close {
+  color: $gray-300;
+  opacity: 1;
+
+  &:hover {
+    color: darken($gray-300, 20%);
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/sandstone/variables.scss b/themes/Bootswatch4.6_Scss/sandstone/variables.scss
new file mode 100644
index 0000000..90ae2b1
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/sandstone/variables.scss
@@ -0,0 +1,119 @@
+// Theme Bootswatch 4 Scss
+// Layout Sandstone 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #F8F5F0;
+$gray-300:  #DFD7CA;
+$gray-400:  #ced4da;
+$gray-500:  #98978B;
+$gray-600:  #8E8C84;
+$gray-700:  #495057;
+$gray-800:  #3E3F3A;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #325D88;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #d9534f;
+$orange:    #F47C3C;
+$yellow:    #ffc107;
+$green:     #93C54B;
+$teal:      #20c997;
+$cyan:      #29ABE0;
+
+$primary:   $blue;
+$secondary: $gray-600;
+$success:   $green;
+$info:      $cyan;
+$warning:   $orange;
+$danger:    $red;
+$light:     $gray-200;
+$dark:      $gray-800;
+
+// Body
+$body-color: $gray-800;
+
+// Links
+$link-color: $success;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Roboto:400,500,700";
+$font-family-sans-serif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 1rem;
+$navbar-font-size: 0.875rem;
+$footer-font-size: 0.875rem;
+$headings-font-weight: 400;
+
+// Dropdowns
+$dropdown-link-color: $gray-600;
+$dropdown-link-hover-color: $dropdown-link-color;
+$dropdown-link-hover-bg: $gray-200;
+$dropdown-link-active-color: $dropdown-link-color;
+$dropdown-link-active-bg: $dropdown-link-hover-bg;
+
+// Navs
+$nav-link-disabled-color: $gray-300;
+$nav-tabs-border-color: $gray-300;
+$nav-tabs-link-hover-border-color: $gray-300;
+$nav-tabs-link-active-bg: $white;
+$nav-pills-link-active-color: $gray-600;
+$nav-pills-link-active-bg: $gray-200;
+
+// Navbar
+$navbar-nav-link-padding-x: 0.75rem;
+$navbar-dark-hover-color: $white;
+$navbar-light-hover-color: $black;
+$navbar-light-active-color: $black;
+
+// Pagination
+$pagination-color: $gray-600;
+$pagination-bg: $gray-200;
+$pagination-border-color: $gray-300;
+$pagination-hover-color: $pagination-color;
+$pagination-active-color: $pagination-color;
+$pagination-active-bg: $gray-300;
+$pagination-active-border-color: $gray-300;
+$pagination-disabled-color: $gray-300;
+$pagination-disabled-bg: $gray-200;
+$pagination-disabled-border-color: $pagination-border-color;
+
+// Cards
+$card-border-color: rgba($gray-300, 0.75);
+$card-cap-bg: rgba($gray-200, 0.25);
+
+// Popovers
+$popover-header-bg: $gray-200;
+
+// Modals
+$modal-content-border-color: $gray-300;
+$modal-header-border-color: $modal-content-border-color;
+
+// Progress bars
+$progress-bg: $gray-300;
+$progress-border-radius: 10px;
+$progress-bar-color: $primary;
+
+// List group
+$list-group-border-color: $gray-300;
+$list-group-hover-bg: $gray-200;
+$list-group-active-color: $body-color;
+$list-group-active-bg: $gray-200;
+$list-group-active-border-color: $gray-300;
+$list-group-disabled-color: $gray-500;
+$list-group-disabled-bg: $white;
+$list-group-action-color: $list-group-active-color;
+$list-group-action-active-color: $list-group-active-color;
+$list-group-action-active-bg: $gray-300;
+
+// Close
+$close-text-shadow: none;
+
+// Footer
+$footer-bg: $gray-200;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/screenshot.png b/themes/Bootswatch4.6_Scss/screenshot.png
new file mode 100644
index 0000000..8844b48
Binary files /dev/null and b/themes/Bootswatch4.6_Scss/screenshot.png differ
diff --git a/themes/Bootswatch4.6_Scss/simplex/index.html b/themes/Bootswatch4.6_Scss/simplex/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/simplex/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/simplex/style.scss b/themes/Bootswatch4.6_Scss/simplex/style.scss
new file mode 100644
index 0000000..2844d32
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/simplex/style.scss
@@ -0,0 +1,134 @@
+// Theme Bootswatch 4 Scss
+// Layout Simplex 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+@mixin btn-shadow($color){
+  @include gradient-y-three-colors(lighten($color, 3%), $color, 6%, darken($color, 3%));
+  filter: none;
+  border: 1px solid darken($color, 6.5%);
+}
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  border-width: 1px;
+  border-style: solid;
+
+  &.fixed-top {
+    border-width: 0 0 1px 0;
+  }
+
+  &.fixed-bottom {
+    border-top-width: 1px 0 0 0;
+    border-style: solid;
+  }
+
+  &.bg-primary {
+    background-color: $primary !important;
+    border-color: darken($primary, 6.5%) !important;
+  }
+
+  &.bg-dark {
+    border-color: darken($dark, 6.5%) !important;
+  }
+
+  &.bg-light {
+    border-color: darken(#fff, 6.5%);
+  }
+}
+
+// Buttons =====================================================================
+.btn-primary,
+.btn-primary:hover {
+  @include btn-shadow($primary);
+}
+
+.btn-secondary,
+.btn-secondary:hover {
+  @include btn-shadow($secondary);
+}
+
+.btn-secondary:focus,
+.btn-secondary:not([disabled]):not(.disabled):active,
+.btn-secondary:not([disabled]):not(.disabled).active {
+  box-shadow: 0 0 0 0.2rem rgba($gray-200, 0.5);
+}
+
+.btn-success,
+.btn-success:hover {
+  @include btn-shadow($success);
+}
+
+.btn-info,
+.btn-info:hover {
+  @include btn-shadow($info);
+}
+
+.btn-warning,
+.btn-warning:hover {
+  @include btn-shadow($warning);
+}
+
+.btn-danger,
+.btn-danger:hover {
+  @include btn-shadow($danger);
+}
+
+.btn-dark,
+.btn-dark:hover {
+  @include btn-shadow($dark);
+}
+
+.btn-light,
+.btn-light:hover {
+  @include btn-shadow($light);
+}
+
+.btn-outline-secondary {
+  border-color: $gray-400;
+  color: $gray-400;
+
+  &:hover {
+    background-color: $gray-400;
+    color: $white;
+  }
+}
+
+// Typography ==================================================================
+b, strong {
+  font-weight: 700;
+}
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+legend,
+label {
+  color: $headings-color;
+}
+
+// Navs =======================================================================
+.breadcrumb {
+  border: 1px solid darken(#fff, 6.5%);
+}
+
+.pagination {
+  .page-link:hover {
+    text-decoration: none;
+  }
+}
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/simplex/variables.scss b/themes/Bootswatch4.6_Scss/simplex/variables.scss
new file mode 100644
index 0000000..82d8527
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/simplex/variables.scss
@@ -0,0 +1,95 @@
+// Theme Bootswatch 4 Scss
+// Layout Simplex 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #ddd;
+$gray-300:  #ccc;
+$gray-400:  #bbb;
+$gray-500:  #adb5bd;
+$gray-600:  #777;
+$gray-700:  #444;
+$gray-800:  #373a3c;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #007bff;
+$indigo:    #6610f2;
+$purple:    #9B479F;
+$pink:      #e83e8c;
+$red:       #D9230F;
+$orange:    #D9831F;
+$yellow:    #ffc107;
+$green:     #469408;
+$teal:      #20c997;
+$cyan:      #029ACF;
+
+$primary:   $red;
+$secondary: $white;
+$success:   $green;
+$info:      $cyan;
+$warning:   $purple;
+$danger:    $orange;
+$light:     $white;
+$dark:      $gray-800;
+
+// Body
+$body-bg: #FCFCFC;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i";
+$font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 0.875rem;
+$navbar-font-size: 0.875rem;
+$footer-font-size: 0.875rem;
+
+// Dropdowns
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $primary;
+
+// Navs
+$nav-link-padding-y: 0.9rem;
+$nav-link-disabled-color: $gray-400;
+$nav-tabs-border-color: darken(#fff, 6.5%);
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+
+// Pagination
+$pagination-border-color: $nav-tabs-border-color;
+$pagination-hover-color: $white;
+$pagination-hover-bg: $primary;
+$pagination-hover-border-color: $primary;
+$pagination-disabled-color: $gray-400;
+$pagination-disabled-border-color: $pagination-border-color;
+
+// Jumbotron
+$jumbotron-bg: $nav-tabs-border-color;
+
+// Cards
+$card-border-color: $nav-tabs-border-color;
+
+// Popovers
+$popover-border-color: $nav-tabs-border-color;
+
+// Modals
+$modal-content-border-color: $nav-tabs-border-color;
+$modal-header-border-color: $nav-tabs-border-color;
+
+// Progress bars
+$progress-bar-color: $primary;
+
+// List group
+$list-group-border-color: $nav-tabs-border-color;
+$list-group-disabled-bg: $nav-tabs-border-color;
+
+// Breadcrumbs
+$breadcrumb-bg: $white;
+
+// Footer
+$footer-bg: $gray-200;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/sketchy/index.html b/themes/Bootswatch4.6_Scss/sketchy/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/sketchy/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/sketchy/style.scss b/themes/Bootswatch4.6_Scss/sketchy/style.scss
new file mode 100644
index 0000000..224af76
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/sketchy/style.scss
@@ -0,0 +1,410 @@
+// Theme Bootswatch 4 Scss
+// Layout Sketchy 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+
+// Navbar =======================================================================
+.navbar {
+  border-width: 2px;
+  border-style: solid;
+  border-radius: 25px 25px 55px 5px/5px 55px 25px 25px;
+
+  &.bg-light {
+    border-color: $gray-800;
+  }
+
+  &.fixed-top {
+    border-radius: 0 25px 225px 0/25px 0 25px 255px;
+    border-width: 0 0 2px 0;
+  }
+
+  &.fixed-bottom {
+    border-radius: 255px 25px 0 25px/25px 225px 25px 0;
+    border-width: 2px 0 0 0;
+  }
+
+  &-brand {
+    font-family: $headings-font-family;
+    font-weight: normal;
+    text-decoration: none;
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  border-radius: $border-radius;
+  text-decoration: none;
+
+  &-warning {
+    color: $white;
+  }
+}
+
+// Typography ==================================================================
+button, input, optgroup, select, textarea {
+  font-family: $font-family-sans-serif;
+}
+
+blockquote {
+  border-radius: 15px 27px 25px 25px/25px 25px 305px 635px;
+}
+
+// Tables ======================================================================
+table {
+  th,
+  td {
+    background-color: #fff;
+  }
+}
+
+.table-bordered {
+  background-color: $gray-800;
+  border-collapse: separate;
+  border-spacing: 0;
+  border-radius: 5px 25px 5px 25px/25px 5px 25px 5px;
+  overflow: hidden;
+
+  th,
+  td {
+    border-radius: 5px 5px 25px 4px/5px 4px 3px 5px;
+  }
+
+  .table-success,
+  .table-success:hover {
+    td, th {
+      background-color: $success;
+      color: $white;
+    }
+  }
+
+  .table-info,
+  .table-info:hover {
+    td, th {
+      background-color: $info;
+      color: $white;
+    }
+  }
+
+  .table-warning,
+  .table-warning:hover {
+    td, th {
+      background-color: $warning;
+      color: $white;
+    }
+  }
+
+  .table-danger,
+  .table-danger:hover {
+    td, th {
+      background-color: $danger;
+      color: $white;
+    }
+  }
+}
+
+.table-dark {
+  th,
+  td,
+  &.table-hover .table-active:hover > th,
+  &.table-hover .table-active:hover > td {
+    background-color: $gray-800;
+  }
+  
+}
+
+
+// Forms =======================================================================
+input,
+.form-control {
+  border-radius: $border-radius;
+}
+
+textarea,
+textarea.form-control,
+select,
+select.form-control {
+  border-radius: $border-radius-lg !important;
+}
+
+[type="checkbox"] {
+  position: relative;
+  appearance: none;
+  cursor: pointer;
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: -1.2em;
+    top: -0.9em;
+    display: inline-block;
+    width: 15px;
+    height: 16px;
+    border: 2px solid $gray-800;
+    border-radius: 2px 8px 2px 4px / 5px 3px 5px 3px;
+  }
+
+  &:checked:after {
+    content: "x";
+    position: absolute;
+    left: -0.64em;
+    top: -0.48em;
+    font-size: 1.5rem;
+    line-height: 0.5;
+    color: $gray-800;
+  }
+
+  &:disabled {
+    &:before {
+      border: 2px solid $gray-500;
+    }
+  }
+}
+
+[type="radio"] {
+  position: relative;
+  appearance: none;
+  cursor: pointer;
+
+  &:before {
+    content: "";
+    position: absolute;
+    left: -1.2em;
+    top: -0.9em;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    border: 2px solid $gray-800;
+    border-radius: 50% 45% 40% 50% / 40% 50% 50% 45%;
+  }
+
+  &:checked:before {
+    background-color: $gray-800;
+  }
+
+  &:disabled {
+    &:before {
+      border: 2px solid $gray-500;
+    }
+  }
+}
+
+.form-check-label {
+  padding-left: 2.5rem;
+}
+
+// Navs ========================================================================
+.dropdown-menu {
+  border-radius: 555px 25px 25px 25px/25px 25px 25px 555px;
+  overflow: hidden;
+}
+
+.dropdown-divider {
+  border-top-width: 2px;
+}
+
+.list-group {
+  background-color: $gray-800;
+  border: 2px solid $gray-800;
+  border-radius: 45px 15px 35px 5px/15px 5px 15px 65px;
+  overflow: hidden;
+
+  &-item {
+    border-left: none;
+    border-right: none;
+    border-top: 2px solid $gray-800;
+    border-radius: 255px 5px 225px 5px/25px 225px 25px 255px;
+
+    &:first-child {
+      border-top: none;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}
+
+.nav-link,
+.page-link,
+.list-group-item,
+.dropdown-item {
+  text-decoration: none;
+}
+
+.nav-tabs {
+  .nav-link {
+    border-radius: 45px 15px 225px 5px/25px 225px 25px 255px;
+  }
+}
+
+.breadcrumb {
+  border: 2px solid $gray-800;
+}
+
+.pagination {
+  .page-link {
+    border-radius: 425px 255px 25px 25px/25px 25px 5px 25px;
+  }
+}
+
+// Indicators ==================================================================
+.progress {
+  border: 2px solid $gray-800;
+}
+
+.badge {
+  &-pill {
+    border-radius: 7rem 8rem 8rem 8rem / 4rem 5rem 6rem 6rem;
+  }
+
+  &-warning {
+    color: $white;
+  }
+}
+
+.alert {
+  &-dismissible {
+    .close {
+      color: transparent;
+
+      &:before {
+        right: 1rem;
+        top: 0.8rem;
+      }
+    }
+
+    &.alert-success {
+      border-color: $success;
+
+      &,
+      .alert-link,
+      .close:before {
+        color: $success;
+      }
+    }
+
+    &.alert-info {
+      border-color: $info;
+
+      &,
+      .alert-link,
+      .close:before {
+        color: $info;
+      }
+    }
+
+    &.alert-warning {
+      border-color: $warning;
+
+      &,
+      .alert-link,
+      .close:before {
+        color: $warning;
+      }
+    }
+
+    &.alert-danger {
+      border-color: $danger;
+
+      &,
+      .alert-link,
+      .close:before {
+        color: $danger;
+      }
+    }
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.card {
+  border-radius: 5px 5px 5px 5px/25px 25px 25px 5px;
+  overflow: hidden;
+
+  &-outline {
+    &-primary,
+    &-success,
+    &-info,
+    &-warning,
+    &-danger {
+      border-width: 2px;
+    }
+  }
+
+  &-header {
+    border-bottom-width: 2px;
+    border-color: inherit;
+  }
+
+  &-footer {
+    border-top-width: 2px;
+  }
+}
+
+.jumbotron {
+  border: 2px solid $gray-800;
+}
+
+.modal {
+  &-content {
+    border-radius: 15px 5px 5px 25px/5px 25px 25px 5px;
+  }
+}
+
+.popover {
+  padding: 0;
+  border-radius: 45px 85px 15px 25px/15px 10px 35px 555px;
+
+  &-title {
+    border-bottom: 2px solid $gray-800;
+  }
+
+  &.popover-left::before,
+  &.bs-tether-element-attached-right::before {
+    right: -13px;
+  }
+
+  &.popover-top::before,
+  &.bs-tether-element-attached-bottom::before {
+    bottom: -13px;
+  }
+
+  &.popover-bottom::before,
+  &.bs-tether-element-attached-top::before {
+    top: -13px;
+  }
+
+  &.popover-right::before,
+  &.bs-tether-element-attached-left::before {
+    left: -13px;
+  }
+}
+
+pre {
+  border: 2px solid $gray-800;
+  border-radius: 15px 5px 5px 25px/5px 25px 25px 5px;
+}
+
+.close,
+.close:hover,
+.close:focus,
+.close:active {
+  opacity: 1;
+
+  &:before {
+    position: absolute;
+    content: "X";
+    color: $gray-800;
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/sketchy/variables.scss b/themes/Bootswatch4.6_Scss/sketchy/variables.scss
new file mode 100644
index 0000000..baffb84
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/sketchy/variables.scss
@@ -0,0 +1,137 @@
+// Theme Bootswatch 4 Scss
+// Layout Sketchy 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #f7f7f9;
+$gray-300:  #dee2e6;
+$gray-400:  #ccc;
+$gray-500:  #aaa;
+$gray-600:  #868e96;
+$gray-700:  #555;
+$gray-800:  #333;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #007bff;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #dc3545;
+$orange:    #fd7e14;
+$yellow:    #ffc107;
+$green:     #28a745;
+$teal:      #20c997;
+$cyan:      #17a2b8;
+
+$primary:   $gray-800;
+$secondary: $gray-700;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $white;
+$dark:      $gray-700;
+
+// Links
+$link-decoration: underline;
+
+// Components
+$border-width: 2px;
+$border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
+$border-radius-lg: 555px 25px 15px 25px/25px 5px 35px 555px;
+$border-radius-sm: 255px 25px 225px 25px/25px 225px 25px 255px;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Neucha|Cabin+Sketch";
+$font-family-sans-serif: Neucha, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-weight-base: 700;
+$headings-font-family: 'Cabin Sketch', cursive;
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+$blockquote-small-color: $gray-800;
+
+// Tables
+$table-accent-bg: $gray-400;
+$table-hover-bg: $white;
+$table-border-width: 1px;
+$table-border-color: $gray-800;
+
+// Forms
+$input-border-color: $gray-800;
+$input-focus-border-color: $input-border-color;
+
+// Dropdowns
+$dropdown-border-color: $gray-800;
+$dropdown-divider-bg: $gray-800;
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $gray-800;
+
+// Navs
+$nav-tabs-border-color: $gray-800;
+$nav-tabs-link-hover-border-color: $gray-800;
+$nav-tabs-link-active-color: $gray-800;
+$nav-tabs-link-active-border-color: $gray-800;
+
+// Navbar
+$navbar-dark-color: $white;
+$navbar-dark-hover-color: $white;
+$navbar-dark-toggler-border-color: $white;
+$navbar-light-color: $gray-800;
+$navbar-light-hover-color: $gray-800;
+$navbar-light-active-color: $gray-800;
+$navbar-light-toggler-border-color: $gray-800;
+
+// Pagination
+$pagination-border-color: $gray-800;
+$pagination-hover-color: $white;
+$pagination-hover-bg: $gray-800;
+$pagination-hover-border-color: $gray-800;
+$pagination-disabled-color: $gray-400;
+$pagination-disabled-border-color: $gray-800;
+
+// Jumbotron
+$jumbotron-bg: transparent;
+
+// Cards
+$card-border-width: 2px;
+$card-border-color: $gray-800;
+
+// Popovers
+$popover-border-color: $gray-800;
+
+// Badges
+$badge-padding-y: 0.5em;
+$badge-padding-x: 1.2em;
+
+// Modals
+$modal-content-border-color: $gray-800;
+$modal-header-border-color: $gray-800;
+
+// Progress bars
+$progress-bg: $white;
+$progress-bar-bg: $gray-400;
+
+// List group
+$list-group-border-color: $gray-800;
+$list-group-hover-bg: $gray-300;
+$list-group-active-color: $white;
+$list-group-active-bg: $gray-800;
+$list-group-action-color: $gray-800;
+
+// Breadcrumbs
+$breadcrumb-bg: $white;
+$breadcrumb-divider-color: $gray-800;
+$breadcrumb-active-color: $gray-800;
+
+// Close
+$close-color: $white;
+$close-text-shadow: none;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/slate/index.html b/themes/Bootswatch4.6_Scss/slate/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/slate/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/slate/style.scss b/themes/Bootswatch4.6_Scss/slate/style.scss
new file mode 100644
index 0000000..73713d4
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/slate/style.scss
@@ -0,0 +1,409 @@
+// Theme Bootswatch 4 Scss
+// Layout Slate 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+@mixin btn-shadow($color){
+  @include gradient-y-three-colors(lighten($color, 6%), $color, 60%, darken($color, 4%));
+  filter: none;
+}
+
+@mixin btn-shadow-inverse($color){
+  @include gradient-y-three-colors(darken($color, 18%), darken($color, 15%), 40%, darken($color, 13%));
+  filter: none;
+}
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  border: 1px solid rgba(0, 0, 0, 0.6);
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+  .container {
+    padding: 0;
+  }
+
+  .navbar-toggler {
+    border-color: rgba(0, 0, 0, 0.6);
+  }
+
+  &.fixed-top {
+    border-width: 0 0 1px 0;
+  }
+
+  &.fixed-bottom {
+    border-width: 1px 0 0 0;
+  }
+
+  .nav-link {
+    padding: 1rem;
+    border-left: 1px solid rgba(255, 255, 255, 0.1);
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+
+    &:hover,
+    &:focus {
+      @include btn-shadow-inverse($gray-800);
+      border-left: 1px solid rgba(0, 0, 0, 0.2);
+    }
+  }
+
+  &-brand {
+    padding: 0.75rem 1rem calc(54px - 0.75rem - 30px);
+    margin-right: 0;
+    border-right: 1px solid rgba(0, 0, 0, 0.2);
+  }
+
+  .nav-item.active .nav-link {
+    background-color: rgba(0, 0, 0, 0.3);
+    border-left: 1px solid rgba(0, 0, 0, 0.2);
+  }
+
+  &-nav .nav-item + .nav-item {
+    margin-left: 0;
+  }
+
+  &.bg-light {
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+
+    .nav-link {
+      &:hover,
+      &:focus {
+        @include btn-shadow-inverse($gray-600);
+        border-left: 1px solid rgba(0, 0, 0, 0.2);
+      }
+    }
+  }
+}
+
+@media (max-width: 576px) {
+  .navbar-expand-sm {
+    .navbar-brand,
+    .nav-link {
+      border: none !important;
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .navbar-expand-md {
+    .navbar-brand,
+    .nav-link {
+      border: none !important;
+    }
+  }
+}
+
+@media (max-width: 992px) {
+  .navbar-expand-lg {
+    .navbar-brand,
+    .nav-link {
+      border: none !important;
+    }
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  border-color: rgba(0, 0, 0, 0.6);
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+
+  &:not([disabled]):not(.disabled).active,
+  &.disabled {
+    border-color: rgba(0, 0, 0, 0.6);
+    box-shadow: none;
+  }
+
+  &:hover,
+  &:focus,
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled):active:hover,
+  &:not([disabled]):not(.disabled).active:hover {
+    border-color: rgba(0, 0, 0, 0.6);
+  }
+}
+
+.btn-primary {
+  @include btn-shadow($primary);
+
+  &:not([disabled]):not(.disabled):hover,
+  &:not([disabled]):not(.disabled):focus,
+  &:not([disabled]):not(.disabled):active:hover,
+  &:not([disabled]):not(.disabled).active:hover {
+    @include btn-shadow-inverse($primary);
+  }
+}
+
+.btn-secondary {
+  @include btn-shadow($secondary);
+
+  &:not([disabled]):not(.disabled):hover,
+  &:not([disabled]):not(.disabled):focus,
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled).active {
+    @include btn-shadow-inverse($secondary);
+  }
+}
+
+.btn-success {
+  @include btn-shadow($success);
+  color: $white;
+
+  &:not([disabled]):not(.disabled):hover,
+  &:not([disabled]):not(.disabled):focus,
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled).active {
+    @include btn-shadow-inverse($success);
+  }
+}
+
+.btn-info {
+  @include btn-shadow($info);
+  color: $white;
+
+  &:not([disabled]):not(.disabled):hover,
+  &:not([disabled]):not(.disabled):focus,
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled).active {
+    @include btn-shadow-inverse($info);
+  }
+}
+
+.btn-warning {
+  @include btn-shadow($warning);
+  color: $white;
+
+  &:not([disabled]):not(.disabled):hover,
+  &:not([disabled]):not(.disabled):focus,
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled).active {
+    @include btn-shadow-inverse($warning);
+  }
+}
+
+.btn-danger {
+  @include btn-shadow($danger);
+
+  &:not([disabled]):not(.disabled):hover,
+  &:not([disabled]):not(.disabled):focus,
+  &:not([disabled]):not(.disabled):active,
+  &:not([disabled]):not(.disabled).active {
+    @include btn-shadow-inverse($danger);
+  }
+}
+
+.btn-link,
+.btn-link:hover {
+  border-color: transparent;
+}
+
+.btn-group,
+.btn-group-vertical {
+
+  .btn.active {
+    border-color: rgba(0, 0, 0, 0.6);
+  }
+}
+
+// Typography ==================================================================
+h1, h2, h3, h4, h5, h6 {
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
+}
+
+// Tables ======================================================================
+.table {
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+}
+
+.table {
+  .thead-dark th {
+    color: $white;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =======================================================================
+legend {
+  color: #fff;
+}
+
+.input-group-addon {
+  @include btn-shadow($secondary);
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+  color: $white;
+}
+
+// Navs ========================================================================
+.nav-tabs {
+  .nav-link,
+  .nav-link:hover {
+    color: #fff;
+  }
+}
+
+.nav-pills {
+  .nav-link {
+    @include btn-shadow($gray-800);
+    border: 1px solid rgba(0, 0, 0, 0.6);
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+    color: #fff;
+
+    &:hover {
+      @include btn-shadow-inverse($gray-800);
+      border: 1px solid rgba(0, 0, 0, 0.6);
+    }
+  }
+
+  .nav-link.active,
+  .nav-link:hover {
+    background-color: transparent;
+    @include btn-shadow-inverse($gray-800);
+    border: 1px solid rgba(0, 0, 0, 0.6);
+  }
+
+  .nav-link.disabled,
+  .nav-link.disabled:hover {
+    @include btn-shadow($gray-800);
+    color: $nav-link-disabled-color;
+  }
+}
+
+.pagination {
+  .page-link {
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+    @include btn-shadow($gray-800);
+
+    &:hover {
+      @include btn-shadow-inverse($gray-800);
+      text-decoration: none;
+    }
+  }
+
+  .page-item.active .page-link {
+    @include btn-shadow-inverse($gray-800);
+  }
+
+  .page-item.disabled .page-link {
+    @include btn-shadow($gray-800);
+  }
+}
+
+.breadcrumb {
+  border: 1px solid rgba(0, 0, 0, 0.6);
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
+  background-color: transparent;
+  @include btn-shadow($gray-800);
+
+  a,
+  a:hover {
+    color: #fff;
+  }
+}
+
+// Indicators ==================================================================
+.alert {
+  .close {
+    color: $close-color;
+    text-decoration: none;
+  }
+}
+
+.alert {
+  border: none;
+  color: $white;
+
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+}
+
+.badge {
+  &-success,
+  &-warning,
+  &-info {
+    color: $white;
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.jumbotron {
+  border: 1px solid rgba(0, 0, 0, 0.6);
+}
+
+.list-group {
+  &-item:hover {
+    background-color: darken($gray-900, 5%);
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/slate/variables.scss b/themes/Bootswatch4.6_Scss/slate/variables.scss
new file mode 100644
index 0000000..0f5d250
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/slate/variables.scss
@@ -0,0 +1,130 @@
+// Theme Bootswatch 4 Scss
+// Layout Slate 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #e9ecef;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #999;
+$gray-600:  #7A8288;
+$gray-700:  #52575C;
+$gray-800:  #3A3F44;
+$gray-900:  #272B30;
+$black:     #000;
+
+$blue:      #007bff;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #ee5f5b;
+$orange:    #fd7e14;
+$yellow:    #f89406;
+$green:     #62c462;
+$teal:      #20c997;
+$cyan:      #5bc0de;
+
+$primary:   $gray-800;
+$secondary: $gray-600;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-200;
+$dark:      $gray-900;
+
+// Body
+$body-bg: $gray-900;
+$body-color: #aaa;
+
+// Links
+$link-color: $white;
+
+// Fonts
+$font-size-base: 0.9375rem;
+$navbar-font-size: 0.9375rem;
+$footer-font-size: 0.875rem;
+
+// Tables
+$table-accent-bg: rgba($white, 0.05);
+$table-hover-bg: rgba($white, 0.075);
+$table-border-color: rgba($black, 0.6);
+$table-dark-border-color: $table-border-color;
+$table-dark-color: $white;
+
+// Buttons
+$input-btn-padding-y: 0.75rem;
+$input-btn-padding-x: 1rem;
+
+// Forms
+$input-disabled-bg: #ccc;
+
+// Dropdowns
+$dropdown-bg: $gray-800;
+$dropdown-divider-bg: rgba($black, 0.15);
+$dropdown-link-color: $body-color;
+$dropdown-link-hover-color: $white;
+$dropdown-link-hover-bg: $body-bg;
+
+// Navs
+$nav-tabs-border-color: rgba($black, 0.6);
+$nav-tabs-link-hover-border-color: $nav-tabs-border-color;
+$nav-tabs-link-active-color: $white;
+$nav-tabs-link-active-border-color: $nav-tabs-border-color;
+
+// Navbar
+$navbar-padding-y: 0;
+$navbar-dark-hover-color: $white;
+$navbar-light-hover-color: $gray-800;
+$navbar-light-active-color: $gray-800;
+
+// Pagination
+$pagination-color: $white;
+$pagination-bg: transparent;
+$pagination-border-color: rgba($black, 0.6);
+$pagination-hover-color: $white;
+$pagination-hover-bg: transparent;
+$pagination-hover-border-color: rgba($black, 0.6);
+$pagination-active-bg: transparent;
+$pagination-active-border-color: rgba($black, 0.6);
+$pagination-disabled-bg: transparent;
+$pagination-disabled-border-color: rgba($black, 0.6);
+
+// Jumbotron
+$jumbotron-bg: darken($gray-900, 5%);
+
+// Cards
+$card-border-color: rgba($black, 0.6);
+$card-cap-bg: lighten($gray-800, 10%);
+$card-bg: lighten($body-bg, 5%);
+
+// Popovers
+$popover-bg: lighten($body-bg, 5%);
+
+// Modals
+$modal-content-bg: lighten($body-bg, 5%);
+$modal-header-border-color: rgba(0, 0, 0, 0.2);
+
+// Progress bars
+$progress-bg: darken($gray-900, 5%);
+$progress-bar-color: $gray-600;
+
+// List group
+$list-group-bg: lighten($body-bg, 5%);
+$list-group-border-color: rgba($black, 0.6);
+$list-group-hover-bg: lighten($body-bg, 10%);
+$list-group-active-color: $white;
+$list-group-active-bg: $list-group-hover-bg;
+$list-group-active-border-color: $list-group-border-color;
+$list-group-disabled-color: $gray-700;
+$list-group-action-color: $white;
+
+// Breadcrumbs
+$breadcrumb-active-color: $gray-500;
+
+// Footer
+$footer-bg: $black;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/solar/index.html b/themes/Bootswatch4.6_Scss/solar/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/solar/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/solar/style.scss b/themes/Bootswatch4.6_Scss/solar/style.scss
new file mode 100644
index 0000000..ee7a90d
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/solar/style.scss
@@ -0,0 +1,105 @@
+// Theme Bootswatch 4 Scss
+// Layout Solar 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+
+// Buttons =====================================================================
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+.table {
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+  }
+}
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+// Indicators ==================================================================
+.alert {
+  border: none;
+  color: $white;
+
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/solar/variables.scss b/themes/Bootswatch4.6_Scss/solar/variables.scss
new file mode 100644
index 0000000..4f66a80
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/solar/variables.scss
@@ -0,0 +1,147 @@
+// Theme Bootswatch 4 Scss
+// Layout Solar 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #FDF6E3;
+$gray-200:  #EEE8D5;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #adb5bd;
+$gray-600:  #839496;
+$gray-700:  #495057;
+$gray-800:  #073642;
+$gray-900:  #002B36;
+$black:     #000;
+
+$blue:      #B58900;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #D33682;
+$orange:    #fd7e14;
+$yellow:    #CB4B16;
+$green:     #2AA198;
+$teal:      #20c997;
+$cyan:      #268BD2;
+
+$primary:   $blue;
+$secondary: $gray-600;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-100;
+$dark:      $gray-800;
+
+// Body
+$body-bg: $gray-900;
+$body-color: $gray-600;
+
+// Links
+$link-color: $success;
+$link-hover-color: $link-color;
+
+// Components
+$component-active-color: rgba(255, 255, 255, 0.75);
+$component-active-bg: $gray-800;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro";
+$font-family-sans-serif: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+
+// Tables
+$table-accent-bg: rgba($white, 0.05);
+$table-hover-bg: rgba($white, 0.075);
+$table-border-color: $component-active-bg;
+$table-dark-bg: $gray-500;
+$table-dark-border-color: darken($gray-500, 3%);
+$table-dark-color: $body-bg;
+
+// Forms
+$input-bg: #A9BDBD;
+$input-disabled-bg: #657B83;
+$input-border-color: rgba($black, 0.15);
+$input-placeholder-color: #657B83;
+$input-group-addon-color: $gray-600;
+$input-group-addon-bg: $gray-800;
+
+// Dropdowns
+$dropdown-bg: $gray-800;
+$dropdown-divider-bg: $body-bg;
+$dropdown-link-color: $body-color;
+$dropdown-link-hover-color: rgba(255, 255, 255, 0.75);
+$dropdown-link-hover-bg: $body-bg;
+
+// Navs
+$nav-tabs-border-color: $gray-800;
+$nav-tabs-link-hover-border-color: $nav-tabs-border-color;
+$nav-tabs-link-active-color: $component-active-color;
+$nav-tabs-link-active-bg: $body-bg;
+$nav-tabs-link-active-border-color: $nav-tabs-border-color;
+
+// Navbars
+$navbar-light-color: rgba($black, 0.4);
+$navbar-light-active-color: rgba($black, 0.7);
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+
+// Pagination
+$pagination-bg: transparent;
+$pagination-border-color: $gray-800;
+$pagination-hover-bg: $gray-800;
+$pagination-hover-border-color: $gray-800;
+$pagination-active-color: rgba(255, 255, 255, 0.75);
+$pagination-active-bg: $gray-800;
+$pagination-active-border-color: $gray-800;
+$pagination-disabled-color: $gray-800;
+$pagination-disabled-bg: transparent;
+$pagination-disabled-border-color: $gray-800;
+
+// Jumbotron
+$jumbotron-bg: $gray-800;
+
+// Cards
+$card-border-color: rgba($gray-900, 0.95);
+$card-cap-bg: rgba($gray-800, 0.25);
+$card-bg: rgba($gray-200, 0.125);
+
+// Popovers
+$popover-bg: $gray-800;
+$popover-border-color: $body-bg;
+$popover-header-bg: $gray-800;
+
+// Modals
+$modal-content-bg: $gray-800;
+$modal-content-border-color: $body-bg;
+$modal-header-border-color: $body-bg;
+
+// Progress bars
+$progress-bg: $gray-800;
+$progress-bar-color: $primary;
+
+// List group
+$list-group-bg: transparent;
+$list-group-border-color: $gray-800;
+$list-group-hover-bg: $gray-800;
+$list-group-active-color: rgba(255, 255, 255, 0.75);
+$list-group-disabled-color: $component-active-bg;
+$list-group-disabled-bg: transparent;
+$list-group-action-color: $body-color;
+$list-group-action-hover-color: $component-active-color;
+
+// Breadcrumbs
+$breadcrumb-bg: $component-active-bg;
+
+// Close
+$close-color: $body-color;
+$close-text-shadow: none;
+
+// Footer
+$footer-bg: rgba($black, 0.25);
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/spacelab/index.html b/themes/Bootswatch4.6_Scss/spacelab/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/spacelab/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/spacelab/style.scss b/themes/Bootswatch4.6_Scss/spacelab/style.scss
new file mode 100644
index 0000000..dda1818
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/spacelab/style.scss
@@ -0,0 +1,162 @@
+// Theme Bootswatch 4 Scss
+// Layout Spacelab 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins==========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+@mixin btn-shadow($color){
+  @include gradient-y-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%));
+  filter: none;
+  border: 1px solid darken($color, 10%);
+}
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  .nav-link,
+  .navbar-brand {
+    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
+    transition: color ease-in-out .2s;
+  }
+
+  &.bg-primary {
+    @include btn-shadow($primary);
+  }
+
+  &.bg-dark {
+    @include btn-shadow($secondary);
+  }
+
+  &.bg-light {
+    @include btn-shadow($gray-200);
+
+    .nav-link,
+    .navbar-brand {
+      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
+    }
+
+    .navbar-brand {
+      color: $navbar-light-color;
+
+      &:hover {
+        color: $info;
+      }
+    }
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
+
+  &-primary {
+    @include btn-shadow($primary);
+
+    &:hover {
+      @include btn-shadow(darken($primary, 4%));
+    }
+  }
+
+  &-secondary {
+    @include btn-shadow($secondary);
+    color: $white;
+
+    &:hover {
+      @include btn-shadow(darken($secondary, 4%));
+    }
+  }
+
+  &-success {
+    @include btn-shadow($success);
+
+    &:hover {
+      @include btn-shadow(darken($success, 4%));
+    }
+  }
+
+  &-info {
+    @include btn-shadow($info);
+
+    &:hover {
+      @include btn-shadow(darken($info, 4%));
+    }
+  }
+
+  &-warning {
+    @include btn-shadow($warning);
+
+    &:hover {
+      @include btn-shadow(darken($warning, 4%));
+    }
+  }
+
+  &-danger {
+    @include btn-shadow($danger);
+
+    &:hover {
+      @include btn-shadow(darken($danger, 4%));
+    }
+  }
+
+  &-dark {
+    @include btn-shadow($danger);
+
+    &:hover {
+      @include btn-shadow(darken($danger, 4%));
+    }
+  }
+
+  &-light {
+    @include btn-shadow($danger);
+
+    &:hover {
+      @include btn-shadow(darken($danger, 4%));
+    }
+  }
+
+  &-link {
+    text-shadow: none;
+  }
+
+  &:active,
+  &.active {
+    background-image: none;
+    @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  }
+}
+
+[class*="btn-outline-"] {
+  text-shadow: none;
+}
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+// Indicators ==================================================================
+.badge {
+  &-secondary {
+    color: $white;
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.card,
+.list-group-item {
+  h1, h2, h3, h4, h5, h6 {
+    color: inherit;
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/spacelab/variables.scss b/themes/Bootswatch4.6_Scss/spacelab/variables.scss
new file mode 100644
index 0000000..1135703
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/spacelab/variables.scss
@@ -0,0 +1,64 @@
+// Theme Bootswatch 4 Scss
+// Layout Spacelab 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #eee;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #999;
+$gray-600:  #777;
+$gray-700:  #495057;
+$gray-800:  #333;
+$gray-900:  #2d2d2d;
+$black:     #000;
+
+$blue:      #446E9B;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #CD0200;
+$orange:    #fd7e14;
+$yellow:    #D47500;
+$green:     #3CB521;
+$teal:      #20c997;
+$cyan:      #3399F3;
+
+$primary:   $blue;
+$secondary: $gray-500;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-100;
+$dark:      $gray-800;
+
+// Body
+$body-color: $gray-600;
+
+// Links
+$link-color: $info;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700";
+$font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$headings-color: $gray-900;
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+$navbar-light-color: rgba($black, 0.4);
+$navbar-light-hover-color: $info;
+$navbar-light-active-color: $info;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
+
diff --git a/themes/Bootswatch4.6_Scss/superhero/index.html b/themes/Bootswatch4.6_Scss/superhero/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/superhero/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/superhero/style.scss b/themes/Bootswatch4.6_Scss/superhero/style.scss
new file mode 100644
index 0000000..751c613
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/superhero/style.scss
@@ -0,0 +1,196 @@
+// Theme Bootswatch 4 Scss
+// Layout Superhero 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+
+// Buttons =====================================================================
+.btn {
+  &-info,
+  &-warning {
+    color: $white;
+  }
+}
+
+// Typography ==================================================================
+.dropdown-menu {
+  font-size: $font-size-sm;
+}
+
+.dropdown-header {
+  font-size: $font-size-sm;
+}
+
+.blockquote-footer {
+  color: $body-color;
+}
+
+// Tables ======================================================================
+.table {
+  font-size: $font-size-sm;
+
+  .thead-dark th {
+    color: $white;
+  }
+
+  a:not(.btn) {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  .dropdown-menu a {
+    text-decoration: none;
+  }
+
+  .text-muted {
+    color: $text-muted;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =======================================================================
+label,
+.radio label,
+.checkbox label,
+.help-block {
+  font-size: $font-size-sm;
+}
+
+.input-addon,
+.input-group-addon {
+  color: $body-color;
+}
+
+// Navs ========================================================================
+.nav-tabs,
+.nav-pills {
+  .nav-link,
+  .nav-link:hover {
+    color: $body-color;
+  }
+
+  .nav-link.disabled {
+    color: $nav-link-disabled-color;
+  }
+}
+
+.page-link:hover,
+.page-link:focus {
+  color: #fff;
+  text-decoration: none;
+}
+
+// Indicators ==================================================================
+.alert {
+  border: none;
+  color: $white;
+
+  a,
+  .alert-link {
+    color: #fff;
+    text-decoration: underline;
+  }
+
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      background-color: $value;
+    }
+  }
+}
+
+.badge {
+  &-warning,
+  &-info {
+    color: $white;
+  }
+}
+
+.close {
+  opacity: 0.5;
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+.modal {
+  &-header,
+  &-footer {
+    background-color: $table-hover-bg;
+
+    .close {
+      color: #fff;
+      text-shadow: none;
+      opacity: 0.5;
+
+      &:hover,
+      &:focus {
+        opacity: 1;
+      }
+    }
+  }
+}
diff --git a/themes/Bootswatch4.6_Scss/superhero/variables.scss b/themes/Bootswatch4.6_Scss/superhero/variables.scss
new file mode 100644
index 0000000..cb2a6fa
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/superhero/variables.scss
@@ -0,0 +1,124 @@
+// Theme Bootswatch 4 Scss
+// Layout Superhero 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #EBEBEB;
+$gray-200:  #4E5D6C;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #adb5bd;
+$gray-600:  #868e96;
+$gray-700:  #495057;
+$gray-800:  #343a40;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #DF691A;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #d9534f;
+$orange:    #f0ad4e;
+$yellow:    #f0ad4e;
+$green:     #5cb85c;
+$teal:      #20c997;
+$cyan:      #5bc0de;
+
+$primary:   $blue;
+$secondary: $gray-200;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     lighten($gray-200, 25%);
+$dark:      $gray-200;
+
+// Body
+$body-bg: #2B3E50;
+$body-color: $gray-100;
+
+// Components
+$border-radius: 0;
+$border-radius-lg: 0;
+$border-radius-sm: 0;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700,300i,400i,700i";
+$font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$text-muted: rgba(255, 255, 255, 0.4);
+$font-size-base: 1rem;
+$navbar-font-size: 0.875rem;
+$footer-font-size: 0.875rem;
+
+// Tables
+$table-accent-bg: rgba($white, 0.05);
+$table-hover-bg: rgba($white, 0.075);
+$table-dark-bg: $light;
+$table-dark-border-color: $gray-200;
+$table-dark-color: $body-bg;
+
+// Forms
+$input-group-addon-color: $gray-400;
+
+// Dropdowns
+$dropdown-bg: $gray-200;
+$dropdown-divider-bg: rgba($black, 0.15);
+$dropdown-link-color: $body-color;
+$dropdown-link-hover-color: $dropdown-link-color;
+$dropdown-link-hover-bg: $table-hover-bg;
+
+// Navs
+$nav-link-disabled-color: rgba(255, 255, 255, 0.4);
+$nav-tabs-border-color: $gray-200;
+$nav-tabs-link-active-color: $body-color;
+$nav-tabs-link-active-border-color: $gray-200;
+
+// Navbar
+$navbar-padding-y: 0.25rem;
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+
+// Pagination
+$pagination-color: $white;
+$pagination-bg: $gray-200;
+$pagination-border-color: transparent;
+$pagination-hover-color: $white;
+$pagination-hover-bg: $nav-link-disabled-color;
+$pagination-hover-border-color: $pagination-border-color;
+$pagination-disabled-color: $nav-link-disabled-color;
+$pagination-disabled-bg: $pagination-bg;
+$pagination-disabled-border-color: $pagination-border-color;
+
+// Modals
+$modal-content-bg: $gray-200;
+$modal-header-border-color: rgba(0, 0, 0, 0.2);
+
+// Cards
+$card-cap-bg: $table-hover-bg;
+$card-bg: $gray-200;
+
+// Popovers
+$popover-bg: $gray-200;
+$popover-header-bg: $table-hover-bg;
+
+// Progress bars
+$progress-bar-color: $primary;
+
+// List group
+$list-group-bg: $gray-200;
+$list-group-border-color: transparent;
+$list-group-hover-bg: $nav-link-disabled-color;
+$list-group-disabled-color: $nav-link-disabled-color;
+$list-group-action-color: $white;
+$list-group-action-hover-color: $white;
+
+// Breadcrumbs
+$breadcrumb-divider-color: $body-color;
+$breadcrumb-active-color: $body-color;
+
+// Footer
+$footer-bg: rgba($black, 0.125);
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/template.php b/themes/Bootswatch4.6_Scss/template.php
new file mode 100644
index 0000000..7749675
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/template.php
@@ -0,0 +1,130 @@
+<?php
+/**
+ * Theme Bootswatch 4 Scss 4.6.2
+ * Typesetter CMS theme template
+ * based on https://bootswatch.com
+ *
+ */
+
+global $page, $config;
+$path = $page->theme_dir . '/drop_down_menu.php';
+include_once($path);
+common::LoadComponents( 'bootstrap4.6-js,fontawesome' );
+$lang = isset($page->lang) ? $page->lang : $config['language'];
+
+/**
+ * If you are using Multi-Language Manager 1.2.3+
+ * and want to use localized $langmessage values in the template,
+ * uncomment the following line
+ */
+ // common::GetLangFile('main.inc', $lang);
+
+?><!DOCTYPE html>
+<html lang="<?php echo $lang; ?>" class="bootstrap-4">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+
+    <?php
+      gpOutput::GetHead();
+    ?>
+
+  </head>
+  <body>
+    <!--[if lte IE 9]>
+      <div class="alert alert-warning">
+        <h3>Bootstrap 4</h3>
+        <p>We&rsquo;re sorry but Internet Explorer 9 support was dropped as of Bootstrap version 4.</p>
+      </div>
+    <![endif]-->
+    <header class="main-header">
+      <div class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary gp-fixed-adjust">
+        <div class="container">
+
+          <?php
+            echo common::Link('', $config['title'], '', 'class="navbar-brand"');
+          ?>
+
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+
+
+          <div class="collapse navbar-collapse navbar-right" id="navbarResponsive">
+            <?php
+              $GP_ARRANGE = false;
+              // main nav classes
+              $GP_MENU_CLASSES = array(
+                'menu_top'          => 'nav navbar-nav',
+                'selected'          => 'active',
+                'selected_li'       => '',
+                'childselected'     => 'active',
+                'childselected_li'  => 'active', // use '' if you do not want 1st-level nav items to indicate that a child item is active
+                'li_'               => 'nav-item nav-item-',
+                'li_title'          => '',
+                'haschildren'       => 'dropdown-toggle',
+                'haschildren_li'    => 'dropdown',
+                'child_ul'          => 'dropdown-menu',
+              );
+
+              gpOutput::Get('TopTwoMenu'); //top two levels
+            ?>
+          </div><!--/.navbar-collapse -->
+        </div>
+      </div>
+    </header><!-- /.main-header -->
+
+    <div class="main-content">
+      <div class="container">
+        <?php $page->GetContent(); ?>
+      </div><!-- /.container-->
+    </div><!-- /.main-content -->
+
+    <footer class="main-footer pt-5 pb-5 mt-5">
+      <div class="container">
+
+        <?php
+          // possible footer nav classes
+          $GP_MENU_CLASSES = array(
+            'menu_top'          => 'footer-nav',
+            'selected'          => 'active',
+            'selected_li'       => '',
+            'childselected'     => 'active',
+            'childselected_li'  => 'active',
+            'li_'               => 'li-',
+            'li_title'          => '',
+            'haschildren'       => 'subitem-link',
+            'haschildren_li'    => 'subitem',
+            'child_ul'          => 'subitem-menu',
+          );
+        ?>
+
+        <div class="row">
+          <div class="col-sm-6 col-lg-3 footer-column footer-column-1">
+            <?php gpOutput::Get('Extra', 'Footer_Column_1'); ?>
+          </div>
+
+          <div class="col-sm-6 col-lg-3 footer-column footer-column-2">
+            <?php gpOutput::Get('Extra', 'Footer_Column_2'); ?>
+          </div>
+
+          <div class="col-sm-6 col-lg-3 footer-column footer-column-3">
+            <?php gpOutput::Get('Extra', 'Footer_Column_3'); ?>
+          </div>
+
+          <div class="col-sm-6 col-lg-3 footer-column footer-column-4">
+            <?php gpOutput::Get('Extra', 'Footer_Column_4'); ?>
+          </div>
+        </div><!-- /.row -->
+
+        <div class="row">
+          <div class="col-12 footer-bottom">
+            <?php gpOutput::GetAdminLink(); ?>
+          </div>
+        </div><!-- /.row -->
+
+      </div><!-- /.container -->
+    </footer><!-- /.main-footer -->
+  </body>
+</html>
diff --git a/themes/Bootswatch4.6_Scss/united/index.html b/themes/Bootswatch4.6_Scss/united/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/united/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/united/style.scss b/themes/Bootswatch4.6_Scss/united/style.scss
new file mode 100644
index 0000000..5080dc3
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/united/style.scss
@@ -0,0 +1,31 @@
+// Theme Bootswatch 4 Scss
+// Layout United 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar ======================================================================
+
+// Buttons =====================================================================
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/united/variables.scss b/themes/Bootswatch4.6_Scss/united/variables.scss
new file mode 100644
index 0000000..d8d34ea
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/united/variables.scss
@@ -0,0 +1,61 @@
+// Theme Bootswatch 4 Scss
+// Layout United 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #e9ecef;
+$gray-300:  #dee2e6;
+$gray-400:  #ced4da;
+$gray-500:  #AEA79F;
+$gray-600:  #868e96;
+$gray-700:  #495057;
+$gray-800:  #333;
+$gray-900:  #212529;
+$black:     #000;
+
+$blue:      #007bff;
+$indigo:    #6610f2;
+$purple:    #772953;
+$pink:      #e83e8c;
+$red:       #DF382C;
+$orange:    #E95420;
+$yellow:    #EFB73E;
+$green:     #38B44A;
+$teal:      #20c997;
+$cyan:      #17a2b8;
+
+$primary:   $orange;
+$secondary: $gray-500;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-200;
+$dark:      $purple;
+
+$yiq-contrasted-threshold: 200;
+
+// Body
+$body-color: $gray-800;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Ubuntu:400,700";
+$font-family-sans-serif: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.75);
+$navbar-dark-hover-color: $white;
+
+// Tables
+$table-dark-bg: $dark;
+$table-dark-border-color: darken($dark, 5%);
+
+// Footer
+$footer-bg: $gray-200;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss
diff --git a/themes/Bootswatch4.6_Scss/yeti/index.html b/themes/Bootswatch4.6_Scss/yeti/index.html
new file mode 100644
index 0000000..6c70bcf
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/yeti/index.html
@@ -0,0 +1 @@
+<html></html>
\ No newline at end of file
diff --git a/themes/Bootswatch4.6_Scss/yeti/style.scss b/themes/Bootswatch4.6_Scss/yeti/style.scss
new file mode 100644
index 0000000..7371816
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/yeti/style.scss
@@ -0,0 +1,413 @@
+// Theme Bootswatch 4 Scss
+// Layout Yeti 4.0.0
+// https://bootswatch.com
+// Migrate to Bootstrap 4: check out https://getbootstrap.com/docs/4.4/migration/
+
+// Import Bootstrap Scss ========================================================
+@import 'include/thirdparty/Bootstrap4.6/scss/_bootstrap.scss';
+
+// Variables and Mixins =========================================================
+$navbar-height: ($nav-link-height + $navbar-padding-y * 2);
+
+// Import Common Styles =========================================================
+@import '../_common/common_style.scss';
+
+// Navbar =======================================================================
+.navbar {
+  font-weight: $headings-font-weight;
+
+  &.bg-primary {
+    .dropdown-menu {
+      background-color: $primary;
+
+      .dropdown-item,
+      .dropdown-item:focus {
+        color: $navbar-dark-color;
+      }
+
+      .dropdown-item.active,
+      .dropdown-item:hover,
+      .dropdown-item:focus {
+        background-color: darken($primary, 5%);
+        color: #fff;
+      }
+    }
+  }
+
+  &.bg-dark {
+    background-color: $gray-800 !important;
+
+    .dropdown-menu {
+      background-color: $gray-800;
+
+      .dropdown-item,
+      .dropdown-item:focus {
+        color: $navbar-dark-color;
+      }
+
+      .dropdown-item.active,
+      .dropdown-item:hover,
+      .dropdown-item:focus  {
+        background-color: darken($gray-800, 5%);
+        color: #fff;
+      }
+    }
+  }
+
+  &.bg-light {
+    .dropdown-menu {
+      background-color: $gray-200;
+
+      .dropdown-item,
+      .dropdown-item:focus {
+        color: $navbar-light-color;
+      }
+
+      .dropdown-item.active,
+      .dropdown-item:hover,
+      .dropdown-item:focus  {
+        background-color: lighten($gray-200, 5%);
+        color: $navbar-light-hover-color;
+      }
+    }
+  }
+}
+
+// Buttons =====================================================================
+.btn {
+  &-primary {
+    border-color: darken($primary, 5%);
+  }
+
+  &-secondary {
+    border-color: darken($secondary, 5%);
+  }
+
+  &-success {
+    border-color: darken($success, 5%);
+  }
+
+  &-info {
+    border-color: darken($info, 5%);
+    color: $white;
+  }
+
+  &-danger {
+    border-color: darken($danger, 5%);
+  }
+
+  &-warning {
+    border-color: darken($warning, 5%);
+    color: $white;
+  }
+
+  &-light {
+    border-color: darken($light, 5%);
+  }
+
+  &-dark {
+    border-color: darken($dark, 5%);
+  }
+}
+
+.btn-group {
+  .dropdown-menu {
+    border-top-width: 0;
+  }
+
+  .dropdown-toggle {
+    &.btn-primary ~ .dropdown-menu {
+      background-color: $primary;
+      border-color: darken($primary, 5%);
+
+      .dropdown-item {
+        color: $white;
+      }
+
+      .dropdown-item:hover,
+      .dropdown-item:focus {
+        background-color: darken($primary, 8%);
+      }
+    }
+
+    &.btn-secondary ~ .dropdown-menu {
+      background-color: $secondary;
+      border-color: darken($secondary, 5%);
+
+      .dropdown-item {
+        color: $white;
+      }
+
+      .dropdown-item:hover,
+      .dropdown-item:focus {
+        background-color: darken($secondary, 8%);
+      }
+    }
+
+    &.btn-success ~ .dropdown-menu {
+      background-color: $success;
+      border-color: darken($success, 5%);
+
+      .dropdown-item {
+        color: $white;
+      }
+
+      .dropdown-item:hover,
+      .dropdown-item:focus {
+        background-color: darken($success, 8%);
+      }
+    }
+
+    &.btn-info ~ .dropdown-menu {
+      background-color: $info;
+      border-color: darken($info, 5%);
+
+      .dropdown-item {
+        color: $white;
+      }
+
+      .dropdown-item:hover,
+      .dropdown-item:focus {
+        background-color: darken($info, 8%);
+      }
+    }
+
+    &.btn-warning ~ .dropdown-menu {
+      background-color: $warning;
+      border-color: darken($warning, 5%);
+
+      .dropdown-item {
+        color: $white;
+      }
+
+      .dropdown-item:hover,
+      .dropdown-item:focus {
+        background-color: darken($warning, 8%);
+      }
+    }
+
+    &.btn-danger ~ .dropdown-menu {
+      background-color: $danger;
+      border-color: darken($primary, 5%);
+
+      .dropdown-item {
+        color: $white;
+      }
+
+      .dropdown-item:hover,
+      .dropdown-item:focus {
+        background-color: darken($danger, 8%);
+      }
+    }
+  }
+}
+
+// Typography ==================================================================
+.blockquote-footer {
+  color: $gray-600;
+}
+
+// Tables ======================================================================
+table {
+  font-size: $font-size-sm;
+
+  &-success,
+  &-info,
+  &-warning,
+  &-danger {
+    color: #fff;
+  }
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  &-hover {
+
+    .table-success:hover {
+      &, > th, > td {
+        background-color: darken($success, 5%);
+      }
+    }
+
+    .table-info:hover {
+      &, > th, > td {
+        background-color: darken($info, 5%);
+      }
+    }
+
+    .table-danger:hover {
+      &, > th, > td {
+        background-color: darken($danger, 5%);
+      }
+    }
+
+    .table-warning:hover {
+      &, > th, > td {
+        background-color: darken($warning, 5%);
+      }
+    }
+
+  }
+}
+
+// Forms =======================================================================
+label,
+.control-label,
+.help-block,
+.checkbox,
+.radio,
+.form-control-feedback {
+  font-size: $font-size-sm;
+}
+
+// Navs ========================================================================
+.dropdown-item {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  font-size: $font-size-sm;
+  font-weight: 300;
+}
+
+.nav-tabs {
+  .nav-link,
+  .nav-link.disabled,
+  .nav-link.disabled:hover,
+  .nav-link.disabled:focus {
+    border-color: $nav-tabs-border-color;
+    background-color: $gray-200;
+  }
+
+  .nav-link:hover,
+  .nav-link:focus {
+    background-color: lighten($gray-200, 5%);
+  }
+}
+
+.nav-pills {
+  .active {
+    border: 1px solid darken($primary, 5%);
+  }
+}
+
+.breadcrumb {
+  border: 1px solid $dropdown-border-color;
+  border-radius: 3px;
+  font-size: $font-size-sm;
+  font-weight: 300;
+  text-transform: uppercase;
+}
+
+.pagination {
+  font-weight: 300;
+
+  .page-link {
+    border-color: transparent;
+    border-radius: 3px;
+    margin-left: 0.1em;
+    margin-right: 0.1em;
+
+    &:hover,
+    &:focus {
+      text-decoration: none;
+    }
+  }
+
+  .page-item.disabled {
+    .page-link {
+      border-color: transparent;
+    }
+  }
+}
+
+.list-group {
+  font-size: $font-size-sm;
+  font-weight: 300;
+}
+
+// Indicators ==================================================================
+.close {
+  opacity: 0.6;
+  text-shadow: none;
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
+.alert {
+  font-size: $font-size-sm;
+  font-weight: 300;
+  color: $white;
+
+  &-success {
+    &, > th, > td {
+      background-color: $success;
+    }
+  }
+
+  &-info {
+    &, > th, > td {
+      background-color: $info;
+    }
+  }
+
+  &-danger {
+    &, > th, > td {
+      background-color: $danger;
+    }
+  }
+
+  &-warning {
+    &, > th, > td {
+      background-color: $warning;
+    }
+  }
+
+  .alert-link {
+    font-weight: normal;
+    color: #fff;
+    text-decoration: underline;
+  }
+}
+
+.badge {
+  padding-bottom: .3em;
+
+  &-warning,
+  &-info {
+    color: $white;
+  }
+}
+
+// Progress bars ===============================================================
+.progress[value] {
+  height: 22px;
+  padding: 2px;
+  background-color: #f6f6f6;
+  border: 1px solid #ccc;
+  @include box-shadow(none);
+}
+
+// Containers ==================================================================
diff --git a/themes/Bootswatch4.6_Scss/yeti/variables.scss b/themes/Bootswatch4.6_Scss/yeti/variables.scss
new file mode 100644
index 0000000..f56b0d0
--- /dev/null
+++ b/themes/Bootswatch4.6_Scss/yeti/variables.scss
@@ -0,0 +1,96 @@
+// Theme Bootswatch 4 Scss
+// Layout Yeti 4.0.0
+//
+// For all Bootstrap 4 variables see /include/thirdparty/Bootstrap4.6/scss/bootstrap/_variables.scss
+
+// Color system
+$white:     #fff;
+$gray-100:  #f8f9fa;
+$gray-200:  #eee;
+$gray-300:  #dee2e6;
+$gray-400:  #ccc;
+$gray-500:  #adb5bd;
+$gray-600:  #888;
+$gray-700:  #495057;
+$gray-800:  #333;
+$gray-900:  #222;
+$black:     #000;
+
+$blue:      #008cba;
+$indigo:    #6610f2;
+$purple:    #6f42c1;
+$pink:      #e83e8c;
+$red:       #F04124;
+$orange:    #fd7e14;
+$yellow:    #E99002;
+$green:     #43ac6a;
+$teal:      #20c997;
+$cyan:      #5bc0de;
+
+$primary:   $blue;
+$secondary: $gray-200;
+$success:   $green;
+$info:      $cyan;
+$warning:   $yellow;
+$danger:    $red;
+$light:     $gray-200;
+$dark:      $gray-900;
+
+// Components
+$border-radius: 0; 
+$border-radius-lg: 0;
+$border-radius-sm: 0;
+
+// Fonts
+$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700";
+$font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+$headings-font-weight: 300;
+$font-size-base: 1rem;
+$navbar-font-size: 1rem;
+$footer-font-size: 0.875rem;
+
+// Buttons
+$input-btn-padding-x: 1rem;
+$btn-font-weight: 300;
+
+// Dropdowns
+$dropdown-border-color: rgba($black, 0.1);
+$dropdown-divider-bg: rgba($black, 0.1);
+
+// Navs
+$nav-link-disabled-color: $gray-400;
+$nav-tabs-border-color: $dropdown-border-color;
+$nav-tabs-link-hover-border-color: $nav-tabs-border-color;
+$nav-tabs-link-active-border-color: $nav-tabs-border-color;
+
+// Navbar
+$navbar-dark-color: rgba($white, 0.7);
+$navbar-dark-hover-color: $white;
+
+// Pagination
+$pagination-color: $gray-600;
+$pagination-border-color: $nav-tabs-border-color;
+$pagination-active-border-color: darken($primary, 5%);
+$pagination-disabled-color: $gray-200;
+
+// Jumbotron
+$jumbotron-padding: 4rem;
+
+// Badges
+$badge-font-weight: 300;
+$badge-padding-x: 1rem;
+
+// Progress bars
+$progress-bg: #f6f6f6;
+$progress-bar-color: $primary;
+
+// List group
+$list-group-disabled-bg: $gray-200;
+
+// Close
+$close-color: $gray-600;
+$close-text-shadow: none;
+
+// Footer
+$footer-bg: $gray-300;
+// For more footer variables see /themes/Bootswatch4_Scss/_common/footer.scss