diff --git a/css/userContent-files/webextension-tweaks/ublock_origin.css b/css/userContent-files/webextension-tweaks/ublock_origin.css index b959b19..3b2d25f 100644 --- a/css/userContent-files/webextension-tweaks/ublock_origin.css +++ b/css/userContent-files/webextension-tweaks/ublock_origin.css @@ -6,6 +6,7 @@ background-image: none!important; border-color: var(--in-content-box-border-color)!important; color: var(--in-content-text-color)!important; + /*opacity: 1!important/**/ } button#bye, button#proceedPermanent, @@ -228,58 +229,10 @@ .permatoolbar .button:hover { background-color: var(--grey-60)!important } - #netInspector tr.blocked { - background-color: #4b3137!important; - color: #ff9494!important - } - #netInspector #filterInput, - #netInspector #maxEntries { - -moz-appearance: none!important; - background: var(--tone-6)!important; - color: var(--tone-4)!important; - border: 1px solid!important; - padding: 5px!important - } - #netInspector tr.cosmetic, - #netInspector tr.redirect { - background-color: #44391f!important; - color: #fce19f!important - } - #netInspector tr.cat_net td:nth-of-type(4):hover, - body:not(.popupOn) #netInspector tr.canMtx td:nth-of-type(2):hover { - background: var(--tone-8)!important - } .modalDialog .dialog { background-color: var(--tone-8)!important; border-color: var(--tone-5)!important } - #netFilteringDialog .dialog > div.headers > span.header.selected { - background-color: var(--tone-8)!important; - color: var(--tone-4)!important; - border-color: var(--tone-6)!important - } - #netFilteringDialog .dialog > div.headers > span.header { - background-color: var(--tone-7)!important; - border-color: var(--tone-6)!important - } - #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry { - background-color: var(--tone-6)!important; - border-color: var(--tone-5)!important - } - #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td:first-of-type { - border-color: var(--tone-5)!important - } - #netFilteringDialog .dialog > div.containers > div.dynamic > table.toolbar #saveRules { - background-color: var(--tone-6)!important; - border: none!important - } - body #netInspector td { - border-color: var(--tone-5)!important - } - #netInspector tr.maindoc { - background-color: var(--tone-8)!important; - color: var(--grey-30)!important - } li.listEntry > a.remove, li.listEntry > a.remove:visited, li.listEntry span.failed, @@ -301,29 +254,12 @@ background: var(--tone-6)!important; color: var(--in-content-page-color)!important; border: none!important - } + } #modalOverlay > div > div:nth-of-type(2):hover svg { stroke: var(--tone-1)!important } - #netInspector #filterExprPicker { - background-color: var(--in-content-box-background)!important; - color: var(--tone-3)!important; - border-color: var(--in-content-box-border-color)!important - } - #netInspector #filterExprPicker > div { - border: none !important; - border-top: 1px solid var(--tone-5) !important - } - #netInspector #filterExprPicker > div:first-of-type { - border: none !important; - } - #domInspector ul { - background-color: var(--in-content-page-background)!important - } - #domInspector li > span:first-child { - color: var(--in-content-page-color)!important - } } + @-moz-document url-prefix("moz-extension://uBlock0@raymondhill.net/logger-ui") { .fa-icon > svg, .ubo-icon > svg { @@ -332,84 +268,19 @@ .permatoolbar .button.active { fill: var(--in-content-link-color)!important } - #netInspector #filterInput > input { - background: var(--in-content-box-background)!important; - -moz-appearance: none - } - #netInspector #filterInput { - border-color: var(--in-content-box-border-color)!important - } textarea { -moz-appearance: none; background: var(--in-content-box-background)!important; color: var(--in-content-text-color)!important; border: 1px solid!important } - #modalOverlay > div > div:nth-of-type(1), - #modalOverlay > div > div:nth-of-type(2) { - background-color: var(--in-content-page-background)!important - } - #modalOverlay > div > div:nth-of-type(2) svg { - stroke: var(--tone-4)!important - } - #loggerExportDialog .options span.on[data-i18n], - #loggerExportDialog .options span.pushbutton:active { - background-color: var(--in-content-primary-button-background)!important; - color: var(--in-content-selected-text)!important - } - #loggerExportDialog .options span[data-i18n] { - border: 1px solid!important - } - #loggerExportDialog .options span[data-i18n]:hover { - background-color: var(--in-content-primary-button-background-hover)!important; - color: var(--in-content-selected-text)!important; - border-color: var(--in-content-primary-button-background-hover)!important - } - #netInspector #filterExprPicker span.on[data-filtex] { - background-color: var(--in-content-primary-button-background)!important; - border: 1px solid!important; - color: var(--in-content-selected-text)!important - } - #netInspector #filterExprPicker span[data-filtex]:hover { - background-color: var(--in-content-primary-button-background-hover)!important; - border: 1px solid!important; - color: var(--in-content-selected-text)!important - } - #netFilteringDialog > .panes > .details > div { - background-color: var(--in-content-box-background)!important; - border-color: var(--in-content-box-border-color)!important - } #netFilteringDialog > .panes > .details > div[data-status="1"], #vwRenderer .logEntry > div[data-status="1"] { background-color: #463237!important } - body[dir=ltr] #netFilteringDialog > .panes > .details > div > span:nth-of-type(1) { - border-color: var(--in-content-box-border-color)!important - } - #netFilteringDialog > .headers > .header { - background-color: var(--in-content-box-background)!important; - border-color: var(--in-content-box-border-color)!important - } - #netFilteringDialog[data-pane=details] > .headers > [data-pane=details], - #netFilteringDialog[data-pane=dynamic] > .headers > [data-pane=dynamic], - #netFilteringDialog[data-pane=static] > .headers > [data-pane=static] { - background-color: var(--in-content-box-background)!important; - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-selected-text)!important - } - #netFilteringDialog > div.panes > .dynamic .entry { - background-color: var(--in-content-box-background)!important; - border-color: var(--in-content-box-border-color)!important - } a { color: var(--in-content-link-color) } - #netInspector #filterExprButton { - top: 0!important - } - #netInspector #filterExprButton:hover { - background-color: transparent!important - } select { color: var(--in-content-selected-text) !important; border-color: var(--in-content-box-border-color)!important; @@ -434,51 +305,196 @@ background-repeat: no-repeat !important; background-size: contain !important } + + /* #netInspector */ + #netInspector tr.blocked { + background-color: #4b3137!important; + color: #ff9494!important + } + #netInspector #filterInput, + #netInspector #maxEntries { + -moz-appearance: none!important; + background: var(--tone-6)!important; + color: var(--tone-4)!important; + border: 1px solid!important; + padding: 5px!important + } + #netInspector tr.cosmetic, + #netInspector tr.redirect { + background-color: #44391f!important; + color: #fce19f!important + } + #netInspector tr.cat_net td:nth-of-type(4):hover, + body:not(.popupOn) #netInspector tr.canMtx td:nth-of-type(2):hover { + background: var(--tone-8)!important + } + body #netInspector td { + border-color: var(--tone-5)!important + } + #netInspector tr.maindoc { + background-color: var(--tone-8)!important; + color: var(--grey-30)!important + } + #netInspector #filterExprPicker { + background-color: var(--in-content-box-background)!important; + color: var(--tone-3)!important; + border-color: var(--in-content-box-border-color)!important + } + #netInspector #filterExprPicker > div { + border: none !important; + border-top: 1px solid var(--tone-5) !important + } + #netInspector #filterExprPicker > div:first-of-type { + border: none !important; + } + #netInspector #filterInput > input { + background: var(--in-content-box-background)!important; + -moz-appearance: none + } + #netInspector #filterInput { + border-color: var(--in-content-box-border-color)!important + } + #netInspector #filterExprPicker span.on[data-filtex] { + background-color: var(--in-content-primary-button-background)!important; + border: 1px solid!important; + color: var(--in-content-selected-text)!important + } + #netInspector #filterExprPicker span[data-filtex]:hover { + background-color: var(--in-content-primary-button-background-hover)!important; + border: 1px solid!important; + color: var(--in-content-selected-text)!important + } + #netInspector #filterExprButton { + top: 0!important + } + #netInspector #filterExprButton:hover { + background-color: transparent!important + } + #netInspector #vwRenderer .logEntry > div.canDetails:hover > span { + background-color: var(--accent-3)!important + } + + /* #netFilteringDialog */ + #netFilteringDialog .dialog > div.headers > span.header.selected { + background-color: var(--tone-8)!important; + color: var(--tone-4)!important; + border-color: var(--tone-6)!important + } + #netFilteringDialog .dialog > div.headers > span.header { + background-color: var(--tone-7)!important; + border-color: var(--tone-6)!important + } + #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry { + background-color: var(--tone-6)!important; + border-color: var(--tone-5)!important + } + #netFilteringDialog .dialog > div.containers > div.dynamic tr.entry > td:first-of-type { + border-color: var(--tone-5)!important + } + #netFilteringDialog .dialog > div.containers > div.dynamic > table.toolbar #saveRules { + background-color: var(--tone-6)!important; + border: none!important + } + body[dir=ltr] #netFilteringDialog > .panes > .details > div > span:nth-of-type(1) { + border-color: var(--in-content-box-border-color)!important + } + #netFilteringDialog > .headers > .header { + background-color: var(--in-content-box-background)!important; + border-color: var(--in-content-box-border-color)!important + } + #netFilteringDialog[data-pane=details] > .headers > [data-pane=details], + #netFilteringDialog[data-pane=dynamic] > .headers > [data-pane=dynamic], + #netFilteringDialog[data-pane=static] > .headers > [data-pane=static] { + background-color: var(--in-content-box-background)!important; + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-selected-text)!important + } + #netFilteringDialog > div.panes > .dynamic .entry { + background-color: var(--in-content-box-background)!important; + border-color: var(--in-content-box-border-color)!important + } + #netFilteringDialog > .panes > .details > div { + background-color: var(--in-content-box-background)!important; + border-color: var(--in-content-box-border-color)!important + } + #netFilteringDialog > .headers > .tools > span:hover { + var(--in-content-box-background-active) !important + } + + /* domInspector */ + #domInspector ul { + background-color: var(--in-content-page-background)!important + } + #domInspector li > span:first-child { + color: var(--in-content-page-color)!important + } #domInspector li.isCosmeticHide, #domInspector li.isCosmeticHide ul, #domInspector li.isCosmeticHide li { background-color: var(--red-90) !important } - #netFilteringDialog > .headers > .tools > span:hover { - var(--in-content-box-background-active) !important + + /* #modalOverlay */ + #modalOverlay > div > div:nth-of-type(1), + #modalOverlay > div > div:nth-of-type(2) { + background-color: var(--in-content-page-background)!important + } + #modalOverlay > div > div:nth-of-type(2) svg { + stroke: var(--tone-4)!important + } + + /* #loggerExportDialog */ + #loggerExportDialog .options span.on[data-i18n], + #loggerExportDialog .options span.pushbutton:active { + background-color: var(--in-content-primary-button-background)!important; + color: var(--in-content-selected-text)!important + } + #loggerExportDialog .options span[data-i18n] { + border: 1px solid!important + } + #loggerExportDialog .options span[data-i18n]:hover { + background-color: var(--in-content-primary-button-background-hover)!important; + color: var(--in-content-selected-text)!important; + border-color: var(--in-content-primary-button-background-hover)!important + } +} + +@-moz-document url-prefix("about:blank") { + aside { + background-color: var(--in-content-page-background)!important; + border-color: var(--tone-8)!important; + color: var(--in-content-page-color)!important + } + ul > li > ul > li:hover { + background-color: var(--in-content-box-background)!important + } + section > div:first-child > textarea { + background-color: var(--in-content-box-background)!important; + color: var(--in-content-page-color)!important + } + section > div:first-child { + border-color: var(--in-content-box-border-color)!important + } + section.invalidFilter > div:first-child { + border-color: red!important + } + button { + background-color: var(--in-content-page-background)!important; + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-page-color)!important + } + button:disabled { + color: var(--tone-5)!important + } + button:not(:disabled):hover { + background-color: var(--in-content-box-background-hover)!important + } + #create:not(:disabled) { + background-color: var(--theme-highlight-yellow)!important; + color: #000!important + } + body.preview #preview { + background-color: var(--theme-highlight-blue)!important; + color: #000!important } - /* @-moz-document url-prefix("about:blank") { - aside { - background-color: var(--in-content-page-background)!important; - border-color: var(--tone-8)!important; - color: var(--in-content-page-color)!important - } - ul > li > ul > li:hover { - background-color: var(--in-content-box-background)!important - } - section > div:first-child > textarea { - background-color: var(--in-content-box-background)!important; - color: var(--in-content-page-color)!important - } - section > div:first-child { - border-color: var(--in-content-box-border-color)!important - } - section.invalidFilter > div:first-child { - border-color: red!important - } - button { - background-color: var(--in-content-page-background)!important; - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-page-color)!important - } - button:disabled { - color: var(--tone-5)!important - } - button:not(:disabled):hover { - background-color: var(--in-content-box-background-hover)!important - } - #create:not(:disabled) { - background-color: var(--theme-highlight-yellow)!important; - color: #000!important - } - body.preview #preview { - background-color: var(--theme-highlight-blue)!important; - color: #000!important - } - }/**/ }