From f1963365797b8583fae693903dccc09db283a269 Mon Sep 17 00:00:00 2001 From: overdodactyl Date: Fri, 22 Dec 2017 14:12:37 -0700 Subject: [PATCH] Add support for uBlock Origin popup --- .../webextension-tweaks/uBlockOrigin.css | 97 +++++++++++++++++ userContent.css | 100 ++++++++++++++++++ userContent_imports.css | 9 +- 3 files changed, 199 insertions(+), 7 deletions(-) create mode 100644 userContent-files/webextension-tweaks/uBlockOrigin.css diff --git a/userContent-files/webextension-tweaks/uBlockOrigin.css b/userContent-files/webextension-tweaks/uBlockOrigin.css new file mode 100644 index 0000000..13f9ba5 --- /dev/null +++ b/userContent-files/webextension-tweaks/uBlockOrigin.css @@ -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; + } + + + + + +} diff --git a/userContent.css b/userContent.css index b4ba231..04891c0 100644 --- a/userContent.css +++ b/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 */ diff --git a/userContent_imports.css b/userContent_imports.css index 40d7a98..8625155 100644 --- a/userContent_imports.css +++ b/userContent_imports.css @@ -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 */