From 53808dc807556db5bccc9e3979e234c2d3e9566b Mon Sep 17 00:00:00 2001 From: "@user0" <> Date: Mon, 14 Aug 2023 21:34:16 +0200 Subject: [PATCH] =?UTF-8?q?Add=20@user0=E2=80=99s=20contributions=20as=20o?= =?UTF-8?q?f=202023-08-14?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/userChrome/alt-browser.css | 21 +++-- src/userChrome/appMenu.css | 1 - src/userChrome/browser.css | 21 +++++ src/userChrome/popups.css | 5 +- src/userChrome/tabmenu.css | 3 +- src/userChrome/urlbar.css | 2 +- src/userContent/theme-color-1.css | 95 ++++++++++++++++++++++ src/userContent/theme-color-2.css | 95 ++++++++++++++++++++++ src/userContent/theme-dark.css | 128 ++++++++++++++++++++++++++++++ src/userContent/theme-light.css | 15 ++++ 10 files changed, 374 insertions(+), 12 deletions(-) create mode 100644 src/userContent/theme-color-1.css create mode 100644 src/userContent/theme-color-2.css create mode 100644 src/userContent/theme-dark.css create mode 100644 src/userContent/theme-light.css diff --git a/src/userChrome/alt-browser.css b/src/userChrome/alt-browser.css index 5de7edc..dc6aade 100644 --- a/src/userChrome/alt-browser.css +++ b/src/userChrome/alt-browser.css @@ -30,14 +30,25 @@ order: 2; } - /* Adjust menu popup spawn height */ - #appMenu-popup { - margin-bottom: 20px !important; + /* Adjust Bookmarks Menu Popup spawn height and fix flickering */ + #BMB_bookmarksPopup { + margin-bottom: 22px !important; + width: 100vw; } - /* Adjust all-tabs popup spawn height */ + /* Adjust Widget Overflow spawn height */ + #widget-overflow { + padding-bottom: 30px !important; + } + + /* Adjust App Menu Popup spawn height */ + #appMenu-popup { + margin-bottom: 26px !important; + } + + /* Adjust All-Tabs Popup spawn height */ #customizationui-widget-panel { - margin-bottom: 60px !important; + margin-bottom: 66px !important; } } diff --git a/src/userChrome/appMenu.css b/src/userChrome/appMenu.css index a1e9e38..15f5b40 100644 --- a/src/userChrome/appMenu.css +++ b/src/userChrome/appMenu.css @@ -8,7 +8,6 @@ * the HTML, which we can't override via CSS. */ #appMenu-popup { /*margin-top: -390px !important;*/ - margin-bottom: 62px !important; padding-left: 10px !important; padding-right: 10px !important; /*height: 310px;*/ diff --git a/src/userChrome/browser.css b/src/userChrome/browser.css index ef9e0ff..e84c874 100644 --- a/src/userChrome/browser.css +++ b/src/userChrome/browser.css @@ -25,4 +25,25 @@ max-height: unset !important; } + /* Adjust Bookmarks Menu Popup spawn height and fix flickering */ + #BMB_bookmarksPopup { + margin-bottom: 52px !important; + width: 100vw; + } + + /* Adjust Widget Overflow spawn height */ + #widget-overflow { + padding-bottom: 60px !important; + } + + /* Adjust App Menu Popup spawn height */ + #appMenu-popup { + margin-bottom: 56px !important; + } + + /* Adjust All-Tabs Popup spawn height */ + #customizationui-widget-panel { + margin-bottom: 20px !important; + } + } diff --git a/src/userChrome/popups.css b/src/userChrome/popups.css index eb40c72..f4a14fd 100644 --- a/src/userChrome/popups.css +++ b/src/userChrome/popups.css @@ -60,10 +60,7 @@ height: calc(100vh - 80px) !important; } - /* Fix widget overflow to fit ublock0_raymondhill_net-browser-action */ - #widget-overflow { - padding-bottom: 25px !important; - } + /* fix widget overflow to fit ublock0_raymondhill_net-browser-action */ #widget-overflow-mainView { height: 357px !important; } diff --git a/src/userChrome/tabmenu.css b/src/userChrome/tabmenu.css index d71053a..298c334 100644 --- a/src/userChrome/tabmenu.css +++ b/src/userChrome/tabmenu.css @@ -47,7 +47,6 @@ * this menu is above the hamburger button that spawns the regular * menu. */ /*margin-top: -360px !important;*/ - margin-bottom: 15px !important; padding-left: 10px !important; padding-right: 10px !important; /*height: 320px;*/ @@ -83,5 +82,7 @@ /* Make sure tabs with long titles don't exceed the all tabs menu */ width: 0; max-width: calc(100vw - 20px); + /* Fix padding */ + padding-top: 2px !important; } } diff --git a/src/userChrome/urlbar.css b/src/userChrome/urlbar.css index d71fd30..da669a1 100644 --- a/src/userChrome/urlbar.css +++ b/src/userChrome/urlbar.css @@ -19,7 +19,7 @@ /* #back-button */ #forward-button, /* #reload-button */ - #home-button, + /*#home-button,*/ #customizableui-special-spring1, /* (urlbar) */ #customizableui-special-spring2, diff --git a/src/userContent/theme-color-1.css b/src/userContent/theme-color-1.css new file mode 100644 index 0000000..9757e61 --- /dev/null +++ b/src/userContent/theme-color-1.css @@ -0,0 +1,95 @@ +@-moz-document url("about:addons"), +url("about:blank"), +url("about:config"), +url("about:home"), +url("about:newtab"), +url("about:preferences"), +url("about:privatebrowsing"), +url("about:profiles") { + :root { + --card-outline-color: #dc8add !important; + --card-shadow: var(--shadow-10); + --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); + --checkbox-border-color: var(--in-content-box-border-color); + --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active); + --checkbox-checked-bgcolor: var(--in-content-primary-button-background); + --checkbox-checked-border-color: transparent; + --checkbox-checked-color: var(--in-content-primary-button-text-color); + --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover); + --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active); + --checkbox-unchecked-bgcolor: var(--in-content-button-background); + --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover); + --dialog-warning-text-color: #dc8add !important; + --in-content-accent-color: #dc8add !important; + --in-content-accent-color-active: #dc8add !important; + --in-content-border-color: #dc8add !important; + --in-content-border-active: #dc8add !important; + --in-content-border-active-shadow: #dc8add !important; + --in-content-border-hover: #dc8add !important; + --in-content-border-invalid: #dc8add !important; + --in-content-box-background: black !important; + --in-content-box-background-active: rgba(220,138,221,0.6) !important; + --in-content-box-background-hover: rgba(220,138,221,0.4) !important; + --in-content-box-background-odd: black !important; + --in-content-box-border-color: #dc8add !important; + --in-content-box-info-background: black !important; + --in-content-button-background: rgba(220,138,221,0.5) !important; + --in-content-button-background-active: rgba(220,138,221,0.4) !important; + --in-content-button-background-hover: rgba(220,138,221,0.6) !important; + --in-content-button-border-color: #dc8add !important; + --in-content-button-border-color-active: #dc8add !important; + --in-content-button-border-color-hover: #dc8add !important; + --in-content-button-text-color: #dc8add !important; + --in-content-button-text-color-active: #dc8add !important; + --in-content-button-text-color-hover: white !important; + --in-content-category-background: rgba(220,138,221,0.5) !important; + --in-content-category-background-hover: rgba(220,138,221,0.5) !important; + --in-content-category-background-selected: rgba(220,138,221,0.4) !important; + --in-content-category-background-selected-hover: rgba(220,138,221,0.5) !important; + --in-content-category-text: #dc8add !important; + --in-content-category-text-selected: #dc8add !important; + --in-content-danger-button-background: #dc8add !important; + --in-content-danger-button-background-active: #dc8add !important; + --in-content-danger-button-background-hover: #dc8add !important; + --in-content-deemphasized-text: #dc8add !important; + --in-content-error-text-color: #dc8add !important; + --in-content-focus-outline-color: #dc8add !important; + --in-content-icon-color: #dc8add !important; + --in-content-item-hover: #dc8add !important; + --in-content-item-hover-text: white !important; + --in-content-item-selected: #dc8add !important; + --in-content-item-selected-text: white !important; + --in-content-link-color: #dc8add !important; + --in-content-link-color-active: #dc8add !important; + --in-content-link-color-hover: #dc8add !important; + --in-content-link-color-visited: #dc8add !important; + --in-content-page-background: black !important; + --in-content-page-color: #dc8add !important; + --in-content-primary-button-background: rgba(220,138,221,0.666) !important; + --in-content-primary-button-background-active: rgba(220,138,221,0.666) !important; + --in-content-primary-button-background-hover: black !important; + --in-content-primary-button-border-color: #dc8add !important; + --in-content-primary-button-border-hover: #dc8add !important; + --in-content-primary-button-text-color: white !important; + --in-content-primary-button-text-color-hover: white !important; + --in-content-selected-text: #dc8add !important; + --in-content-table-background: black !important; + --in-content-table-border-color: #dc8add !important; + --in-content-table-border-dark-color: #dc8add !important; + --in-content-table-header-background: rgba(220,138,221,0.5) !important; + --in-content-table-header-color: #dc8add !important; + --in-content-text-color: #dc8add !important; + --in-content-warning-container: rgba(220,138,221,0.3) !important; + --shadow-10: 0 1px 4px #dc8add !important; + --shadow-30: 0 4px 16px #dc8add !important; + color: #dc8add !important; + } + ::selection { + background: #dc8add !important; + color: white !important; + } + #prefs>tr:hover { + background-color: rgba(220,138,221,0.6) !important; + color: #dc8add !important; + } +} diff --git a/src/userContent/theme-color-2.css b/src/userContent/theme-color-2.css new file mode 100644 index 0000000..c791df4 --- /dev/null +++ b/src/userContent/theme-color-2.css @@ -0,0 +1,95 @@ +@-moz-document url("about:addons"), +url("about:blank"), +url("about:config"), +url("about:home"), +url("about:newtab"), +url("about:preferences"), +url("about:privatebrowsing"), +url("about:profiles") { + :root { + --card-outline-color: #dc8add !important; + --card-shadow: var(--shadow-10); + --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color); + --checkbox-border-color: var(--in-content-box-border-color); + --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active); + --checkbox-checked-bgcolor: var(--in-content-primary-button-background); + --checkbox-checked-border-color: var(--in-content-box-border-color); + --checkbox-checked-color: var(--in-content-primary-button-text-color); + --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover); + --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active); + --checkbox-unchecked-bgcolor: var(--in-content-button-background); + --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover); + --dialog-warning-text-color: #dc8add !important; + --in-content-accent-color: #dc8add !important; + --in-content-accent-color-active: white !important; + --in-content-border-color: #dc8add !important; + --in-content-border-active: #dc8add !important; + --in-content-border-active-shadow: #dc8add !important; + --in-content-border-hover: #dc8add !important; + --in-content-border-invalid: #dc8add !important; + --in-content-box-background: black !important; + --in-content-box-background-active: #dc8add !important; + --in-content-box-background-hover: #dc8add !important; + --in-content-box-background-odd: black !important; + --in-content-box-border-color: #dc8add !important; + --in-content-box-info-background: black !important; + --in-content-button-background: black !important; + --in-content-button-background-active: #dc8add !important; + --in-content-button-background-hover: #dc8add !important; + --in-content-button-border-color: #dc8add !important; + --in-content-button-border-color-active: #dc8add !important; + --in-content-button-border-color-hover: #dc8add !important; + --in-content-button-text-color: #dc8add !important; + --in-content-button-text-color-active: white !important; + --in-content-button-text-color-hover: white !important; + --in-content-category-background: black !important; + --in-content-category-background-hover: #dc8add !important; + --in-content-category-background-selected: #dc8add !important; + --in-content-category-background-selected-hover: #dc8add !important; + --in-content-category-text: white !important; + --in-content-category-text-selected: white !important; + --in-content-danger-button-background: #dc8add !important; + --in-content-danger-button-background-active: #dc8add !important; + --in-content-danger-button-background-hover: #dc8add !important; + --in-content-deemphasized-text: #dc8add !important; + --in-content-error-text-color: #dc8add !important; + --in-content-focus-outline-color: #dc8add !important; + --in-content-icon-color: #dc8add !important; + --in-content-item-hover: #dc8add !important; + --in-content-item-hover-text: white !important; + --in-content-item-selected: #dc8add !important; + --in-content-item-selected-text: white !important; + --in-content-link-color: #dc8add !important; + --in-content-link-color-active: #dc8add !important; + --in-content-link-color-hover: #dc8add !important; + --in-content-link-color-visited: #dc8add !important; + --in-content-page-background: black !important; + --in-content-page-color: #dc8add !important; + --in-content-primary-button-background: #dc8add !important; + --in-content-primary-button-background-active: #dc8add !important; + --in-content-primary-button-background-hover: black !important; + --in-content-primary-button-border-color: #dc8add !important; + --in-content-primary-button-border-hover: #dc8add !important; + --in-content-primary-button-text-color: white !important; + --in-content-primary-button-text-color-hover: white !important; + --in-content-selected-text: white !important; + --in-content-table-background: black !important; + --in-content-table-border-color: #dc8add !important; + --in-content-table-border-dark-color: #dc8add !important; + --in-content-table-header-background: black !important; + --in-content-table-header-color: #dc8add !important; + --in-content-text-color: #dc8add !important; + --in-content-warning-container: black !important; + --shadow-10: 0 1px 4px #dc8add !important; + --shadow-30: 0 4px 16px #dc8add !important; + color: #dc8add !important; + } + ::selection { + background: #dc8add !important; + color: white !important; + } + #prefs>tr:hover { + background-color: #dc8add !important; + color: white !important; + } +} diff --git a/src/userContent/theme-dark.css b/src/userContent/theme-dark.css new file mode 100644 index 0000000..ccfc126 --- /dev/null +++ b/src/userContent/theme-dark.css @@ -0,0 +1,128 @@ +@-moz-document url("about:addons"), +url("about:blank"), +url("about:config"), +url("about:home"), +url("about:newtab"), +url("about:preferences"), +url("about:privatebrowsing"), +url("about:profiles") { + body { + background-color:black!important + } + a,a:visited,a:hover { + color:black!important + } + #categories > .category[selected], + #categories > .category.selected { + color: white !important; + } + checkbox:not([disabled="true"]):hover > .checkbox-check, + input[type="checkbox"]:not(:disabled):hover { + border-color: white !important; + } + radio:not([disabled="true"]):hover > .radio-check { + border-color: white !important; + } + .text-link { + color: white !important; + } + .content-blocking-category.selected { + border: 1px solid white !important; + background-color: rgba(255,255,255,0.4) !important; + } + .content-blocking-category { + border: 1px solid var(--in-content-border-color) !important; + background-color: rgba(255,255,255,0.2) !important; /* bkg of default unselected*/ + } + .content-blocking-warning { + background-color: rgba(255,255,255,0.3) !important; + } + .checkbox-check{ + fill: white !important; + } + .radio-check{ + fill: white !important; + } + .addon-card:not([expanded]) > .addon.card:hover { + box-shadow: white !important; + } + .card { + border: 1px solid white !important; + } + :root { + --card-outline-color: white !important; + --in-content-border-color: white !important; + --in-content-border-active: white !important; + --in-content-border-active-shadow: white !important; + --in-content-border-hover: white !important; + --in-content-box-background: black !important; + --in-content-box-background-active: rgba(255,255,255,0.6) !important; + --in-content-box-background-hover: rgba(255,255,255,0.4) !important; + --in-content-box-border-color: white !important; + --in-content-box-info-background: black !important; + --in-content-button-background: rgba(255,255,255,0.5) !important; + --in-content-button-background-active: rgba(255,255,255,0.4) !important; + --in-content-button-background-hover: rgba(255,255,255,0.6) !important; + --in-content-category-background: rgba(255,255,255,0.5) !important; + --in-content-category-background-hover: rgba(255,255,255,0.5) !important; + --in-content-category-background-selected: rgba(255,255,255,0.4) !important; + --in-content-category-background-selected-hover: rgba(255,255,255,0.5) !important; + --in-content-category-text: white !important; + --in-content-category-text-selected: white !important; + --in-content-page-background: black !important; + --in-content-selected-text: white !important; + --in-content-table-background: black !important; + --in-content-table-border-dark-color: white !important; + --in-content-table-header-background: rgba(255,255,255,0.5) !important; + --in-content-text-color: white !important; + --in-content-warning-container: rgba(255,255,255,0.3) !important; + --shadow-10: 0 1px 4px white !important; + --shadow-30: 0 4px 16px white !important; + color: white !important; + } +} +:root { + --card-outline-color: white !important; + --in-content-box-background: black !important; + --in-content-page-background: black !important; + --in-content-text-color: white !important; + --shadow-10: 0 1px 4px white !important; + --shadow-30: 0 4px 16px white !important; + color: white !important; +} +.card { + border: 1px solid white !important; +} +#learnMoreLink { + color: white !important; +} +#errorCode { + color: white !important; +} +#viewCertificate { + color: white !important; +} +#advancedButton { + color: white !important; + background-color: rgba(0,62,170,1) !important; +} +#advancedButton:hover { + color: white !important; + background-color: rgba(0,62,170,0.7) !important; +} +#advancedButton:active { + color: white !important; + background-color: rgba(0,62,170,0.5) !important; +} +#exceptionDialogButton { + color: white !important; + background-color: rgba(0,62,170,1) !important; +} +#exceptionDialogButton:hover { + color: white !important; + background-color: rgba(0,62,170,0.7) !important; +} +#exceptionDialogButton:active { + color: white !important; + background-color: rgba(0,62,170,0.5) !important; +} diff --git a/src/userContent/theme-light.css b/src/userContent/theme-light.css new file mode 100644 index 0000000..b3166be --- /dev/null +++ b/src/userContent/theme-light.css @@ -0,0 +1,15 @@ +@-moz-document url("about:addons"), +url("about:blank"), +url("about:config"), +url("about:home"), +url("about:newtab"), +url("about:preferences"), +url("about:privatebrowsing"), +url("about:profiles") { + body { + background-color:rgb(249, 249, 255)!important + } + a,a:visited,a:hover { + color:rgb(249, 249, 255)!important + } +}