Theme/Cicada - update (#1639)

misc/theme-cicada/Makefile

@@ -1,6 +1,6 @@
 PLUGIN_NAME=		theme-cicada
-PLUGIN_VERSION=		1.23
-PLUGIN_COMMENT=		The cicada theme - grey/orange
+PLUGIN_VERSION=		1.24
+PLUGIN_COMMENT=		The cicada theme - dark grey
 PLUGIN_MAINTAINER=	rene@team-rebellion.net
 
 .include "../../Mk/plugins.mk"

misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/tokenize2.scss

@@ -7,13 +7,15 @@
     min-height: 34px;
     cursor: text;
     border-radius: 3px;
-    border: 1px solid #5a5a5a;
+    border: 1px solid #191919;
     background-color: #2a2a2a;
+
     &.disabled {
       background-color: #eee;
       cursor: not-allowed;
     }
   }
+
   &.focus > .tokens-container {
     outline: 0;
     border-color: #5a5a5a;
@@ -21,15 +23,18 @@
     -webkit-box-shadow: none;
     box-shadow: none;
   }
+
   > .tokens-container {
     &.input-sm {
       padding: 0 0 4px 4px;
       min-height: 30px;
     }
+
     &.input-lg {
       padding: 0 0 9px 9px;
       min-height: 46px;
     }
+
     > {
       .token {
         padding: 0 1.2em 0 5px;
@@ -42,6 +47,7 @@
         position: relative;
         vertical-align: middle;
       }
+
       .placeholder, .token-search {
         display: inline-block;
         margin: 5px 5px 0 0;
@@ -50,37 +56,44 @@
       }
     }
   }
+
   &.sortable > .tokens-container > .token {
     cursor: move;
   }
+
   &.single > .tokens-container > .token {
     display: block;
     border-color: #fff;
     background-color: transparent;
   }
+
   &.sortable > .tokens-container > .token.shadow {
     border-color: #ccc;
     background-color: #ccc;
     filter: alpha(opacity = 50);
     opacity: .2;
   }
+
   > .tokens-container {
     > {
       .placeholder {
         color: #6b6b6b;
         padding: 0;
       }
+
       .token-search {
         color: #fff;
         padding: 0;
       }
     }
+
     &:focus, &:hover {
-      border-color: #ec6d12;
+      border-color: #dd630d;
       background-color: #2a2a2a;
       -webkit-box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6);
       box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6);
     }
+
     > .token-search > input {
       padding: 0;
       margin: 0;
@@ -89,35 +102,42 @@
       border: none;
       outline: none;
       width: 100%;
+
       &::-ms-clear {
         display: none;
       }
     }
+
     &.input-sm > {
       .placeholder, .token-search, .token {
         margin: 4px 4px 0 0;
       }
     }
+
     &.input-lg > {
       .placeholder, .token-search, .token {
         margin: 9px 9px 0 0;
       }
     }
+
     > .token {
       &.pending-delete {
         background-color: #5b72a4;
         border-color: #425c96;
         color: #fff;
+
         > .dismiss {
           color: #fff;
         }
       }
+
       > .dismiss {
         position: absolute;
         right: 5px;
         color: #a9b9d8;
         text-decoration: none;
         cursor: pointer;
+
         &:after {
           content: "×";
           color: #fff;
@@ -130,6 +150,7 @@
 .tokenize-dropdown {
   position: absolute;
   display: none;
+
   > .dropdown-menu {
     min-height: 10px;
     width: 100%;
@@ -137,11 +158,14 @@
     margin: -1px 0 0 0;
     visibility: visible;
     opacity: 1;
+
     li {
       cursor: pointer;
+
       > a .tokenize-highlight {
         font-weight: bold;
       }
+
       &.locked {
         padding: 3px 20px;
         color: #333;
@@ -149,10 +173,12 @@
         text-overflow: ellipsis;
         overflow-x: hidden;
       }
+
       > a {
         text-overflow: ellipsis;
         overflow-x: hidden;
       }
+
       &:not(.active) a {
         &:hover, &:focus {
           background-color: transparent;

misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/nv.d3.css

@@ -266,29 +266,28 @@ svg.nvd3-svg {
   Box shadow and border radius styling
 */
 .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
-	background-color: rgb(60, 60, 60);
+	background-color: rgb(32, 32, 32);
 	color: rgba(0,0,0,1.0);
 	border: 1px solid rgb(255, 127, 14);
 }
 
-
 .nvd3 text {
-    font: normal 12px Arial, sans-serif;
+  font: normal 12px Arial, sans-serif;
 	fill:#FFF;
 }
 
 .nvd3 .title {
-    font: bold 14px Arial, sans-serif;
+  font: bold 14px Arial, sans-serif;
 }
 
 .nvd3 .nv-background {
-    fill: white;
-    fill-opacity: 0;
+  fill: white;
+  fill-opacity: 0;
 }
 
 .nvd3.nv-noData {
-    font-size: 18px;
-    font-weight: bold;
+  font-size: 18px;
+  font-weight: bold;
 	fill:#fff;
 }
 

misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/tokenize2.css

@@ -6,7 +6,7 @@
     min-height: 34px;
     cursor: text;
     border-radius: 3px;
-	border: 1px solid #5a5a5a;
+	border: 1px solid #191919;
 	background-color: #2a2a2a;
 }
 
@@ -78,7 +78,7 @@
 
 .tokenize > .tokens-container:focus,
 .tokenize > .tokens-container:hover {
-	border-color:#ec6d12;
+	border-color:#dd630d;
 	background-color:#2a2a2a;
 	-webkit-box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6);
 	box-shadow: inset 0 1px 1px rgb(0, 0, 0), 0 0 8px rgba(0, 0, 0, 0.6);