From 40573163dbf1f6d15da6435f667b9812ce1ea566 Mon Sep 17 00:00:00 2001
From: gtbu <manbu@mail.de>
Date: Tue, 1 Apr 2025 18:22:06 +0200
Subject: [PATCH] Added bootswatch 4.6 theme

Added bootswatch 4.6 theme (4.6 has advanced features over 4.4 . The 4.4 scss has inbuilt vp-mixins.  V 4.6 has different  vp-mixins  . In _mixins.scss it is possible to add @import "vp-mixins/_sass-prefixer.scss";  ---  Another possibility is css-crush
---
 include/tool/Output/Combine.php               |   7 +
 themes/Bootswatch4.6_Scss/Addon.ini           |   8 +
 .../_common/common_style.scss                 | 132 ++++
 .../_common/compensate_fixed_navbar.scss      |  25 +
 .../_common/contactform.scss                  |  50 ++
 themes/Bootswatch4.6_Scss/_common/footer.scss | 102 +++
 themes/Bootswatch4.6_Scss/cerulean/index.html |   1 +
 themes/Bootswatch4.6_Scss/cerulean/style.scss |  91 +++
 .../cerulean/variables.scss                   |  59 ++
 themes/Bootswatch4.6_Scss/cosmo/index.html    |   1 +
 themes/Bootswatch4.6_Scss/cosmo/style.scss    |  39 +
 .../Bootswatch4.6_Scss/cosmo/variables.scss   |  67 ++
 themes/Bootswatch4.6_Scss/cyborg/index.html   |   1 +
 themes/Bootswatch4.6_Scss/cyborg/style.scss   | 214 ++++++
 .../Bootswatch4.6_Scss/cyborg/variables.scss  | 135 ++++
 themes/Bootswatch4.6_Scss/darkly/index.html   |   1 +
 themes/Bootswatch4.6_Scss/darkly/style.scss   | 192 +++++
 .../Bootswatch4.6_Scss/darkly/variables.scss  | 139 ++++
 themes/Bootswatch4.6_Scss/drop_down_menu.php  |  31 +
 themes/Bootswatch4.6_Scss/flatly/index.html   |   1 +
 themes/Bootswatch4.6_Scss/flatly/style.scss   | 172 +++++
 .../Bootswatch4.6_Scss/flatly/variables.scss  |  99 +++
 themes/Bootswatch4.6_Scss/index.html          |   1 +
 themes/Bootswatch4.6_Scss/journal/index.html  |   1 +
 themes/Bootswatch4.6_Scss/journal/style.scss  |  73 ++
 .../Bootswatch4.6_Scss/journal/variables.scss |  65 ++
 themes/Bootswatch4.6_Scss/litera/index.html   |   1 +
 themes/Bootswatch4.6_Scss/litera/style.scss   | 196 +++++
 .../Bootswatch4.6_Scss/litera/variables.scss  |  75 ++
 themes/Bootswatch4.6_Scss/lumen/index.html    |   1 +
 themes/Bootswatch4.6_Scss/lumen/style.scss    | 389 ++++++++++
 .../Bootswatch4.6_Scss/lumen/variables.scss   |  78 ++
 themes/Bootswatch4.6_Scss/lux/index.html      |   1 +
 themes/Bootswatch4.6_Scss/lux/style.scss      | 148 ++++
 themes/Bootswatch4.6_Scss/lux/variables.scss  |  95 +++
 themes/Bootswatch4.6_Scss/materia/index.html  |   1 +
 themes/Bootswatch4.6_Scss/materia/style.scss  | 714 ++++++++++++++++++
 .../Bootswatch4.6_Scss/materia/variables.scss | 102 +++
 themes/Bootswatch4.6_Scss/minty/index.html    |   1 +
 themes/Bootswatch4.6_Scss/minty/style.scss    | 238 ++++++
 .../Bootswatch4.6_Scss/minty/variables.scss   |  91 +++
 themes/Bootswatch4.6_Scss/pulse/index.html    |   1 +
 themes/Bootswatch4.6_Scss/pulse/style.scss    | 155 ++++
 .../Bootswatch4.6_Scss/pulse/variables.scss   |  93 +++
 .../Bootswatch4.6_Scss/sandstone/index.html   |   1 +
 .../Bootswatch4.6_Scss/sandstone/style.scss   | 201 +++++
 .../sandstone/variables.scss                  | 119 +++
 themes/Bootswatch4.6_Scss/screenshot.png      | Bin 0 -> 13186 bytes
 themes/Bootswatch4.6_Scss/simplex/index.html  |   1 +
 themes/Bootswatch4.6_Scss/simplex/style.scss  | 134 ++++
 .../Bootswatch4.6_Scss/simplex/variables.scss |  95 +++
 themes/Bootswatch4.6_Scss/sketchy/index.html  |   1 +
 themes/Bootswatch4.6_Scss/sketchy/style.scss  | 410 ++++++++++
 .../Bootswatch4.6_Scss/sketchy/variables.scss | 137 ++++
 themes/Bootswatch4.6_Scss/slate/index.html    |   1 +
 themes/Bootswatch4.6_Scss/slate/style.scss    | 409 ++++++++++
 .../Bootswatch4.6_Scss/slate/variables.scss   | 130 ++++
 themes/Bootswatch4.6_Scss/solar/index.html    |   1 +
 themes/Bootswatch4.6_Scss/solar/style.scss    | 105 +++
 .../Bootswatch4.6_Scss/solar/variables.scss   | 147 ++++
 themes/Bootswatch4.6_Scss/spacelab/index.html |   1 +
 themes/Bootswatch4.6_Scss/spacelab/style.scss | 162 ++++
 .../spacelab/variables.scss                   |  64 ++
 .../Bootswatch4.6_Scss/superhero/index.html   |   1 +
 .../Bootswatch4.6_Scss/superhero/style.scss   | 196 +++++
 .../superhero/variables.scss                  | 124 +++
 themes/Bootswatch4.6_Scss/template.php        | 130 ++++
 themes/Bootswatch4.6_Scss/united/index.html   |   1 +
 themes/Bootswatch4.6_Scss/united/style.scss   |  31 +
 .../Bootswatch4.6_Scss/united/variables.scss  |  61 ++
 themes/Bootswatch4.6_Scss/yeti/index.html     |   1 +
 themes/Bootswatch4.6_Scss/yeti/style.scss     | 413 ++++++++++
 themes/Bootswatch4.6_Scss/yeti/variables.scss |  96 +++
 73 files changed, 7260 insertions(+)
 create mode 100644 themes/Bootswatch4.6_Scss/Addon.ini
 create mode 100644 themes/Bootswatch4.6_Scss/_common/common_style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/_common/compensate_fixed_navbar.scss
 create mode 100644 themes/Bootswatch4.6_Scss/_common/contactform.scss
 create mode 100644 themes/Bootswatch4.6_Scss/_common/footer.scss
 create mode 100644 themes/Bootswatch4.6_Scss/cerulean/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/cerulean/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/cerulean/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/cosmo/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/cosmo/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/cosmo/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/cyborg/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/cyborg/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/cyborg/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/darkly/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/darkly/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/darkly/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/drop_down_menu.php
 create mode 100644 themes/Bootswatch4.6_Scss/flatly/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/flatly/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/flatly/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/journal/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/journal/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/journal/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/litera/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/litera/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/litera/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/lumen/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/lumen/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/lumen/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/lux/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/lux/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/lux/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/materia/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/materia/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/materia/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/minty/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/minty/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/minty/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/pulse/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/pulse/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/pulse/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/sandstone/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/sandstone/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/sandstone/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/screenshot.png
 create mode 100644 themes/Bootswatch4.6_Scss/simplex/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/simplex/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/simplex/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/sketchy/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/sketchy/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/sketchy/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/slate/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/slate/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/slate/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/solar/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/solar/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/solar/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/spacelab/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/spacelab/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/spacelab/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/superhero/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/superhero/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/superhero/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/template.php
 create mode 100644 themes/Bootswatch4.6_Scss/united/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/united/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/united/variables.scss
 create mode 100644 themes/Bootswatch4.6_Scss/yeti/index.html
 create mode 100644 themes/Bootswatch4.6_Scss/yeti/style.scss
 create mode 100644 themes/Bootswatch4.6_Scss/yeti/variables.scss

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 0000000000000000000000000000000000000000..8844b487fe0b09d058080538fb5dde98b31b1317
GIT binary patch
literal 13186
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
LME-u#{rNutgq8(C

literal 0
HcmV?d00001

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