From 39cb78f8830938c1ef1c82a6b15f0f0446f044d0 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 10 Dec 2021 09:16:54 +0900 Subject: [PATCH 01/14] Fix: Titlebar button - Makes to default at linux lwtheme #290 --- userChrome.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 2ce5c58..e18874c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -185,13 +185,26 @@ } } -/*= Linux - Global Menubar Active Color ======================================*/ @media (-moz-gtk-csd-available) { + /*= Linux - Global Menubar Active Color ====================================*/ #main-menubar > menu[open="true"], #main-menubar > menu[_moz-menuactive="true"] { color: inherit !important; /* Original: -moz-menubarhovertext */ background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */ } + + /*= Linux - Titlebar button at lwtheme =====================================*/ + .titlebar-button:-moz-lwtheme { + appearance: auto !important; + } + .titlebar-min:-moz-lwtheme, .titlebar-max:-moz-lwtheme, .titlebar-restore:-moz-lwtheme, .titlebar-close:-moz-lwtheme { + list-style-image: none !important; + } + .titlebar-button:-moz-lwtheme:hover, + .titlebar-button:-moz-lwtheme:hover:active { + background-color: unset !important; + color: unset !important; + } } /*= Linux - Light System Default Theme's Selected Tab ========================*/ From be6e5d9280726e509f2acf55cdbd2ca712d1ba2f Mon Sep 17 00:00:00 2001 From: black7375 Date: Fri, 10 Dec 2021 00:18:08 +0000 Subject: [PATCH 02/14] Clean: Prettified Code! --- userChrome.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index e18874c..bc1093d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -197,7 +197,10 @@ .titlebar-button:-moz-lwtheme { appearance: auto !important; } - .titlebar-min:-moz-lwtheme, .titlebar-max:-moz-lwtheme, .titlebar-restore:-moz-lwtheme, .titlebar-close:-moz-lwtheme { + .titlebar-min:-moz-lwtheme, + .titlebar-max:-moz-lwtheme, + .titlebar-restore:-moz-lwtheme, + .titlebar-close:-moz-lwtheme { list-style-image: none !important; } .titlebar-button:-moz-lwtheme:hover, From 08ad09a89c660e2d221b2b5a0eff41dd163233bc Mon Sep 17 00:00:00 2001 From: andmagdo <62532857+andmagdo@users.noreply.github.com> Date: Fri, 10 Dec 2021 20:16:53 -0600 Subject: [PATCH 03/14] Misc. fixes for SUMO (support.mozilla.org) --- userContent.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/userContent.css b/userContent.css index 9524792..c296732 100644 --- a/userContent.css +++ b/userContent.css @@ -709,12 +709,20 @@ .forum--entry-content .key { color: var(--in-content-deemphasized-text) !important; } + .tag-name a{ + color:var(--in-content-page-color) !important; + } /* Background */ .sidebar-nav.topics, .sidebar-nav.topics > li { background: var(--in-content-page-background) !important; } + + .kbox-container { + color: var(--in-content-page-color) !important; + background: var(--in-content-page-background) !important; + } /* Fill */ .sumo-nav--logo, @@ -762,6 +770,22 @@ box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; } + + button.markup-toolbar-button{ + /*using 0.5 because in middle*/ + filter:invert(0.5) !important; + } + .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a{ + color: var(--color-marketing-gray-10) !important; + } + .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a:hover{ + color: var(--color-link) !important; + } + .sidebar-nav a:hover{ + color: var(--color-link) !important; + } + + } /*= Accounts.com ===========================================================*/ From d41f51fd173bbd121108a00495a9cee57a521e1d Mon Sep 17 00:00:00 2001 From: black7375 Date: Sat, 11 Dec 2021 08:31:37 +0000 Subject: [PATCH 04/14] Clean: Prettified Code! --- userContent.css | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/userContent.css b/userContent.css index c296732..579c225 100644 --- a/userContent.css +++ b/userContent.css @@ -709,8 +709,8 @@ .forum--entry-content .key { color: var(--in-content-deemphasized-text) !important; } - .tag-name a{ - color:var(--in-content-page-color) !important; + .tag-name a { + color: var(--in-content-page-color) !important; } /* Background */ @@ -718,7 +718,7 @@ .sidebar-nav.topics > li { background: var(--in-content-page-background) !important; } - + .kbox-container { color: var(--in-content-page-color) !important; background: var(--in-content-page-background) !important; @@ -770,22 +770,20 @@ box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; } - - button.markup-toolbar-button{ + + button.markup-toolbar-button { /*using 0.5 because in middle*/ - filter:invert(0.5) !important; + filter: invert(0.5) !important; } - .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a{ + .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a { color: var(--color-marketing-gray-10) !important; } - .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a:hover{ + .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a:hover { color: var(--color-link) !important; } - .sidebar-nav a:hover{ + .sidebar-nav a:hover { color: var(--color-link) !important; } - - } /*= Accounts.com ===========================================================*/ From 9a45a46c2cde5b3a614d6ae2cd42529becf6b5c5 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 13 Dec 2021 10:58:00 +0900 Subject: [PATCH 05/14] Fix: Theme - `:root[lwtheme-mozlightdark]` compatibility at nightly #288 Need testing --- userChrome.css | 45 ++++++++++++++++++++++++++++++--------------- 1 file changed, 30 insertions(+), 15 deletions(-) diff --git a/userChrome.css b/userChrome.css index bc1093d..93229b5 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3,18 +3,21 @@ /** Default Thme - Contrast ***************************************************/ /*= Lightmode - Color darker =================================================*/ -:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) { +:root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]), /* Legacy */ +:root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] { --lwt-accent-color: rgb(229, 229, 235) !important; /* Original: rgb(240, 240, 244) */ } @media not all and ((-moz-os-version: windows-win7) or (-moz-os-version: windows-win8) or (-moz-gtk-csd-available)) { /* Level 4 */ - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox { + :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox, /* Legacy */ + :root[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"] { background-color: var(--lwt-accent-color) !important; } } /*= Darkmode - Color lighter =================================================*/ -:root[lwtheme-mozlightdark][lwthemetextcolor="bright"] { +:root[lwtheme-mozlightdark][lwthemetextcolor="bright"], /* Legacy */ +:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] { --toolbar-bgcolor: rgba(43, 42, 51, 5) !important; /* Original: rgba(43, 42, 51, 1) */ } @@ -525,7 +528,9 @@ /*- Others -----------------------------------------------------------------*/ /* For overwrite */ - :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { + :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme), /* Legacy */ + :root:not(:-moz-lwtheme) { + /* Light Theme */ --lwt-accent-color: var(--win-bgcolor) !important; } @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { @@ -539,12 +544,18 @@ > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]):not(:-moz-lwtheme), - :root[lwtheme-mozlightdark] + :root[lwtheme-mozlightdark] /* Legacy */ #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[multiselected]:not([selected]) { + > .tab-background[multiselected]:not([selected]), + :root:is([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]) { background-image: linear-gradient( color-mix(in srgb, currentColor 11%, transparent), color-mix(in srgb, currentColor 11%, transparent) @@ -803,7 +814,13 @@ } /* Hard Coded */ - :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] + :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] /* Legacy */ + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected="true"], + :root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"][lwt-default-theme-in-dark-mode] #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab @@ -814,12 +831,8 @@ :root:not([customizing="true"]):not(:-moz-lwtheme) tab[visuallyselected] > stack::before, :root:not([customizing="true"]):not(:-moz-lwtheme) tab[visuallyselected] > stack::after, - :root:not([customizing="true"])[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] - tab[visuallyselected] - > stack::before, - :root:not([customizing="true"])[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] - tab[visuallyselected] - > stack::after { + :root:not([customizing="true"])[lwt-default-theme-in-dark-mode] tab[visuallyselected] > stack::before, + :root:not([customizing="true"])[lwt-default-theme-in-dark-mode] tab[visuallyselected] > stack::after { fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; } } @@ -1035,8 +1048,10 @@ html#main-window menupopup { } /* Default theme color preservation */ -:root[lwtheme-mozlightdark] menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), -:root[lwtheme-mozlightdark] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) { +:root[lwtheme-mozlightdark] menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), /* Legacy */ +:root[lwtheme-mozlightdark] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup), /* Legacy */ +:root:is([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), +:root:is[[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) { --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important; --arrowpanel-background: var( --toolbar-bgcolor, From a93ceda41dcabdfc1d402c8e04c320c2c03f2fbe Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 13 Dec 2021 11:14:41 +0900 Subject: [PATCH 06/14] Clean: support.org #292 --- userContent.css | 38 +++++++++++++++----------------------- 1 file changed, 15 insertions(+), 23 deletions(-) diff --git a/userContent.css b/userContent.css index 579c225..0ac46b8 100644 --- a/userContent.css +++ b/userContent.css @@ -673,7 +673,8 @@ #main-content, #instant-search-content, #mzp-c-menu-panel-help, - .mzp-c-navigation { + .mzp-c-navigation, + .kbox-container { color: var(--in-content-page-color) !important; background: var(--in-content-page-background) !important; } @@ -685,7 +686,8 @@ .mzp-c-menu-item .mzp-c-menu-item-list a, #doc-content .menu, .document--content .menu, - .forum--entry-content .menu { + .forum--entry-content .menu, + .tag-name a { color: var(--in-content-page-color) !important; } @@ -709,8 +711,13 @@ .forum--entry-content .key { color: var(--in-content-deemphasized-text) !important; } - .tag-name a { - color: var(--in-content-page-color) !important; + + .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a { + color: var(--color-marketing-gray-10) !important; + } + .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a:hover, + .sidebar-nav a:hover { + color: var(--color-link) !important; } /* Background */ @@ -719,11 +726,6 @@ background: var(--in-content-page-background) !important; } - .kbox-container { - color: var(--in-content-page-color) !important; - background: var(--in-content-page-background) !important; - } - /* Fill */ .sumo-nav--logo, .sumo-nav--search-button, @@ -740,6 +742,10 @@ .search-button { filter: invert(95%) !important; } + button.markup-toolbar-button { + /*using 0.5 because in middle*/ + filter: invert(0.5) !important; + } /* Others */ .support-callouts > .card.is-inverse { @@ -770,20 +776,6 @@ box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; } - - button.markup-toolbar-button { - /*using 0.5 because in middle*/ - filter: invert(0.5) !important; - } - .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a { - color: var(--color-marketing-gray-10) !important; - } - .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a:hover { - color: var(--color-link) !important; - } - .sidebar-nav a:hover { - color: var(--color-link) !important; - } } /*= Accounts.com ===========================================================*/ From 180900aa830b1a460fc31272d98ab12563a036fe Mon Sep 17 00:00:00 2001 From: andmagdo <62532857+andmagdo@users.noreply.github.com> Date: Mon, 13 Dec 2021 18:03:36 -0600 Subject: [PATCH 07/14] Fix: Support.org - Fixes (#293) * Change all tags to be readable SUMO * Allow vision of the username and content inside --- userContent.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/userContent.css b/userContent.css index 0ac46b8..bfe5f07 100644 --- a/userContent.css +++ b/userContent.css @@ -690,6 +690,8 @@ .tag-name a { color: var(--in-content-page-color) !important; } + + .ts-select-trigger, input[type="date"], @@ -712,19 +714,29 @@ color: var(--in-content-deemphasized-text) !important; } - .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a { + .tag-list a { color: var(--color-marketing-gray-10) !important; } - .sidebar-nav .details-heading + .sidebar-nav--list .tag-list a:hover, + .tag-list a:hover, .sidebar-nav a:hover { color: var(--color-link) !important; } + .tag-list li{ + background: var(--in-content-page-color) !important; + } + .tag-list li:hover{ + background: var(--in-content-deemphasized-text) !important; + } /* Background */ .sidebar-nav.topics, .sidebar-nav.topics > li { background: var(--in-content-page-background) !important; } + .mzp-c-menu-panel { + color: var(--in-content-page-color) !important; + background: var(--in-content-page-background) !important; + } /* Fill */ .sumo-nav--logo, From 244a194d1cbc313e331ba4b4d203fd7f75afde0a Mon Sep 17 00:00:00 2001 From: black7375 Date: Tue, 14 Dec 2021 00:04:03 +0000 Subject: [PATCH 08/14] Clean: Prettified Code! --- userContent.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/userContent.css b/userContent.css index bfe5f07..def0389 100644 --- a/userContent.css +++ b/userContent.css @@ -690,8 +690,6 @@ .tag-name a { color: var(--in-content-page-color) !important; } - - .ts-select-trigger, input[type="date"], @@ -714,17 +712,17 @@ color: var(--in-content-deemphasized-text) !important; } - .tag-list a { + .tag-list a { color: var(--color-marketing-gray-10) !important; } .tag-list a:hover, .sidebar-nav a:hover { color: var(--color-link) !important; } - .tag-list li{ + .tag-list li { background: var(--in-content-page-color) !important; } - .tag-list li:hover{ + .tag-list li:hover { background: var(--in-content-deemphasized-text) !important; } From e6df58fb93cce4422c35c4e4c656f378024ef679 Mon Sep 17 00:00:00 2001 From: andmagdo <62532857+andmagdo@users.noreply.github.com> Date: Fri, 17 Dec 2021 14:19:19 -0600 Subject: [PATCH 09/14] Fix: SUMO and AMO darkmode fixes (#295) * Another SUMO Fix, now with dialog menu * AMO Fixes (only the /developers/ pages) * AMO fixes --- userContent.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/userContent.css b/userContent.css index def0389..f093f73 100644 --- a/userContent.css +++ b/userContent.css @@ -634,6 +634,23 @@ .blogpost-nav-arrow-right .cls-1 { stroke: var(--in-content-text-color) !important; } + + /* /developers/ */ + .DevHub-Navigation { + background: var(--in-content-page-background) !important + } + .DevHub-Navigation.scheme-light ul li a { + color: var(--in-content-page-color) !important; + } + .DevHub-content-copy h2, + .content p { + color: var(--in-content-page-color) !important; + } + .DevHub-callout-box { + background: var(--in-content-box-background) !important; + color: var(--in-content-page-color) !important; + } + } /*= Support.org ============================================================*/ @@ -735,6 +752,13 @@ color: var(--in-content-page-color) !important; background: var(--in-content-page-background) !important; } + .mzp-c-menu-list-list, .mzp-c-menu-list-list:hover { + color: var(--in-content-page-color) !important; + background: var(--in-content-box-background) !important; + } + .mzp-c-menu-list-item :focus, .mzp-c-menu-list-item :hover { + background: var(--in-content-button-background-hover) !important; + } /* Fill */ .sumo-nav--logo, @@ -786,6 +810,9 @@ box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; } + .mzp-c-modal-close .mzp-c-modal-button-close{ + filter: invert(0.5); + } } /*= Accounts.com ===========================================================*/ @@ -867,6 +894,11 @@ .hover\:bg-grey-100:hover { background: var(--in-content-button-background-hover) !important; } + .text-blue-500 .cta-neutral, + .text-blue-500 .bg-grey-50, + .text-blue-500 .hover\:bg-grey-100 { + background: var(--in-content-button-background) !important; + } .hover\:bg-grey-200:hover { background: var(--in-content-button-background-active) !important; } @@ -882,6 +914,9 @@ .tooltip::before { background: var(--in-content-danger-button-background) !important; } + .flex .flex-wrap { + background: var(--in-content-page-background) + } /* Fill */ .dismiss, From 17062613adf2b21c3397f12ba84bd8309b858c93 Mon Sep 17 00:00:00 2001 From: black7375 Date: Fri, 17 Dec 2021 20:19:46 +0000 Subject: [PATCH 10/14] Clean: Prettified Code! --- userContent.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/userContent.css b/userContent.css index f093f73..4d4db8a 100644 --- a/userContent.css +++ b/userContent.css @@ -634,10 +634,10 @@ .blogpost-nav-arrow-right .cls-1 { stroke: var(--in-content-text-color) !important; } - + /* /developers/ */ .DevHub-Navigation { - background: var(--in-content-page-background) !important + background: var(--in-content-page-background) !important; } .DevHub-Navigation.scheme-light ul li a { color: var(--in-content-page-color) !important; @@ -650,7 +650,6 @@ background: var(--in-content-box-background) !important; color: var(--in-content-page-color) !important; } - } /*= Support.org ============================================================*/ @@ -752,11 +751,13 @@ color: var(--in-content-page-color) !important; background: var(--in-content-page-background) !important; } - .mzp-c-menu-list-list, .mzp-c-menu-list-list:hover { + .mzp-c-menu-list-list, + .mzp-c-menu-list-list:hover { color: var(--in-content-page-color) !important; background: var(--in-content-box-background) !important; } - .mzp-c-menu-list-item :focus, .mzp-c-menu-list-item :hover { + .mzp-c-menu-list-item :focus, + .mzp-c-menu-list-item :hover { background: var(--in-content-button-background-hover) !important; } @@ -810,8 +811,8 @@ box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; } - .mzp-c-modal-close .mzp-c-modal-button-close{ - filter: invert(0.5); + .mzp-c-modal-close .mzp-c-modal-button-close { + filter: invert(0.5); } } @@ -915,7 +916,7 @@ background: var(--in-content-danger-button-background) !important; } .flex .flex-wrap { - background: var(--in-content-page-background) + background: var(--in-content-page-background); } /* Fill */ From 89f6bede6ece0caec061ea36d0a13b302dfc807c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 18 Dec 2021 21:01:17 +0900 Subject: [PATCH 11/14] Clean: usercontents --- userContent.css | 20 ++++++++------------ 1 file changed, 8 insertions(+), 12 deletions(-) diff --git a/userContent.css b/userContent.css index 4d4db8a..8ddbb3d 100644 --- a/userContent.css +++ b/userContent.css @@ -639,9 +639,7 @@ .DevHub-Navigation { background: var(--in-content-page-background) !important; } - .DevHub-Navigation.scheme-light ul li a { - color: var(--in-content-page-color) !important; - } + .DevHub-Navigation.scheme-light ul li a, .DevHub-content-copy h2, .content p { color: var(--in-content-page-color) !important; @@ -756,8 +754,8 @@ color: var(--in-content-page-color) !important; background: var(--in-content-box-background) !important; } - .mzp-c-menu-list-item :focus, - .mzp-c-menu-list-item :hover { + .mzp-c-menu-list-item:focus, + .mzp-c-menu-list-item:hover { background: var(--in-content-button-background-hover) !important; } @@ -777,7 +775,8 @@ .search-button { filter: invert(95%) !important; } - button.markup-toolbar-button { + button.markup-toolbar-button, + .mzp-c-modal-close .mzp-c-modal-button-close { /*using 0.5 because in middle*/ filter: invert(0.5) !important; } @@ -811,9 +810,6 @@ box-shadow: 0 5px 10px -3px rgba(249, 249, 250, 0.12), 0 3px 16px 2px rgba(91, 91, 102, 0.12), 0 8px 12px 1px rgba(82, 82, 94, 0.04) !important; } - .mzp-c-modal-close .mzp-c-modal-button-close { - filter: invert(0.5); - } } /*= Accounts.com ===========================================================*/ @@ -871,6 +867,9 @@ } /* Background */ + .flex .flex-wrap { + background: var(--in-content-page-background); + } .password-row .show-password-label { background-color: unset !important; } @@ -915,9 +914,6 @@ .tooltip::before { background: var(--in-content-danger-button-background) !important; } - .flex .flex-wrap { - background: var(--in-content-page-background); - } /* Fill */ .dismiss, From f2bc6b5b862ac61dad5494607c727d304b1eea39 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 18 Dec 2021 21:01:31 +0900 Subject: [PATCH 12/14] Add: New contributor @andmagdo #292 --- CREDITS | 3 +++ 1 file changed, 3 insertions(+) diff --git a/CREDITS b/CREDITS index 529b09e..2c8e96d 100644 --- a/CREDITS +++ b/CREDITS @@ -119,6 +119,9 @@ N: Ajith-stark E: ajith.kum.12342@gmail.com W: https://github.com/Ajith-stark +N: Andmagdo +W: https://github.com/andmagdo + N: badprogramshere W: https://github.com/badprogramshere From 0cf4af2846656d1d477a84b8bc455ce9ff3f688d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 18 Dec 2021 21:09:36 +0900 Subject: [PATCH 13/14] Fix: compile for scss Ref https://github.com/black7375/Firefox-UI-Fix/commit/dcb1e6f5ece92730aec17ef992e14a212d9ee503 --- userChrome.css | 10 +++++++--- userContent.css | 2 +- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index bc1093d..f2feb11 100644 --- a/userChrome.css +++ b/userChrome.css @@ -6,8 +6,12 @@ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) { --lwt-accent-color: rgb(229, 229, 235) !important; /* Original: rgb(240, 240, 244) */ } -@media not all and ((-moz-os-version: windows-win7) or (-moz-os-version: windows-win8) or (-moz-gtk-csd-available)) { - /* Level 4 */ +@media (-moz-os-version: windows-win10) { + :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox { + background-color: var(--lwt-accent-color) !important; + } +} +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox { background-color: var(--lwt-accent-color) !important; } @@ -2059,7 +2063,7 @@ browser[type="content"] > html { --organizer-pane-field-border-color: ThreeDShadow; } - @media not (prefers-contrast) { + @media not all and (prefers-contrast) { :root { --organizer-color: var(--in-content-page-color); --organizer-deemphasized-color: var(--in-content-deemphasized-text); diff --git a/userContent.css b/userContent.css index 8ddbb3d..2fb1f2e 100644 --- a/userContent.css +++ b/userContent.css @@ -1807,7 +1807,7 @@ --organizer-pane-field-border-color: ThreeDShadow; } - @media not (prefers-contrast) { + @media not all and (prefers-contrast) { :root { --organizer-color: var(--in-content-page-color); --organizer-deemphasized-color: var(--in-content-deemphasized-text); From a4d7f5b4ad70934605c5802cb98bb7c0377c55c7 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 18 Dec 2021 21:12:40 +0900 Subject: [PATCH 14/14] Fix: for SASS compile Ref https://github.com/black7375/Firefox-UI-Fix/commit/dcb1e6f5ece92730aec17ef992e14a212d9ee503 --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index af1abf3..ed92ad8 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1056,7 +1056,7 @@ html#main-window menupopup { :root[lwtheme-mozlightdark] menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), /* Legacy */ :root[lwtheme-mozlightdark] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup), /* Legacy */ :root:is([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]), -:root:is[[style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]] menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) { +:root:is([style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) menupopup:is(#goPopup, #historyMenuPopup, #bookmarksMenuPopup) { --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important; --arrowpanel-background: var( --toolbar-bgcolor,