From 1dfb350aa358023e63005a0581292be3c4c28a82 Mon Sep 17 00:00:00 2001
From: Moe <github@m03.ca>
Date: Sat, 30 May 2020 09:02:59 -0700
Subject: [PATCH] Add Deep Forest and Night Garden themes, reskin login screen
 to Deep Forest

---
 web/libs/themes/Deep Forest/style.css  | 64 ++++++++++++++++++++++++++
 web/libs/themes/Night Garden/style.css | 28 +++++++++++
 web/pages/index.ejs                    | 13 ++++++
 3 files changed, 105 insertions(+)
 create mode 100644 web/libs/themes/Deep Forest/style.css
 create mode 100644 web/libs/themes/Night Garden/style.css

diff --git a/web/libs/themes/Deep Forest/style.css b/web/libs/themes/Deep Forest/style.css
new file mode 100644
index 00000000..4dff2d2d
--- /dev/null
+++ b/web/libs/themes/Deep Forest/style.css	
@@ -0,0 +1,64 @@
+.progress-bar-warning {
+    background-color: #27b392!important;
+}
+.text-purple {color: #27b392!important;}
+.form-group-group {border-color: #27b392!important;}
+.form-group-group h4 {background: #27b392!important;}
+.mdl-switch.is-checked .mdl-switch__thumb{
+    background: #27b392!important;
+}
+.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
+    background: #3f81d6!important;
+}
+.btn-default {background: #fff!important;border-color:#8cbeff!important;color:#4c4c4c!important;}
+.btn-info {background: #27b392!important;border-color:#27b392!important;}
+.btn-primary {background: #27b392!important;border-color:#27b392!important;}
+.btn-info {background: #33a1ff!important;border-color:#33a1ff!important;}
+.btn-success {background: #1d8a70!important;border-color:#1d8a70!important;}
+.btn-danger {background: #bf7573!important;border-color:#bf7573!important;}
+.btn-warning {background: #b3a228!important;border-color:#b3a228!important;}
+::-webkit-scrollbar-thumb:hover {
+    background-color:#27b392!important;
+}
+::-webkit-scrollbar-thumb {
+    background-color:#27b392!important;
+}
+.dark.modal .modal-body {
+    background: #04251d!important;
+}
+.dark.modal .modal-header, .dark.modal .modal-footer {
+    background: #075f49!important;
+    border-color: #259a59!important;
+}
+.form-group-group {
+    background: #04251d!important;
+}
+.demo-drawer {
+    background: #04251d!important;
+}
+#main_header {
+    background: #042d23!important;
+}
+.dark .form-control,.dark.form-control {
+    background: #163537!important;
+    border-color: #1d4c40!important;
+    color: #fff!important;
+}
+.dark .form-group label>div, .dark .form-group label>div>span{
+    border-color: #065e49!important;
+}
+#main_canvas {
+    background: #0a352b!important;
+}
+.dark .table-striped>tbody>tr:nth-of-type(odd) {
+    background-color: #092d24!important;
+}
+.dark .table-striped>tbody>tr:nth-of-type(even) {
+    background: #0c3c30!important;
+}
+.dark .table-striped>thead>tr>th {
+    background: #194a3e;
+}
+.monitor_item .mdl-card__supporting-text {
+    background: #04251d;
+}
diff --git a/web/libs/themes/Night Garden/style.css b/web/libs/themes/Night Garden/style.css
new file mode 100644
index 00000000..0b7e39c7
--- /dev/null
+++ b/web/libs/themes/Night Garden/style.css	
@@ -0,0 +1,28 @@
+.progress-bar-warning {
+    background-color: #27b392!important;
+}
+.text-purple {color: #27b392!important;}
+.form-group-group {border-color: #27b392!important;}
+.form-group-group h4 {background: #27b392!important;}
+.mdl-switch.is-checked .mdl-switch__thumb{
+    background: #27b392!important;
+}
+.demo-drawer{
+    color:#9ac6ff;
+}
+.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
+    background: #3f81d6!important;
+}
+.btn-default {background: #fff!important;border-color:#8cbeff!important;color:#4c4c4c!important;}
+.btn-info {background: #27b392!important;border-color:#27b392!important;}
+.btn-primary {background: #27b392!important;border-color:#27b392!important;}
+.btn-info {background: #33a1ff!important;border-color:#33a1ff!important;}
+.btn-success {background: #1d8a70!important;border-color:#1d8a70!important;}
+.btn-danger {background: #bf7573!important;border-color:#bf7573!important;}
+.btn-warning {background: #b3a228!important;border-color:#b3a228!important;}
+::-webkit-scrollbar-thumb:hover {
+    background-color:#27b392;
+}
+::-webkit-scrollbar-thumb {
+    background-color:#27b392;
+}
diff --git a/web/pages/index.ejs b/web/pages/index.ejs
index e6b25751..2259e605 100644
--- a/web/pages/index.ejs
+++ b/web/pages/index.ejs
@@ -13,6 +13,11 @@
 }
 .panel {
     border-color: #28b391!important;
+    background: #044032!important;
+}
+.panel-heading {
+    background: #124438!important;
+    border-color: #163537!important;
 }
 .mdl-switch.is-checked .mdl-switch__thumb {
     background: #28b391!important;
@@ -20,6 +25,14 @@
 .mdl-switch.is-checked .mdl-switch__track {
     background: rgba(63, 181, 99, 0.5)!important;
 }
+.shinobi-bg {
+    background: #33686d;
+}
+.form-control {
+    background: #163537;
+    border-color: #1d4c40!important;
+    color: #979797;
+}
 </style>
 <% if(screen){screen=screen.toLowerCase()} %>
 <div class="shinobi-bg display-table" style="height:100%">