Skip to content

Commit

Permalink
Themes - Cicada/Vicuna fixes (opnsense#2208)
Browse files Browse the repository at this point in the history
  • Loading branch information
opnsenseuser authored Jan 29, 2021
1 parent f2012d8 commit 2cb53cc
Show file tree
Hide file tree
Showing 12 changed files with 356 additions and 162 deletions.
2 changes: 1 addition & 1 deletion misc/theme-cicada/Makefile
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
PLUGIN_NAME= theme-cicada
PLUGIN_VERSION= 1.25
PLUGIN_VERSION= 1.3
PLUGIN_COMMENT= The cicada theme - dark grey
PLUGIN_MAINTAINER= [email protected]

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10762,3 +10762,8 @@ ul.jqtree-tree {
[role="listbox"] {
border: 1px solid #191919 !important;
}

.interface-table-tr td {
background-color: #d77610 !important;
color: #FFF !important;
}
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@

&.focus > .tokens-container {
outline: 0;
border-color: #5a5a5a;
border-color: #191919;
background-color: #2a2a2a;
-webkit-box-shadow: none;
box-shadow: none;
Expand Down Expand Up @@ -88,10 +88,8 @@
}

&:focus, &:hover {
border-color: #dd630d;
border-color: #191919;
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 {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6615,3 +6615,9 @@ ul.jqtree-tree .jqtree-title {
[role="listbox"] {
border: 1px solid #191919 !important;
}

.interface-table-tr td {
background-color: #d77610 !important;
color: #FFF !important;
}

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
@@ -1,173 +1,173 @@
.tokenize > .tokens-container {
position: relative;
list-style: none;
padding: 0 0 5px 5px;
height: auto;
min-height: 34px;
cursor: text;
border-radius: 3px;
border: 1px solid #191919;
background-color: #2a2a2a;
position: relative;
list-style: none;
padding: 0 0 5px 5px;
height: auto;
min-height: 34px;
cursor: text;
border-radius: 3px;
border: 1px solid #191919;
background-color: #2a2a2a;
}

.tokenize > .tokens-container.disabled {
background-color: #eee;
cursor: not-allowed;
background-color: #eee;
cursor: not-allowed;
}

.tokenize.focus > .tokens-container {
outline: 0;
border-color:#5a5a5a;
background-color:#2a2a2a;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
border-color:#191919;
background-color:#2a2a2a;
-webkit-box-shadow: none;
box-shadow: none;
}

.tokenize > .tokens-container.input-sm {
padding: 0 0 4px 4px;
min-height: 30px;
padding: 0 0 4px 4px;
min-height: 30px;
}

.tokenize > .tokens-container.input-lg {
padding: 0 0 9px 9px;
min-height: 46px;
padding: 0 0 9px 9px;
min-height: 46px;
}

.tokenize > .tokens-container > .token {
padding: 0 1.2em 0 5px;
background-color: #ce671c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0 1.2em 0 5px;
background-color: #ce671c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.tokenize > .tokens-container > .token,
.tokenize > .tokens-container > .placeholder,
.tokenize > .tokens-container > .token-search {
display: inline-block;
margin: 5px 5px 0 0;
position: relative;
vertical-align: middle;
display: inline-block;
margin: 5px 5px 0 0;
position: relative;
vertical-align: middle;
}

.tokenize.sortable > .tokens-container > .token {
cursor: move;
cursor: move;
}

.tokenize.single > .tokens-container > .token {
display: block;
border-color: #fff;
background-color: transparent;
display: block;
border-color: #fff;
background-color: transparent;
}

.tokenize.sortable > .tokens-container > .token.shadow {
border-color: #ccc;
background-color: #ccc;
filter: alpha(opacity=50);
opacity: .2;
border-color: #ccc;
background-color: #ccc;
filter: alpha(opacity=50);
opacity: .2;
}

.tokenize > .tokens-container > .placeholder {
color:#6b6b6b;
padding: 0;
color:#6b6b6b;
padding: 0;
}

.tokenize > .tokens-container > .token-search {
color:#fff;
padding: 0;
color:#fff;
padding: 0;
}

.tokenize > .tokens-container:focus,
.tokenize > .tokens-container:hover {
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);
border-color:#191919;
background-color:#2a2a2a;
}

.tokenize > .tokens-container > .token-search > input {
padding: 0;
margin: 0;
line-height: 1em;
background: transparent;
border:none;
outline: none;
width: 100%;
padding: 0;
margin: 0;
line-height: 1em;
background: transparent;
border:none;
outline: none;
width: 100%;
}

.tokenize > .tokens-container > .token-search > input::-ms-clear {
display: none;
display: none;
}

.tokenize > .tokens-container.input-sm > .placeholder,
.tokenize > .tokens-container.input-sm > .token-search,
.tokenize > .tokens-container.input-sm > .token {
margin: 4px 4px 0 0;
margin: 4px 4px 0 0;
}

.tokenize > .tokens-container.input-lg > .placeholder,
.tokenize > .tokens-container.input-lg > .token-search,
.tokenize > .tokens-container.input-lg > .token {
margin: 9px 9px 0 0;
margin: 9px 9px 0 0;
}

.tokenize > .tokens-container > .token.pending-delete {
background-color: #5b72a4;
border-color: #425c96;
color: #fff
background-color: #5b72a4;
border-color: #425c96;
color: #fff
}

.tokenize > .tokens-container > .token > .dismiss {
position: absolute;
right: 5px;
color: #a9b9d8;
text-decoration: none;
cursor: pointer;
position: absolute;
right: 5px;
color: #a9b9d8;
text-decoration: none;
cursor: pointer;
}

.tokenize > .tokens-container > .token > .dismiss:after {
content: "×";
color: #fff;
content: "×";
color: #fff;
}

.tokenize > .tokens-container > .token.pending-delete > .dismiss {
color: #fff;
color: #fff;
}

.tokenize-dropdown {
position: absolute;
display: none;
position: absolute;
display: none;
}

.tokenize-dropdown > .dropdown-menu {
min-height: 10px;
width: 100%;
display: block;
margin: -1px 0 0 0;
visibility: visible;
opacity: 1;
min-height: 10px;
width: 100%;
display: block;
margin: -1px 0 0 0;
visibility: visible;
opacity: 1;
}

.tokenize-dropdown > .dropdown-menu li {
cursor: pointer;
cursor: pointer;
}

.tokenize-dropdown > .dropdown-menu li > a .tokenize-highlight {
font-weight: bold;
font-weight: bold;
}

.tokenize-dropdown > .dropdown-menu li.locked {
padding: 3px 20px;
color: #333;
white-space: nowrap;
padding: 3px 20px;
color: #333;
white-space: nowrap;
}

.tokenize-dropdown > .dropdown-menu li.locked,
.tokenize-dropdown > .dropdown-menu li > a {
text-overflow: ellipsis;
overflow-x: hidden;
text-overflow: ellipsis;
overflow-x: hidden;
}

.tokenize-dropdown > .dropdown-menu li:not(.active) a:hover,
.tokenize-dropdown > .dropdown-menu li:not(.active) a:focus {
background-color: transparent;
background-color: transparent;
}

2 changes: 1 addition & 1 deletion misc/theme-vicuna/Makefile
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
PLUGIN_NAME= theme-vicuna
PLUGIN_VERSION= 1.1
PLUGIN_VERSION= 1.2
PLUGIN_COMMENT= The vicuna theme - dark anthrazit
PLUGIN_MAINTAINER= [email protected]

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9639,7 +9639,7 @@ body {
padding: 0px 0px;
margin: 0px 0px;
background-color: none;
border: 1px solid #191919;
border: 1px solid #111;
-webkit-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.8);
box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.8);

Expand Down Expand Up @@ -9709,7 +9709,7 @@ body {
}

.page-login {
background: #172c38;
background: #131c22;

.container {
min-height: 100%;
Expand Down Expand Up @@ -10755,3 +10755,8 @@ ul.jqtree-tree {
[role="listbox"] {
border: 1px solid #191919 !important;
}

.interface-table-tr td {
background-color: #d77610 !important;
color: #FFF !important;
}
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@

&.focus > .tokens-container {
outline: 0;
border-color: #4d83a1;
border-color: #191919;
background-color: #21303A;
-webkit-box-shadow: none;
box-shadow: none;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5778,7 +5778,7 @@ body {
padding: 0px 0px;
margin: 0px 0px;
background-color: none;
border: 1px solid #191919;
border: 1px solid #111;
-webkit-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.8);
box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.8); }
.content-box hr {
Expand Down Expand Up @@ -5822,7 +5822,7 @@ body {
padding-top: 0 !important; } }

.page-login {
background: #172c38; }
background: #131c22; }
.page-login .container {
min-height: 100%;
margin-bottom: -60px; }
Expand Down Expand Up @@ -6572,3 +6572,8 @@ ul.jqtree-tree .jqtree-title {
[role="listbox"] {
border: 1px solid #191919 !important;
}

.interface-table-tr td {
background-color: #d77610 !important;
color: #FFF !important;
}
Loading

0 comments on commit 2cb53cc

Please sign in to comment.