Add support for uBlock Origin popup
This commit is contained in:
parent
4d299064fd
commit
f196336579
|
@ -0,0 +1,97 @@
|
|||
@-moz-document url-prefix("moz-extension://de835161-ee69-c14d-9940-203fbacf2276/") {
|
||||
|
||||
/* header */
|
||||
#appinfo {
|
||||
background-color: var(--grey-80) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Right Column */
|
||||
body[dir="ltr"] #panes > div {
|
||||
background: var(--grey-70) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
body, #panes {
|
||||
background: var(--grey-70) !important;
|
||||
}
|
||||
|
||||
|
||||
/* Power Switch */
|
||||
#switch .fa {
|
||||
color: var(--primary-accent-color) !important;
|
||||
}
|
||||
|
||||
/* Power Switch - Off */
|
||||
body.off #switch .fa {
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Tool Buttons */
|
||||
.tool {
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
.tool:hover {
|
||||
color: var(--grey-80) !important;
|
||||
}
|
||||
|
||||
/* Stripped row */
|
||||
h2,
|
||||
#extraTools {
|
||||
background-color: var(--grey-80) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Refresh Button */
|
||||
#refresh {
|
||||
background-color: var(--grey-80) !important;
|
||||
border-color: var(--grey-50) !important;
|
||||
}
|
||||
|
||||
/* Badge number */
|
||||
#extraTools > span > span.badge {
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Firewall Container */
|
||||
#firewallContainer > div {
|
||||
background-color: var(--grey-60) !important;
|
||||
}
|
||||
|
||||
#firewallContainer > div > span {
|
||||
color: var(--primary-light-color) !important;
|
||||
border-color: var(--grey-50) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
|
||||
background-color: var(--red-80) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.blockRule {
|
||||
background-color: var(--red-90) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.allowRule.ownRule {
|
||||
background-color: var(--green-70) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.allowRule {
|
||||
background-color: var(--green-80) !important;
|
||||
}
|
||||
|
||||
|
||||
#firewallContainer > div.blocked > span:first-of-type::before, #firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||
background-color: var(--red-80) !important;
|
||||
}
|
||||
|
||||
#firewallContainer > div.allowed > span:first-of-type::before,
|
||||
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
||||
background-color: var(--green-80) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
100
userContent.css
100
userContent.css
|
@ -961,6 +961,106 @@
|
|||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
}
|
||||
@-moz-document url-prefix("moz-extension://de835161-ee69-c14d-9940-203fbacf2276/") {
|
||||
/* header */
|
||||
|
||||
#appinfo {
|
||||
background-color: var(--grey-80) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Right Column */
|
||||
|
||||
body[dir="ltr"] #panes > div {
|
||||
background: var(--grey-70) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
body,
|
||||
#panes {
|
||||
background: var(--grey-70) !important;
|
||||
}
|
||||
|
||||
/* Power Switch */
|
||||
|
||||
#switch .fa {
|
||||
color: var(--primary-accent-color) !important;
|
||||
}
|
||||
|
||||
/* Power Switch - Off */
|
||||
|
||||
body.off #switch .fa {
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Tool Buttons */
|
||||
|
||||
.tool {
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
.tool:hover {
|
||||
color: var(--grey-80) !important;
|
||||
}
|
||||
|
||||
/* Stripped row */
|
||||
|
||||
h2,
|
||||
#extraTools {
|
||||
background-color: var(--grey-80) !important;
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Refresh Button */
|
||||
|
||||
#refresh {
|
||||
background-color: var(--grey-80) !important;
|
||||
border-color: var(--grey-50) !important;
|
||||
}
|
||||
|
||||
/* Badge number */
|
||||
|
||||
#extraTools > span > span.badge {
|
||||
color: var(--primary-light-color) !important;
|
||||
}
|
||||
|
||||
/* Firewall Container */
|
||||
|
||||
#firewallContainer > div {
|
||||
background-color: var(--grey-60) !important;
|
||||
}
|
||||
|
||||
#firewallContainer > div > span {
|
||||
color: var(--primary-light-color) !important;
|
||||
border-color: var(--grey-50) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.blockRule.ownRule {
|
||||
background-color: var(--red-80) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.blockRule {
|
||||
background-color: var(--red-90) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.allowRule.ownRule {
|
||||
background-color: var(--green-70) !important;
|
||||
}
|
||||
|
||||
body.advancedUser #firewallContainer > div > span.allowRule {
|
||||
background-color: var(--green-80) !important;
|
||||
}
|
||||
|
||||
#firewallContainer > div.blocked > span:first-of-type::before,
|
||||
#firewallContainer.minimized > div.isDomain.totalBlocked > span:first-of-type::before {
|
||||
background-color: var(--red-80) !important;
|
||||
}
|
||||
|
||||
#firewallContainer > div.allowed > span:first-of-type::before,
|
||||
#firewallContainer.minimized > div.isDomain.totalAllowed > span:first-of-type::before {
|
||||
background-color: var(--green-80) !important;
|
||||
}
|
||||
}
|
||||
@-moz-document url-prefix("https://addons.mozilla.org") {
|
||||
/* Header & Footer */
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
|
||||
|
||||
/* Import about page files
|
||||
/* Import about page files
|
||||
* Recomended for everyone using the dark theme */
|
||||
@import "userContent-files/about_pages/about.css";
|
||||
@import "userContent-files/about_pages/accounts.css";
|
||||
|
@ -27,18 +27,13 @@
|
|||
@import "userContent-files/about_pages/healthreport.css";
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Import Relevant webextension tweaks here
|
||||
* IMPORTANT: If used, change the Internal UUID in the corresponding css file */
|
||||
@import "userContent-files/webextension-tweaks/tree_style_tabs.css";
|
||||
@import "userContent-files/webextension-tweaks/stylus.css";
|
||||
@import "userContent-files/webextension-tweaks/multiple_tabs_handler.css";
|
||||
@import "userContent-files/webextension-tweaks/dark_mode.css";
|
||||
|
||||
@import "userContent-files/webextension-tweaks/uBlockOrigin.css";
|
||||
|
||||
|
||||
/* Import relevent website dark themes */
|
||||
|
|
Loading…
Reference in New Issue