From e951a70c4aec081f74ac1f019b3416c4bebae745 Mon Sep 17 00:00:00 2001 From: overdodactyl Date: Mon, 26 Feb 2018 14:05:36 -0700 Subject: [PATCH] style cookies menu from page info --- alternative_user_files/userChrome_windows.css | 50 ++++++- .../userContent_no_addons.css | 7 +- common-files/trees.css | 7 +- userChrome-files/page_info.css | 43 ++++++ userChrome.css | 50 ++++++- userContent.css | 123 +----------------- 6 files changed, 149 insertions(+), 131 deletions(-) diff --git a/alternative_user_files/userChrome_windows.css b/alternative_user_files/userChrome_windows.css index a7b72eb..b71a995 100644 --- a/alternative_user_files/userChrome_windows.css +++ b/alternative_user_files/userChrome_windows.css @@ -130,6 +130,10 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { background-color: var(--theme-selection-background-hover)!important } + tree { + background-color: var(--in-content-box-background)!important; + color: var(--in-content-page-color)!important + } treechildren::-moz-tree-cell-text(hover), treechildren::-moz-tree-cell-text(selected) { color: var(--in-content-text-color)!important @@ -137,9 +141,6 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { background-color: var(--theme-selection-background)!important } - tree { - background-color: var(--in-content-box-background)!important - } treecol:not([hideheader=true]):not(:first-child), treecolpicker { border-image: linear-gradient(transparent 0,transparent 20%,var(--tone-5) 20%,var(--tone-5) 80%,transparent 80%,transparent 100%) 1 1!important @@ -831,6 +832,49 @@ toolbar[brighttext] { } } } +@-moz-document url-prefix(chrome://browser/content/preferences/cookies.xul) { + #CookiesDialog { + -moz-appearance: none!important; + background-color: var(--in-content-page-background)!important + } + #domainCol, + #nameCol { + -moz-appearance: none!important; + border: none!important + } + #domainCol { + border-right: 1px solid!important; + border-color: var(--in-content-box-border-color)!important + } + .windowDialog, + textbox { + color: var(--in-content-page-color)!important + } + textbox[type=search] { + -moz-appearance: none!important; + background-color: var(--in-content-box-background)!important; + border: 1px solid; + border-color: var(--in-content-box-border-color)!important; + border-radius: 3px!important; + padding: 2px 4px 2px 2px!important + } + #cookiesList { + -moz-appearance: none!important; + border: 1px solid!important; + border-color: var(--in-content-box-border-color)!important + } + button { + -moz-appearance: none!important; + background-color: var(--in-content-page-background)!important; + border: 1px solid!important; + border-radius: 3px!important; + color: var(--in-content-page-color)!important; + border-color: var(--in-content-box-border-color)!important + } + button:hover { + background-color: var(--in-content-box-background)!important + } +} #navigator-toolbox::after { border-bottom: 0!important } diff --git a/alternative_user_files/userContent_no_addons.css b/alternative_user_files/userContent_no_addons.css index bb1fef7..24a167b 100644 --- a/alternative_user_files/userContent_no_addons.css +++ b/alternative_user_files/userContent_no_addons.css @@ -128,6 +128,10 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { background-color: var(--theme-selection-background-hover)!important } + tree { + background-color: var(--in-content-box-background)!important; + color: var(--in-content-page-color)!important + } treechildren::-moz-tree-cell-text(hover), treechildren::-moz-tree-cell-text(selected) { color: var(--in-content-text-color)!important @@ -135,9 +139,6 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { background-color: var(--theme-selection-background)!important } - tree { - background-color: var(--in-content-box-background)!important - } treecol:not([hideheader=true]):not(:first-child), treecolpicker { border-image: linear-gradient(transparent 0,transparent 20%,var(--tone-5) 20%,var(--tone-5) 80%,transparent 80%,transparent 100%) 1 1!important diff --git a/common-files/trees.css b/common-files/trees.css index bf8e10e..de3f354 100644 --- a/common-files/trees.css +++ b/common-files/trees.css @@ -11,6 +11,10 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { background-color: var(--theme-selection-background-hover)!important } + tree { + background-color: var(--in-content-box-background)!important; + color: var(--in-content-page-color)!important + } treechildren::-moz-tree-cell-text(hover), treechildren::-moz-tree-cell-text(selected) { color: var(--in-content-text-color)!important @@ -18,9 +22,6 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { background-color: var(--theme-selection-background)!important } - tree { - background-color: var(--in-content-box-background)!important - } treecol:not([hideheader=true]):not(:first-child), treecolpicker { border-image: linear-gradient(transparent 0,transparent 20%,var(--tone-5) 20%,var(--tone-5) 80%,transparent 80%,transparent 100%) 1 1!important diff --git a/userChrome-files/page_info.css b/userChrome-files/page_info.css index 1774398..d6653da 100644 --- a/userChrome-files/page_info.css +++ b/userChrome-files/page_info.css @@ -117,4 +117,47 @@ background-color: var(--in-content-category-header-background)!important } } +} +@-moz-document url-prefix(chrome://browser/content/preferences/cookies.xul) { + #CookiesDialog { + -moz-appearance: none!important; + background-color: var(--in-content-page-background)!important + } + #domainCol, + #nameCol { + -moz-appearance: none!important; + border: none!important + } + #domainCol { + border-right: 1px solid!important; + border-color: var(--in-content-box-border-color)!important + } + .windowDialog, + textbox { + color: var(--in-content-page-color)!important + } + textbox[type=search] { + -moz-appearance: none!important; + background-color: var(--in-content-box-background)!important; + border: 1px solid; + border-color: var(--in-content-box-border-color)!important; + border-radius: 3px!important; + padding: 2px 4px 2px 2px!important + } + #cookiesList { + -moz-appearance: none!important; + border: 1px solid!important; + border-color: var(--in-content-box-border-color)!important + } + button { + -moz-appearance: none!important; + background-color: var(--in-content-page-background)!important; + border: 1px solid!important; + border-radius: 3px!important; + color: var(--in-content-page-color)!important; + border-color: var(--in-content-box-border-color)!important + } + button:hover { + background-color: var(--in-content-box-background)!important + } } \ No newline at end of file diff --git a/userChrome.css b/userChrome.css index a7fee91..c8aa13c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -161,6 +161,10 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { background-color: var(--theme-selection-background-hover)!important } + tree { + background-color: var(--in-content-box-background)!important; + color: var(--in-content-page-color)!important + } treechildren::-moz-tree-cell-text(hover), treechildren::-moz-tree-cell-text(selected) { color: var(--in-content-text-color)!important @@ -168,9 +172,6 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { background-color: var(--theme-selection-background)!important } - tree { - background-color: var(--in-content-box-background)!important - } treecol:not([hideheader=true]):not(:first-child), treecolpicker { border-image: linear-gradient(transparent 0,transparent 20%,var(--tone-5) 20%,var(--tone-5) 80%,transparent 80%,transparent 100%) 1 1!important @@ -867,6 +868,49 @@ toolbar[brighttext] { } } } +@-moz-document url-prefix(chrome://browser/content/preferences/cookies.xul) { + #CookiesDialog { + -moz-appearance: none!important; + background-color: var(--in-content-page-background)!important + } + #domainCol, + #nameCol { + -moz-appearance: none!important; + border: none!important + } + #domainCol { + border-right: 1px solid!important; + border-color: var(--in-content-box-border-color)!important + } + .windowDialog, + textbox { + color: var(--in-content-page-color)!important + } + textbox[type=search] { + -moz-appearance: none!important; + background-color: var(--in-content-box-background)!important; + border: 1px solid; + border-color: var(--in-content-box-border-color)!important; + border-radius: 3px!important; + padding: 2px 4px 2px 2px!important + } + #cookiesList { + -moz-appearance: none!important; + border: 1px solid!important; + border-color: var(--in-content-box-border-color)!important + } + button { + -moz-appearance: none!important; + background-color: var(--in-content-page-background)!important; + border: 1px solid!important; + border-radius: 3px!important; + color: var(--in-content-page-color)!important; + border-color: var(--in-content-box-border-color)!important + } + button:hover { + background-color: var(--in-content-box-background)!important + } +} #navigator-toolbox::after { border-bottom: 0!important } diff --git a/userContent.css b/userContent.css index dd869e8..77cd2ba 100644 --- a/userContent.css +++ b/userContent.css @@ -159,6 +159,10 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(hover) { background-color: var(--theme-selection-background-hover)!important } + tree { + background-color: var(--in-content-box-background)!important; + color: var(--in-content-page-color)!important + } treechildren::-moz-tree-cell-text(hover), treechildren::-moz-tree-cell-text(selected) { color: var(--in-content-text-color)!important @@ -166,9 +170,6 @@ url(chrome://browser/content/pageinfo/pageInfo.xul) { treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) { background-color: var(--theme-selection-background)!important } - tree { - background-color: var(--in-content-box-background)!important - } treecol:not([hideheader=true]):not(:first-child), treecolpicker { border-image: linear-gradient(transparent 0,transparent 20%,var(--tone-5) 20%,var(--tone-5) 80%,transparent 80%,transparent 100%) 1 1!important @@ -1012,122 +1013,6 @@ url-prefix(https://discovery.addons.mozilla.org) { color: var(--tone-4)!important } } -/*! Alters the webextension Multi-Account Containers - IMPORTANT: change the Internal UUID in BOTH locations */ -@-moz-document url-prefix("moz-extension://multi_account_containers_UUID/") { - #current-tab, - .column-panel-content, - html body div#container-panel.panel.container-panel { - background: var(--tone-6)!important; - color: var(--tone-4)!important - } - #current-tab > h3, - .container-info-list, - .panel-header-text { - color: var(--tone-4)!important - } - #container-panel #sort-containers-link { - border-color: var(--tone-5)!important; - color: var(--tone-4)!important - } - #container-panel #sort-containers-link:hover, - .clickable:hover { - background: var(--tone-7)!important - } - .container-panel-row { - background-color: var(--tone-6)!important; - border-block-end: 1px solid var(--tone-5); - color: var(--tone-4)!important - } - .scrollable { - border-block-start: 1px solid var(--tone-5)!important; - background: var(--tone-6)!important - } - .panel-footer { - background: var(--tone-7)!important; - border-block-end: 1px solid var(--tone-7)!important - } - .container-panel-row:focus .clickable.userContext-wrapper, - .container-panel-row:hover .clickable.userContext-wrapper, - .container-panel-row:hover .pop-button, - .panel-header { - background: var(--tone-7)!important - } - .panel-back-arrow { - background: var(--tone-6)!important - } - .back-arrow-img { - filter: invert(65%)!important - } - .container-panel-row { - border-block-end: 1px solid var(--tone-5)!important - } - #current-tab > label > input[disabled] { - background-color: var(--tone-5)!important; - border-color: var(--tone-4)!important - } - #current-tab > label > input:checked { - filter: invert(100%); - border-color: var(--tone-5)!important - } - .column-panel-content form { - background: var(--tone-6)!important - } - .pop-button-image-small { - filter: invert(650%)!important - } - .edit-container-panel fieldset, - .edit-containers-text a { - color: var(--tone-4)!important - } - .edit-container-panel input[type=text] { - background: var(--tone-8)!important; - color: var(--tone-4)!important; - border-color: var(--tone-5)!important - } - [data-identity-color=grey] { - --identity-icon-color: var(--tone-4)!important - } - .button { - color: var(--tone-4)!important - } - .container-notification { - background: var(--tone-7)!important; - color: var(--tone-4)!important - } -} -/*! Alters the webextension Multi-Account Containers - IMPORTANT: change the Internal UUID in BOTH locations */ -@-moz-document url-prefix("moz-extension://multi_account_containers_UUID/confirm-page") { - body { - background-color: var(--tone-7)!important - } - .title-text, - body { - color: var(--tone-4)!important - } - #redirect-url { - background: var(--tone-8)!important - } - .button-container > button:first-child { - background: var(--tone-6)!important; - border-color: var(--tone-5)!important - } - .button-container > button:first-child:hover { - background: var(--tone-8)!important - } - #never-ask { - -moz-appearance: none!important; - background-color: var(--tone-6)!important; - border-color: var(--tone-5)!important; - background-image: none!important; - box-shadow: none!important - } - #never-ask:checked { - background-image: url(chrome://global/skin/in-content/check.svg)!important; - background-color: var(--tone-6)!important - } -} /*! Alters the webextension Multiple Tab Handler IMPORTANT: change the Internal UUID */ @-moz-document url-prefix("moz-extension://multiple_tab_handler_UUID/") {