Fix uBO sidebar colors #42
This commit is contained in:
parent
429945e354
commit
520a7e4e0c
|
@ -92,6 +92,7 @@
|
|||
color: var(--primary-light-color) !important;
|
||||
border-color: var(--grey-50) !important;
|
||||
}
|
||||
|
||||
/* Darker Red */
|
||||
body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
|
||||
background-color: #ab0000 !important;
|
||||
|
@ -102,8 +103,10 @@
|
|||
background-color: #dda0a2 !important;
|
||||
}
|
||||
|
||||
/* Before Red */
|
||||
#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 */
|
||||
body.advancedUser #firewallContainer > div > span.allowRule {
|
||||
background-color: #95ca8a !important;
|
||||
|
||||
}
|
||||
|
||||
/* Before Green */
|
||||
#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 */
|
||||
|
@ -136,6 +142,12 @@
|
|||
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 */
|
||||
|
||||
/* Dark Block Color */
|
||||
|
@ -159,13 +171,13 @@
|
|||
}
|
||||
|
||||
/* Dark Noop */
|
||||
body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
|
||||
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule.ownRule {
|
||||
background-color: #2f2e2e !important;
|
||||
}
|
||||
|
||||
|
||||
/* Light Noop */
|
||||
body.advancedUser #firewallContainer > div > span.noopRule {
|
||||
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule {
|
||||
background-color: #a1a1a1 !important;
|
||||
}
|
||||
|
||||
|
|
|
@ -1269,9 +1269,12 @@
|
|||
background-color: #dda0a2 !important;
|
||||
}
|
||||
|
||||
/* Before Red */
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
/* Darker Green */
|
||||
|
@ -1286,9 +1289,12 @@
|
|||
background-color: #95ca8a !important;
|
||||
}
|
||||
|
||||
/* Before Green */
|
||||
|
||||
#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 */
|
||||
|
@ -1309,6 +1315,14 @@
|
|||
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 */
|
||||
|
||||
/* Dark Block Color */
|
||||
|
@ -1337,13 +1351,13 @@
|
|||
|
||||
/* Dark Noop */
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.noopRule.ownRule {
|
||||
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule.ownRule {
|
||||
background-color: #2f2e2e !important;
|
||||
}
|
||||
|
||||
/* Light Noop */
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.noopRule {
|
||||
body.advancedUser #firewallContainer.colorBlind > div > span.noopRule {
|
||||
background-color: #a1a1a1 !important;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue