From b63dfadb3e77611ca1dbfa2900c64576ad9f501e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9?= <34602360+opnsenseuser@users.noreply.github.com>
Date: Thu, 22 Aug 2019 17:52:37 +0200
Subject: [PATCH] Themes - Cicada/Tukan - sensei color update (#1456)

---
 misc/theme-cicada/Makefile                    |   2 +-
 .../cicada/assets/stylesheets/main.scss       | 247 +++++++++++++-----
 .../www/themes/cicada/build/css/main.css      | 199 ++++++++++----
 misc/theme-tukan/Makefile                     |   2 +-
 .../themes/tukan/assets/stylesheets/main.scss |  82 +++++-
 .../www/themes/tukan/build/css/main.css       |  69 ++++-
 6 files changed, 462 insertions(+), 139 deletions(-)

diff --git a/misc/theme-cicada/Makefile b/misc/theme-cicada/Makefile
index e5b6de035..e6277ea84 100644
--- a/misc/theme-cicada/Makefile
+++ b/misc/theme-cicada/Makefile
@@ -1,5 +1,5 @@
 PLUGIN_NAME=		theme-cicada
-PLUGIN_VERSION=		1.18
+PLUGIN_VERSION=		1.19
 PLUGIN_COMMENT=		The cicada theme - grey/orange
 PLUGIN_MAINTAINER=	rene@team-rebellion.net
 
diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
index 7da06b1d9..98ef3db19 100644
--- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
+++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
@@ -2591,6 +2591,8 @@ th {
         border-top: 0;
         font-family: 'SourceSansProSemibold';
         font-weight: normal;
+        color: #FFF;
+        background-color: #2a2a2a;
       }
     }
     colgroup + thead > tr:first-child > {
@@ -2598,6 +2600,8 @@ th {
         border-top: 0;
         font-family: 'SourceSansProSemibold';
         font-weight: normal;
+        color: #FFF;
+        background-color: #2a2a2a;
       }
     }
     thead:first-child > tr:first-child > {
@@ -2605,6 +2609,8 @@ th {
         border-top: 0;
         font-family: 'SourceSansProSemibold';
         font-weight: normal;
+        color: #FFF;
+        background-color: #2a2a2a;
       }
     }
     tbody + tbody {
@@ -2635,21 +2641,21 @@ th {
 }
 
 .table-bordered {
-  border: 1px solid #eee;
+  border: 1px solid #5a5a5a;
   > {
     thead > tr > {
       th, td {
-        border: 1px solid #eee;
+        border: 1px solid #5a5a5a;
       }
     }
     tbody > tr > {
       th, td {
-        border: 1px solid #eee;
+        border: 1px solid #5a5a5a;
       }
     }
     tfoot > tr > {
       th, td {
-        border: 1px solid #eee;
+        border: 1px solid #5a5a5a;
       }
     }
     thead > tr > {
@@ -4298,10 +4304,10 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form
 
 .has-success {
   .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline {
-    color: #9BD275;
+    color: #46A50C;
   }
   .form-control {
-    border-color: #9BD275;
+    border-color: #46A50C;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     &:focus {
@@ -4311,12 +4317,12 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form
     }
   }
   .input-group-addon {
-    color: #9BD275;
-    border-color: #9BD275;
-    background-color: #9BD275;
+    color: #46A50C;
+    border-color: #46A50C;
+    background-color: #46A50C;
   }
   .form-control-feedback {
-    color: #9BD275;
+    color: #46A50C;
   }
 }
 
@@ -4346,10 +4352,10 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form
 
 .has-error {
   .help-block, .control-label, .radio, .checkbox, .radio-inline, .checkbox-inline {
-    color: #FF441D;
+    color: #FC2E03;
   }
   .form-control {
-    border-color: #FC2E03;
+    border-color: #DB4829;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     &:focus {
@@ -4359,12 +4365,12 @@ select[multiple].input-lg, .form-horizontal .form-group-lg select[multiple].form
     }
   }
   .input-group-addon {
-    color: #F05050;
-    border-color: #F05050;
-    background-color: #F05050;
+    color: #DB4829;
+    border-color: #DB4829;
+    background-color: #DB4829;
   }
   .form-control-feedback {
-    color: #F05050;
+    color: #DB4829;
   }
 }
 
@@ -4721,20 +4727,20 @@ fieldset[disabled] .btn-primary {
 
 .btn-success {
   color: #fff;
-  background-color: #9BD275;
+  background-color: #46A50C;
   border-color: #323232;
   &:hover, &:focus, &:active, &.active {
     color: #fff;
-    background-color: #7fc54f;
-    border-color: #6db53b;
+    background-color: #3D910A;
+    border-color: #323232;
     outline: 0;
   }
 }
 
 .open > .btn-success.dropdown-toggle {
   color: #fff;
-  background-color: #7fc54f;
-  border-color: #6db53b;
+  background-color: #3D910A;
+  border-color: #323232;
   outline: 0;
 }
 
@@ -4750,21 +4756,21 @@ fieldset[disabled] .btn-primary {
 
 .btn-success {
   &.disabled {
-    background-color: #9BD275;
+    background-color: #46A50C;
     border-color: #8dcc62;
     outline: 0;
     &:hover, &:focus, &:active, &.active {
-      background-color: #9BD275;
+      background-color: #46A50C;
       border-color: #8dcc62;
       outline: 0;
     }
   }
   &[disabled] {
-    background-color: #9BD275;
+    background-color: #46A50C;
     border-color: #8dcc62;
     outline: 0;
     &:hover, &:focus, &:active, &.active {
-      background-color: #9BD275;
+      background-color: #46A50C;
       border-color: #8dcc62;
       outline: 0;
     }
@@ -4772,18 +4778,18 @@ fieldset[disabled] .btn-primary {
 }
 
 fieldset[disabled] .btn-success {
-  background-color: #9BD275;
+  background-color: #46A50C;
   border-color: #8dcc62;
   outline: 0;
   &:hover, &:focus, &:active, &.active {
-    background-color: #9BD275;
+    background-color: #46A50C;
     border-color: #8dcc62;
     outline: 0;
   }
 }
 
 .btn-success .badge {
-  color: #9BD275;
+  color: #46A50C;
   background-color: #fff;
 }
 
@@ -4936,34 +4942,34 @@ fieldset[disabled] .btn-warning {
 
 .btn-danger {
   &.disabled {
-    background-color: #F05050;
+    background-color: #DB4829;
     border-color: #ee3939;
     &:hover, &:focus, &:active, &.active {
-      background-color: #F05050;
+      background-color: #DB4829;
       border-color: #ee3939;
     }
   }
   &[disabled] {
-    background-color: #F05050;
+    background-color: #DB4829;
     border-color: #ee3939;
     &:hover, &:focus, &:active, &.active {
-      background-color: #F05050;
+      background-color: #DB4829;
       border-color: #ee3939;
     }
   }
 }
 
 fieldset[disabled] .btn-danger {
-  background-color: #F05050;
+  background-color: #DB4829;
   border-color: #ee3939;
   &:hover, &:focus, &:active, &.active {
-    background-color: #F05050;
+    background-color: #DB4829;
     border-color: #ee3939;
   }
 }
 
 .btn-danger .badge {
-  color: #F05050;
+  color: #DB4829;
   background-color: #fff;
 }
 
@@ -7291,27 +7297,27 @@ a.list-group-item {
 }
 
 .list-group-item-success {
-  color: #9BD275;
-  background-color: #9BD275;
+  color: #46A50C;
+  background-color: #46A50C;
 }
 
 a.list-group-item-success {
-  color: #9BD275;
+  color: #46A50C;
   .list-group-item-heading {
     color: inherit;
   }
   &:hover, &:focus {
-    color: #9BD275;
+    color: #46A50C;
     background-color: #8dcc62;
   }
   &.active {
     color: #fff;
-    background-color: #9BD275;
-    border-color: #9BD275;
+    background-color: #46A50C;
+    border-color: #46A50C;
     &:hover, &:focus {
       color: #fff;
-      background-color: #9BD275;
-      border-color: #9BD275;
+      background-color: #46A50C;
+      border-color: #46A50C;
     }
   }
 }
@@ -7369,27 +7375,27 @@ a.list-group-item-warning {
 }
 
 .list-group-item-danger {
-  color: #F05050;
-  background-color: #F05050;
+  color: #DB4829;
+  background-color: #DB4829;
 }
 
 a.list-group-item-danger {
-  color: #F05050;
+  color: #DB4829;
   .list-group-item-heading {
     color: inherit;
   }
   &:hover, &:focus {
-    color: #F05050;
+    color: #DB4829;
     background-color: #ee3939;
   }
   &.active {
     color: #fff;
-    background-color: #F05050;
-    border-color: #F05050;
+    background-color: #DB4829;
+    border-color: #DB4829;
     &:hover, &:focus {
       color: #fff;
-      background-color: #F05050;
-      border-color: #F05050;
+      background-color: #DB4829;
+      border-color: #DB4829;
     }
   }
 }
@@ -7778,22 +7784,22 @@ a.list-group-item-danger {
 }
 
 .panel-success {
-  border-color: #9BD275;
+  border-color: #46A50C;
   > {
     .panel-heading {
-      color: #9BD275;
-      background-color: #9BD275;
-      border-color: #9BD275;
+      color: #46A50C;
+      background-color: #46A50C;
+      border-color: #46A50C;
       + .panel-collapse > .panel-body {
-        border-top-color: #9BD275;
+        border-top-color: #46A50C;
       }
       .badge {
-        color: #9BD275;
-        background-color: #9BD275;
+        color: #46A50C;
+        background-color: #46A50C;
       }
     }
     .panel-footer + .panel-collapse > .panel-body {
-      border-bottom-color: #9BD275;
+      border-bottom-color: #46A50C;
     }
   }
 }
@@ -7841,22 +7847,22 @@ a.list-group-item-danger {
 }
 
 .panel-danger {
-  border-color: #F05050;
+  border-color: #DB4829;
   > {
     .panel-heading {
-      color: #F05050;
-      background-color: #F05050;
-      border-color: #F05050;
+      color: #DB4829;
+      background-color: #DB4829;
+      border-color: #DB4829;
       + .panel-collapse > .panel-body {
-        border-top-color: #F05050;
+        border-top-color: #DB4829;
       }
       .badge {
-        color: #F05050;
-        background-color: #F05050;
+        color: #DB4829;
+        background-color: #DB4829;
       }
     }
     .panel-footer + .panel-collapse > .panel-body {
-      border-bottom-color: #F05050;
+      border-bottom-color: #DB4829;
     }
   }
 }
@@ -7977,7 +7983,7 @@ button.close {
 .modal-content {
   position: relative;
   background-color: #383838;
-  border: 1px solid #565656cc;
+  border: 1px solid #515151;
   border-radius: 3px;
   -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30);
   box-shadow: 0 5px 15px rgb(5, 5, 5);
@@ -9658,7 +9664,13 @@ textarea#update_status {
   content: "\f021";
 }
 
-.fa-question-circle::before {
+::before, ::after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.fa-info-circle::before, .fa-question-circle::before {
   content: "\f059";
   cursor: pointer;
   color: #ec6d12;
@@ -9750,3 +9762,100 @@ h3 {
   background-color: #292929;
   border: 1px solid #515151;
 }
+
+/*additional extensions for sensei*/
+
+.preloader-wrapper {
+  background-color: #202020 !important;
+  opacity: 0.98 !important;
+}
+
+.no-data {
+  color: #FFF !important;
+  background-color: #202020 !important;
+}
+
+.has-success .form-control:focus, .has-error .form-control:focus {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+input[type="checkbox"] {
+  &.checkbox-switch + i::before, &.checkbox-icon + i::before {
+    color: #DB4829 !important;
+  }
+  &.checkbox-switch {
+    + i::before {
+      color: #DB4829 !important;
+    }
+    &:checked + i::before {
+      color: #46A50C !important;
+    }
+  }
+  &.checkbox-icon:checked + i::before, &.checkbox-icon-2:checked + i::before {
+    color: #46A50C !important;
+  }
+}
+
+.modal-header > span, .m-r-5, .m-r-10 {
+  color: #000;
+}
+
+.sessions-body table > {
+  thead > tr > th, tbody > tr > td {
+    border-color: #5A5A5A !important;
+  }
+}
+
+.bootstrap-datetimepicker-widget table {
+  th.disabled {
+    background: none;
+    color: #000 !important;
+    &:hover {
+      background: none;
+      color: #000 !important;
+    }
+  }
+  thead tr:first-child th:hover {
+    background: #000 !important;
+  }
+  td {
+    &.day:hover, &.hour:hover, &.minute:hover, &.second:hover {
+      background: #000 !important;
+    }
+    &.active {
+      background-color: #c35d12 !important;
+      color: #ffffff !important;
+      &:hover {
+        background-color: #c35d12 !important;
+        color: #ffffff !important;
+      }
+    }
+    span:hover {
+      background: none !important;
+    }
+  }
+}
+
+.modal-side {
+  > .p-15 {
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+    padding-bottom: 1px;
+    border-bottom: 1px solid #4a4a4a;
+    min-height: 16.42857px;
+    background-color: #c35d12;
+  }
+  margin: 62px 10px 10px 10px;
+  background-color: #3e3e3e !important;
+}
+
+.panel-report-tools:hover {
+  color: #fff !important;
+}
+
+.alert-output.alert-primary.query-output.m-0 {
+  background-color: #2a2a2a !important;
+  color: #FFF !important;
+}
diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
index de1824647..1ae8353f1 100644
--- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
+++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
@@ -2046,7 +2046,10 @@ th {
   .table > thead:first-child > tr:first-child > td {
     border-top: 0;
     font-family: 'SourceSansProSemibold';
-    font-weight: normal;}
+    font-weight: normal;
+    color: #FFF;
+    background-color: #2a2a2a;
+  }
   .table > tbody + tbody {
     border-top: 2px solid #eee; }
   .table .table {
@@ -2061,14 +2064,14 @@ th {
   padding: 5px; }
 
 .table-bordered {
-  border: 1px solid #eee; }
+  border: 1px solid #5a5a5a; }
   .table-bordered > thead > tr > th,
   .table-bordered > thead > tr > td,
   .table-bordered > tbody > tr > th,
   .table-bordered > tbody > tr > td,
   .table-bordered > tfoot > tr > th,
   .table-bordered > tfoot > tr > td {
-    border: 1px solid #eee; }
+    border: 1px solid #5a5a5a; }
   .table-bordered > thead > tr > th,
   .table-bordered > thead > tr > td {
     border-bottom-width: 2px; }
@@ -2739,9 +2742,9 @@ select[multiple].input-lg,
 .has-success .checkbox,
 .has-success .radio-inline,
 .has-success .checkbox-inline {
-  color: #9BD275; }
+  color: #46A50C; }
 .has-success .form-control {
-  border-color: #9BD275;
+  border-color: #46A50C;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
   .has-success .form-control:focus {
@@ -2750,11 +2753,11 @@ select[multiple].input-lg,
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d3ebc2; }
 
 .has-success .input-group-addon {
-  color: #9BD275;
-  border-color: #9BD275;
-  background-color: #9BD275; }
+  color: #46A50C;
+  border-color: #46A50C;
+  background-color: #46A50C; }
 .has-success .form-control-feedback {
-  color: #9BD275; }
+  color: #46A50C; }
 
 .has-warning .help-block,
 .has-warning .control-label,
@@ -2784,9 +2787,9 @@ select[multiple].input-lg,
 .has-error .checkbox,
 .has-error .radio-inline,
 .has-error .checkbox-inline {
-  color: #FF441D; }
+  color: #FC2E03; }
 .has-error .form-control {
-  border-color: #FC2E03;
+  border-color: #DB4829;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
   .has-error .form-control:focus {
@@ -2795,11 +2798,11 @@ select[multiple].input-lg,
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8aeae; }
 
 .has-error .input-group-addon {
-  color: #F05050;
-  border-color: #F05050;
-  background-color: #F05050; }
+  color: #DB4829;
+  border-color: #DB4829;
+  background-color: #DB4829; }
 .has-error .form-control-feedback {
-  color: #F05050; }
+  color: #DB4829; }
 
 .has-feedback label.sr-only ~ .form-control-feedback {
   top: 0; }
@@ -2990,22 +2993,22 @@ select[multiple].input-lg,
 
 .btn-success {
   color: #fff;
-  background-color: #9BD275;
+  background-color: #46A50C;
   border-color: #323232; }
   .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
     color: #fff;
-    background-color: #7fc54f;
-    border-color: #6db53b;
+    background-color: #3D910A;
+    border-color: #323232;
 	outline:0; }
   .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
     background-image: none; }
   .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
-    background-color: #9BD275;
+    background-color: #46A50C;
     border-color: #8dcc62;
 	outline:0; }
 
   .btn-success .badge {
-    color: #9BD275;
+    color: #46A50C;
     background-color: #fff; }
 
 .btn-info {
@@ -3057,10 +3060,10 @@ select[multiple].input-lg,
   .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
     background-image: none; }
   .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
-    background-color: #F05050;
+    background-color: #DB4829;
     border-color: #ee3939; }
   .btn-danger .badge {
-    color: #F05050;
+    color: #DB4829;
     background-color: #fff; }
 
 .btn-link {
@@ -4071,7 +4074,7 @@ tbody.collapse.in {
   .breadcrumb > li {
     display: inline-block; }
     .breadcrumb > li + li:before {
-      content: "/ ";
+      content: "/ ";
       padding: 0 5px;
       color: #ccc; }
   .breadcrumb > .active {
@@ -4614,20 +4617,20 @@ a.list-group-item {
     width: 3px; }
 
 .list-group-item-success {
-  color: #9BD275;
-  background-color: #9BD275; }
+  color: #46A50C;
+  background-color: #46A50C; }
 
 a.list-group-item-success {
-  color: #9BD275; }
+  color: #46A50C; }
   a.list-group-item-success .list-group-item-heading {
     color: inherit; }
   a.list-group-item-success:hover, a.list-group-item-success:focus {
-    color: #9BD275;
+    color: #46A50C;
     background-color: #8dcc62; }
   a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
     color: #fff;
-    background-color: #9BD275;
-    border-color: #9BD275; }
+    background-color: #46A50C;
+    border-color: #46A50C; }
 
 .list-group-item-info {
   color: #31708f;
@@ -4662,20 +4665,20 @@ a.list-group-item-warning {
     border-color: #f0ad4e; }
 
 .list-group-item-danger {
-  color: #F05050;
-  background-color: #F05050; }
+  color: #DB4829;
+  background-color: #DB4829; }
 
 a.list-group-item-danger {
-  color: #F05050; }
+  color: #DB4829; }
   a.list-group-item-danger .list-group-item-heading {
     color: inherit; }
   a.list-group-item-danger:hover, a.list-group-item-danger:focus {
-    color: #F05050;
+    color: #DB4829;
     background-color: #ee3939; }
   a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
     color: #fff;
-    background-color: #F05050;
-    border-color: #F05050; }
+    background-color: #DB4829;
+    border-color: #DB4829; }
 
 .list-group-item-heading {
   margin-top: 0;
@@ -4887,18 +4890,18 @@ a.list-group-item-danger {
     border-bottom-color: #ec6d12; }
 
 .panel-success {
-  border-color: #9BD275; }
+  border-color: #46A50C; }
   .panel-success > .panel-heading {
-    color: #9BD275;
-    background-color: #9BD275;
-    border-color: #9BD275; }
+    color: #46A50C;
+    background-color: #46A50C;
+    border-color: #46A50C; }
     .panel-success > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #9BD275; }
+      border-top-color: #46A50C; }
     .panel-success > .panel-heading .badge {
-      color: #9BD275;
-      background-color: #9BD275; }
+      color: #46A50C;
+      background-color: #46A50C; }
   .panel-success > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #9BD275; }
+    border-bottom-color: #46A50C; }
 
 .panel-info {
   border-color: #bce8f1; }
@@ -4929,18 +4932,18 @@ a.list-group-item-danger {
     border-bottom-color: #faebcc; }
 
 .panel-danger {
-  border-color: #F05050; }
+  border-color: #DB4829; }
   .panel-danger > .panel-heading {
-    color: #F05050;
-    background-color: #F05050;
-    border-color: #F05050; }
+    color: #DB4829;
+    background-color: #DB4829;
+    border-color: #DB4829; }
     .panel-danger > .panel-heading + .panel-collapse > .panel-body {
-      border-top-color: #F05050; }
+      border-top-color: #DB4829; }
     .panel-danger > .panel-heading .badge {
-      color: #F05050;
-      background-color: #F05050; }
+      color: #DB4829;
+      background-color: #DB4829; }
   .panel-danger > .panel-footer + .panel-collapse > .panel-body {
-    border-bottom-color: #F05050; }
+    border-bottom-color: #DB4829; }
 
 .embed-responsive {
   position: relative;
@@ -5044,7 +5047,7 @@ button.close {
 .modal-content {
   position: relative;
   background-color: #383838;
-  border: 1px solid #565656cc;
+  border: 1px solid #515151;
   border-radius: 3px;
   -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30);
   box-shadow: 0 5px 15px rgb(5, 5, 5);
@@ -6383,7 +6386,14 @@ textarea#update_status, textarea#update_status:hover {
   content: "\f021";
 }
 
-.fa-question-circle::before {
+::before, ::after {
+
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+
+}
+.fa-info-circle::before,.fa-question-circle::before {
   content: "\f059";
   cursor: pointer;
   color: #ec6d12;
@@ -6446,3 +6456,86 @@ h3:hover, h3:focus {
   background-color: #292929;
   border: 1px solid #515151;
 }
+
+  /*additional extensions for sensei*/
+
+.preloader-wrapper {
+  background-color: #202020 !important;
+  opacity: 0.98 !important;
+}
+
+.no-data {
+  color: #FFF !important;
+  background-color: #202020 !important;
+}
+
+.has-success .form-control:focus, .has-error .form-control:focus {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+input[type="checkbox"].checkbox-switch + i::before, input[type="checkbox"].checkbox-icon + i::before, input[type="checkbox"].checkbox-switch + i::before {
+  color: #DB4829 !important;
+}
+
+input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox"].checkbox-icon:checked + i::before, input[type="checkbox"].checkbox-icon-2:checked + i::before {
+  color: #46A50C !important;
+}
+
+.modal-header > span {
+  color: #000;
+}
+
+.m-r-5, .m-r-10 {
+  color: #000;
+}
+
+.sessions-body table > thead > tr > th, .sessions-body table > tbody > tr > td {
+  border-color: #5A5A5A !important;
+}
+
+.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
+    background: none;
+    color: #000 !important;
+}
+
+.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
+    background: #000 !important;
+}
+
+.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
+    background: #000 !important;
+}
+
+.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
+    background-color: #c35d12 !important;
+    color: #ffffff !important;
+}
+
+.bootstrap-datetimepicker-widget table td span:hover {
+    background: none !important;
+}
+
+.modal-side > .p-15 {
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 3px;
+  padding-bottom: 1px;
+  border-bottom: 1px solid #4a4a4a;
+  min-height: 16.42857px;
+  background-color: #c35d12;
+}
+
+.modal-side {
+  margin: 62px 10px 10px 10px;
+  background-color: #3e3e3e !important;
+}
+
+.panel-report-tools:hover {
+  color: #fff !important;
+}
+
+.alert-output.alert-primary.query-output.m-0 {
+  background-color: #2a2a2a !important;
+  color: #FFF !important;
+}
diff --git a/misc/theme-tukan/Makefile b/misc/theme-tukan/Makefile
index 22113a18a..a7e699e3e 100644
--- a/misc/theme-tukan/Makefile
+++ b/misc/theme-tukan/Makefile
@@ -1,5 +1,5 @@
 PLUGIN_NAME=		theme-tukan
-PLUGIN_VERSION=		1.18
+PLUGIN_VERSION=		1.19
 PLUGIN_COMMENT=		The tukan theme - blue/white
 PLUGIN_MAINTAINER=	rene@team-rebellion.net
 
diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
index af8435206..5443423f6 100644
--- a/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
+++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
@@ -2641,21 +2641,21 @@ th {
 }
 
 .table-bordered {
-  border: 1px solid #eee;
+  border: 1px solid #dbdbdb;
   > {
     thead > tr > {
       th, td {
-        border: 1px solid #eee;
+        border: 1px solid #dbdbdb;
       }
     }
     tbody > tr > {
       th, td {
-        border: 1px solid #eee;
+        border: 1px solid #dbdbdb;
       }
     }
     tfoot > tr > {
       th, td {
-        border: 1px solid #eee;
+        border: 1px solid #dbdbdb;
       }
     }
     thead > tr > {
@@ -4721,12 +4721,12 @@ fieldset[disabled] .btn-primary {
 
 .btn-success {
   color: #fff;
-  background-color: #9BD275;
+  background-color: #85ce53;
   border-color: #323232;
   &:hover, &:focus, &:active, &.active {
     color: #fff;
     background-color: #7fc54f;
-    border-color: #6db53b;
+    border-color: #323232;
     outline: 0;
   }
 }
@@ -4734,7 +4734,7 @@ fieldset[disabled] .btn-primary {
 .open > .btn-success.dropdown-toggle {
   color: #fff;
   background-color: #7fc54f;
-  border-color: #6db53b;
+  border-color: #323232;
   outline: 0;
 }
 
@@ -5116,6 +5116,7 @@ tbody.collapse.in {
   font-size: 14px;
   text-align: left;
   background-color: #315a71;
+  color: #fff;
   border-left: 1px solid #1b4257;
   border-right: 1px solid #1b4257;
   border-bottom: 1px solid #1b4257;
@@ -5145,7 +5146,7 @@ tbody.collapse.in {
       clear: both;
       font-weight: normal;
       line-height: 1.428571429;
-      color: #FFFFFF;
+      color: #fff;
       white-space: nowrap;
       outline: 0;
       &:hover, &:focus {
@@ -7954,7 +7955,7 @@ button.close {
 .modal-content {
   position: relative;
   background-color: #383838;
-  border: 1px solid #565656;
+  border: none;
   border-radius: 3px;
   -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30);
   box-shadow: 0 5px 15px rgb(5, 5, 5);
@@ -9771,3 +9772,66 @@ h3 {
   background-color: #FFF;
   border: 1px solid #b0b0b0;
 }
+
+/*additional extensions for sensei*/
+
+.preloader-wrapper {
+  background-color: #e3e3e3 !important;
+  opacity: 0.98 !important;
+}
+
+.no-data {
+  color: #000 !important;
+}
+
+.has-success .form-control:focus, .has-error .form-control:focus {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+input[type="checkbox"] {
+  &.checkbox-switch + i::before, &.checkbox-icon + i::before {
+    color: #CB4326 !important;
+  }
+  &.checkbox-switch {
+    + i::before {
+      color: #CB4326 !important;
+    }
+    &:checked + i::before {
+      color: #4FB654 !important;
+    }
+  }
+  &.checkbox-icon:checked + i::before, &.checkbox-icon-2:checked + i::before {
+    color: #4FB654 !important;
+  }
+}
+
+.modal-header > span {
+  color: #000;
+}
+
+.bootstrap-datetimepicker-widget {
+  table td span:hover {
+    background: none !important;
+  }
+  background-color: #FF7E25 !important;
+}
+
+.modal-side {
+  > .p-15 {
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+    padding-bottom: 1px;
+    border-bottom: 1px solid #4a4a4a;
+    min-height: 16.42857px;
+    background-color: #427795;
+    color: #FFF;
+  }
+  margin: 62px 10px 10px 10px;
+  background-color: #f0f0f0 !important;
+}
+
+.panel-report-tools:hover {
+  color: #fff !important;
+}
diff --git a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
index 22b14b21f..addde5b2d 100644
--- a/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
+++ b/misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
@@ -2064,14 +2064,14 @@ th {
   padding: 5px; }
 
 .table-bordered {
-  border: 1px solid #eee; }
+  border: 1px solid #dbdbdb; }
   .table-bordered > thead > tr > th,
   .table-bordered > thead > tr > td,
   .table-bordered > tbody > tr > th,
   .table-bordered > tbody > tr > td,
   .table-bordered > tfoot > tr > th,
   .table-bordered > tfoot > tr > td {
-    border: 1px solid #eee; }
+    border: 1px solid #dbdbdb; }
   .table-bordered > thead > tr > th,
   .table-bordered > thead > tr > td {
     border-bottom-width: 2px; }
@@ -2980,12 +2980,12 @@ select[multiple].input-lg,
 
 .btn-success {
   color: #fff;
-  background-color: #9BD275;
+  background-color: #85ce53;
   border-color: #323232; }
   .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
     color: #fff;
     background-color: #7fc54f;
-    border-color: #6db53b;
+    border-color: #323232;
 	outline:0; }
   .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
     background-image: none; }
@@ -3163,6 +3163,7 @@ tbody.collapse.in {
   font-size: 14px;
   text-align: left;
   background-color: #315a71;
+  color: #fff;
   border-left: 1px solid #1b4257;
   border-right: 1px solid #1b4257;
   border-bottom: 1px solid #1b4257;
@@ -3191,7 +3192,7 @@ tbody.collapse.in {
     clear: both;
     font-weight: normal;
     line-height: 1.428571429;
-    color: #FFFFFF;
+    color: #fff;
     white-space: nowrap;
 	outline:0;}
 
@@ -5014,7 +5015,7 @@ button.close {
 .modal-content {
   position: relative;
   background-color: #383838;
-  border: 1px solid #565656;
+  border: none;
   border-radius: 3px;
   -webkit-box-shadow: 0 5px 15px rgb(30, 30, 30);
   box-shadow: 0 5px 15px rgb(5, 5, 5);
@@ -6434,3 +6435,59 @@ h3:hover, h3:focus {
   background-color: #FFF;
   border: 1px solid #b0b0b0;
 }
+
+  /*additional extensions for sensei*/
+
+.preloader-wrapper {
+  background-color: #e3e3e3 !important;
+  opacity: 0.98 !important;
+}
+
+.no-data {
+  color: #000 !important;
+}
+
+.has-success .form-control:focus, .has-error .form-control:focus {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+input[type="checkbox"].checkbox-switch + i::before, input[type="checkbox"].checkbox-icon + i::before, input[type="checkbox"].checkbox-switch + i::before {
+  color: #CB4326 !important;
+}
+
+input[type="checkbox"].checkbox-switch:checked + i::before, input[type="checkbox"].checkbox-icon:checked + i::before, input[type="checkbox"].checkbox-icon-2:checked + i::before {
+  color: #4FB654 !important;
+}
+
+.modal-header > span {
+  color: #000;
+}
+
+.bootstrap-datetimepicker-widget table td span:hover {
+    background: none !important;
+}
+
+.bootstrap-datetimepicker-widget {
+  background-color:#FF7E25 !important;
+}
+
+.modal-side > .p-15 {
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 3px;
+  padding-bottom: 1px;
+  border-bottom: 1px solid #4a4a4a;
+  min-height: 16.42857px;
+  background-color: #427795;
+  color: #FFF;
+}
+
+.modal-side {
+  margin: 62px 10px 10px 10px;
+  background-color: #f0f0f0 !important;
+}
+
+.panel-report-tools:hover {
+  color: #fff !important;
+}