Fix uBO sidebar colors #42
This commit is contained in:
parent
429945e354
commit
520a7e4e0c
|
@ -92,6 +92,7 @@
|
||||||
color: var(--primary-light-color) !important;
|
color: var(--primary-light-color) !important;
|
||||||
border-color: var(--grey-50) !important;
|
border-color: var(--grey-50) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Darker Red */
|
/* Darker Red */
|
||||||
body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
|
body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
|
||||||
background-color: #ab0000 !important;
|
background-color: #ab0000 !important;
|
||||||
|
@ -102,8 +103,10 @@
|
||||||
background-color: #dda0a2 !important;
|
background-color: #dda0a2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Before Red */
|
||||||
#firewallContainer > div.blocked > span:first-of-type::before, #firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
#firewallContainer > div.blocked > span:first-of-type::before, #firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||||
background-color: #af0202 !important;
|
background-color: #c87576 !important;
|
||||||
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -115,10 +118,13 @@
|
||||||
/* Lighter Green */
|
/* Lighter Green */
|
||||||
body.advancedUser #firewallContainer > div > span.allowRule {
|
body.advancedUser #firewallContainer > div > span.allowRule {
|
||||||
background-color: #95ca8a !important;
|
background-color: #95ca8a !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Before Green */
|
||||||
#firewallContainer > div.allowed > span:first-of-type::before, #firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
#firewallContainer > div.allowed > span:first-of-type::before, #firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
||||||
background-color: #02af06 !important;
|
background-color: #7ec26f !important;
|
||||||
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Darker Blue */
|
/* Darker Blue */
|
||||||
|
@ -135,6 +141,12 @@
|
||||||
body.advancedUser #firewallContainer > div > span.noopRule {
|
body.advancedUser #firewallContainer > div > span.noopRule {
|
||||||
background-color: #65bdfb !important;
|
background-color: #65bdfb !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Before Yellow */
|
||||||
|
#firewallContainer > div.allowed.blocked > span:first-of-type::before, #firewallContainer.minimized > div.isDomain.totalAllowed.totalBlocked > span:first-of-type::before {
|
||||||
|
background-color: #cdc16e !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Color Blind Friendly */
|
/* Color Blind Friendly */
|
||||||
|
|
||||||
|
@ -159,13 +171,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dark Noop */
|
/* Dark Noop */
|
||||||
body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
|
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule.ownRule {
|
||||||
background-color: #2f2e2e !important;
|
background-color: #2f2e2e !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Light Noop */
|
/* Light Noop */
|
||||||
body.advancedUser #firewallContainer > div > span.noopRule {
|
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule {
|
||||||
background-color: #a1a1a1 !important;
|
background-color: #a1a1a1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -178,7 +190,7 @@
|
||||||
#firewallContainer.colorBlind > div.blocked > span:first-of-type::before, #firewallContainer.colorBlind.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
#firewallContainer.colorBlind > div.blocked > span:first-of-type::before, #firewallContainer.colorBlind.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||||
background-color: #787cab !important;
|
background-color: #787cab !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#dashboard-nav-widgets {
|
#dashboard-nav-widgets {
|
||||||
border-bottom: 1px solid var(--grey-60) !important;
|
border-bottom: 1px solid var(--grey-60) !important;
|
||||||
background-color: var(--grey-80) !important;
|
background-color: var(--grey-80) !important;
|
||||||
|
|
|
@ -1269,9 +1269,12 @@
|
||||||
background-color: #dda0a2 !important;
|
background-color: #dda0a2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Before Red */
|
||||||
|
|
||||||
#firewallContainer > div.blocked > span:first-of-type::before,
|
#firewallContainer > div.blocked > span:first-of-type::before,
|
||||||
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||||
background-color: #af0202 !important;
|
background-color: #c87576 !important;
|
||||||
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Darker Green */
|
/* Darker Green */
|
||||||
|
@ -1286,9 +1289,12 @@
|
||||||
background-color: #95ca8a !important;
|
background-color: #95ca8a !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Before Green */
|
||||||
|
|
||||||
#firewallContainer > div.allowed > span:first-of-type::before,
|
#firewallContainer > div.allowed > span:first-of-type::before,
|
||||||
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
||||||
background-color: #02af06 !important;
|
background-color: #7ec26f !important;
|
||||||
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Darker Blue */
|
/* Darker Blue */
|
||||||
|
@ -1309,6 +1315,14 @@
|
||||||
background-color: #65bdfb !important;
|
background-color: #65bdfb !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Before Yellow */
|
||||||
|
|
||||||
|
#firewallContainer > div.allowed.blocked > span:first-of-type::before,
|
||||||
|
#firewallContainer.minimized > div.isDomain.totalAllowed.totalBlocked > span:first-of-type::before {
|
||||||
|
background-color: #cdc16e !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Color Blind Friendly */
|
/* Color Blind Friendly */
|
||||||
|
|
||||||
/* Dark Block Color */
|
/* Dark Block Color */
|
||||||
|
@ -1337,13 +1351,13 @@
|
||||||
|
|
||||||
/* Dark Noop */
|
/* Dark Noop */
|
||||||
|
|
||||||
body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
|
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule.ownRule {
|
||||||
background-color: #2f2e2e !important;
|
background-color: #2f2e2e !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Light Noop */
|
/* Light Noop */
|
||||||
|
|
||||||
body.advancedUser #firewallContainer > div > span.noopRule {
|
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule {
|
||||||
background-color: #a1a1a1 !important;
|
background-color: #a1a1a1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue