Add support for uBlock Origin popup

This commit is contained in:
overdodactyl 2017-12-22 14:12:37 -07:00
parent 4d299064fd
commit f196336579
3 changed files with 199 additions and 7 deletions

View File

@ -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;
}
}

View File

@ -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 */

View File

@ -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 */