From 95e7a96e774c6214b5f0ddcb2badf18cdde76176 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 11:19:51 +0900 Subject: [PATCH 01/31] Fix: accounts.com - incorrect color #183 --- userContent.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/userContent.css b/userContent.css index fec4d99..ec299f5 100644 --- a/userContent.css +++ b/userContent.css @@ -610,6 +610,7 @@ .cta-neutral:hover { color: var(--in-content-page-color) !important; } + #main-content.panel a, .links a, .link-blue, .text-blue-500 { @@ -618,6 +619,12 @@ .link-blue:hover { color: var(--in-content-link-color-hover) !important; } + + .signed-in-email-message, + .verification-email-message, + .verification-message, + .verification-recovery-code-message, + .verification-totp-message, .input-row input[type="email"], .input-row input[type="number"], .input-row input[type="password"], @@ -637,13 +644,13 @@ background-color: unset !important; } #main-content, + .modal, .firefox-family-services, .input-row input[type="email"], .input-row input[type="number"], .input-row input[type="password"], .input-row input[type="tel"], .input-row input[type="text"], - .password-row .show-password-label, header, .bg-white:not(nav) { background: var(--in-content-box-background) !important; From 5a91333a6f9e1551b4daf6da42511562e95da1aa Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 11:52:49 +0900 Subject: [PATCH 02/31] Fix: Bottom Rounded Corner - Reduce calc --- userChrome.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 4f70227..dd58abc 100644 --- a/userChrome.css +++ b/userChrome.css @@ -840,6 +840,7 @@ #tabbrowser-tabs { --tab-corner-rounding: 4px; /* 10px looks about like chromium - 17px looks close to Australis tabs */ --tab-corner-padding: 1px; + --tab-corner-position: calc(var(--tab-corner-padding) - var(--tab-corner-rounding)); } :root:not([customizing="true"])[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::before, @@ -869,13 +870,13 @@ :root[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::before, :root:not([gtktiledwindow="true"]) tab[visuallyselected] > stack::before { - left: calc(var(--tab-corner-padding) - var(--tab-corner-rounding)) !important; + left: var(--tab-corner-position) !important; background-image: url(./icons/tab-bottom-corner-left.svg); } :root[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::after, :root:not([gtktiledwindow="true"]) tab[visuallyselected] > stack::after { left: auto; - right: calc(var(--tab-corner-padding) - var(--tab-corner-rounding)); + right: var(--tab-corner-position); background-image: url(./icons/tab-bottom-corner-right.svg); } From dbab47f2eb57882166bd20372adb0e03a1d722ce Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 12:05:23 +0900 Subject: [PATCH 03/31] Clean: Bottom Rounded Corner - Refactor --- userChrome.css | 27 ++++++++++++++++++--------- 1 file changed, 18 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index dd58abc..60e88e1 100644 --- a/userChrome.css +++ b/userChrome.css @@ -843,12 +843,9 @@ --tab-corner-position: calc(var(--tab-corner-padding) - var(--tab-corner-rounding)); } - :root:not([customizing="true"])[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::before, - :root:not([customizing="true"]):not([gtktiledwindow="true"]) tab[visuallyselected] > stack::before, - :root:not([customizing="true"])[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::after, - :root:not([customizing="true"]):not([gtktiledwindow="true"]) tab[visuallyselected] > stack::after { + :root:not([customizing="true"]) tab[visuallyselected] > stack::before, + :root:not([customizing="true"]) tab[visuallyselected] > stack::after { /* Box */ - content: "" !important; display: block !important; position: absolute !important; z-index: 1 !important; @@ -868,18 +865,30 @@ background-position-y: bottom; } - :root[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::before, - :root:not([gtktiledwindow="true"]) tab[visuallyselected] > stack::before { + tab[visuallyselected] > stack::before { left: var(--tab-corner-position) !important; background-image: url(./icons/tab-bottom-corner-left.svg); } - :root[gtktiledwindow="true"][lwtheme="true"] tab[visuallyselected] > stack::after, - :root:not([gtktiledwindow="true"]) tab[visuallyselected] > stack::after { + tab[visuallyselected] > stack::after { left: auto; right: var(--tab-corner-position); background-image: url(./icons/tab-bottom-corner-right.svg); } + @media (-moz-gtk-csd-available) { + /* Don't enabled at GTK */ + :root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::before, + :root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::after { + content: "" !important; + } + } + @media not (-moz-gtk-csd-available) { + :root:not([customizing="true"]) tab[visuallyselected] > stack::before, + :root:not([customizing="true"]) tab[visuallyselected] > stack::after { + content: "" !important; + } + } + /** Unselected Tab - Divide line ********************************************/ #tabbrowser-arrowscrollbox { position: absolute; From 2472463e918207d1e818d3b63179948fd104dae2 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 12:14:21 +0900 Subject: [PATCH 04/31] Doc: update CREDITS #176 #181 --- CREDITS | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/CREDITS b/CREDITS index e6181fa..ec643d9 100644 --- a/CREDITS +++ b/CREDITS @@ -89,6 +89,10 @@ N: 7k5x E: 7k5xlp0onfire@gmail.com W: https://github.com/7k5x +N: Ajith-stark +E: ajith.kum.12342@gmail.com +W: https://github.com/Ajith-stark + N: badprogramshere W: https://github.com/badprogramshere @@ -96,6 +100,10 @@ N: Burak Yigit Kaya E: ben@byk.im W: https://byk.im/ +N: dr460nf1r3 +E: njcrypted@protonmail.com +W: https://dr460nf1r3.me/ + N: hellojaccc E: kim@taekyeong.me W: https://github.com/hellojaccc From f851df84ebc98a97956b065b136227293c26e888 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 15:08:00 +0900 Subject: [PATCH 05/31] Clean: CSS arribute's missing quotes --- userChrome.css | 105 ++++++++++++++++++++++++------------------------- 1 file changed, 52 insertions(+), 53 deletions(-) diff --git a/userChrome.css b/userChrome.css index 60e88e1..c9086dd 100644 --- a/userChrome.css +++ b/userChrome.css @@ -327,8 +327,8 @@ /*= Remove White Flash =====================================================*/ #tabbrowser-tabbox, #tabbrowser-tabpanels, - browser[type=content-primary], - browser[type=content] > html { + browser[type="content-primary"], + browser[type="content"] > html { background: var(--in-content-page-background) !important; } @@ -456,7 +456,7 @@ --arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */ } - :root[uidensity=compact] { + :root[uidensity="compact"] { /* Tool Bar */ --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ @@ -464,7 +464,7 @@ --arrowpanel-menuitem-padding: 3px !important; /* Original: 8px */ } - :root[uidensity=touch] { + :root[uidensity="touch"] { /* Tab Bar - Like Original */ --proton-tab-block-margin: 4px !important; /* Original: 4px */ --tab-block-margin: 4px !important; /* New version of --proton-tab-block-margin */ @@ -500,7 +500,7 @@ margin-inline-start: 1px !important; } - :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox { + :root:not([uidensity="touch"]) #tabbrowser-arrowscrollbox { --scrollbtn-inner-padding: 1px; --scrollbtn-outer-padding: 3px; } @@ -513,7 +513,7 @@ padding-right: var(--scrollbtn-inner-padding, 4px) !important; } - :root:not([uidensity=touch]) #new-tab-button, #alltabs-button { + :root:not([uidensity="touch"]) #new-tab-button, #alltabs-button { --toolbarbutton-outer-padding: 1px; /* Original: 2px*/ } @@ -533,17 +533,17 @@ /*= Tab Bar - Reduce Height, Show more contents ============================*/ /* Toolbar Height */ - :root:not([uidensity=touch]) #TabsToolbar { + :root:not([uidensity="touch"]) #TabsToolbar { --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ } .toolbar-items, .tabbrowser-tab { max-height: 38px; } - :root[uidensity=compact] .toolbar-items, .tabbrowser-tab { + :root[uidensity="compact"] .toolbar-items, .tabbrowser-tab { max-height: 36px; } - :root[uidensity=touch] .toolbar-items, .tabbrowser-tab { + :root[uidensity="touch"] .toolbar-items, .tabbrowser-tab { max-height: 45px; } @@ -567,24 +567,24 @@ border-radius: var(--scrollbtn-border-radius, calc(var(--tab-border-radius) + 4px)) !important; } - :root[tabsintitlebar]:not([uidensity=compact]) #toolbar-menubar[autohide="true"] { + :root[tabsintitlebar]:not([uidensity="compact"]) #toolbar-menubar[autohide="true"] { height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px); /* Compact: 28px, Normal: 33px, Touch: 38px */ } /* Pinned Tab - Titlechanged Indicator position fix */ - :root:not([uidensity=touch]) .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - :root:not([uidensity=touch]) .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + :root:not([uidensity="touch"]) .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), + :root:not([uidensity="touch"]) .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important; } - :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - :root[uidensity=compact] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + :root[uidensity="compact"] .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), + :root[uidensity="compact"] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ background-position-y: bottom calc(.5px + var(--tabs-navbar-shadow-size)) !important; } /*= URL Bar - Reduce Padding ===============================================*/ - :root:not([uidensity=touch]) #urlbar-container, #search-container { + :root:not([uidensity="touch"]) #urlbar-container, #search-container { padding-block: 2px; /* Original: 4px */ margin-inline: 5px; /* Original: 5px */ } @@ -593,19 +593,19 @@ :root:not([uidensity]) .urlbarView-row { padding-block: 1px; /* Original: 2px */ } - :root[uidensity=compact] .urlbarView-row { + :root[uidensity="compact"] .urlbarView-row { padding-block: 0px; } :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) { padding-block: 8px; /* Original: 10px */ } - :root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) { + :root[uidensity="compact"] #urlbar .search-one-offs:not([hidden]) { padding-block: 2px; } /*= BookMark Bar - Reduce Height ===========================================*/ - :root[uidensity=compact] #PersonalToolbar toolbarbutton { + :root[uidensity="compact"] #PersonalToolbar toolbarbutton { margin-top: 0px; /* Original: 2px */ } @@ -613,7 +613,7 @@ :root:not([uidensity]) #tab-notification-deck { --infobar-message-margin: 0 4px 3px; } - :root[uidensity=compact] #tab-notification-deck { + :root[uidensity="compact"] #tab-notification-deck { --infobar-message-margin: 0 4px 2px; } #tab-notification-deck notification-message[message-bar-type="infobar"] { @@ -624,7 +624,7 @@ --infobar-vertical-margin: 7px; --infobar-button-vertical-margin: 3px; } - :root[uidensity=compact] notification-message[message-bar-type="infobar"] { + :root[uidensity="compact"] notification-message[message-bar-type="infobar"] { --infobar-vertical-margin: 6px; --infobar-button-vertical-margin: 2px; } @@ -659,10 +659,10 @@ :root { --menu-padding: 0.35em; /* Win7, 8: 0px */ } - :root[uidensity=compact] { + :root[uidensity="compact"] { --menu-padding: 0.25em; } - :root[uidensity=touch] { + :root[uidensity="touch"] { --menu-padding: 0.5em; } menupopup > menuitem, @@ -675,16 +675,16 @@ } @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:not([uidensity=touch]) .menu-text, .menu-iconic-text { + :root:not([uidensity="touch"]) .menu-text, .menu-iconic-text { padding-inline-end: 0 !important; /* Original: 2px */ } - :root:not([uidensity=touch]) .menupopup-arrowscrollbox { + :root:not([uidensity="touch"]) .menupopup-arrowscrollbox { padding-block: 1px !important; /* Original: 4px*/ } - :root:not([uidensity=touch]) #context-navigation:not([hidden]) { + :root:not([uidensity="touch"]) #context-navigation:not([hidden]) { padding: 0 0 1px !important; /* Original: 0 0 4px*/ } - :root:not([uidensity=touch]) .menu-right { + :root:not([uidensity="touch"]) .menu-right { margin-right: 6px !important; /* Original: 12px */ } } @@ -703,7 +703,7 @@ --bookmark-menu-padding: 0.2em; --bookmark-seperator-margin: 1px 0.5em; } - :root[uidensity=compact] { + :root[uidensity="compact"] { --bookmark-menu-padding: 2px; --bookmark-seperator-margin: 0px 0.5em; } @@ -735,41 +735,40 @@ /** Popup panel - Compact mode */ /* Footer Button Height */ - :root[uidensity=compact] .panel-footer.panel-footer-menulike > button { + :root[uidensity="compact"] .panel-footer.panel-footer-menulike > button { padding: 3px 8px !important; } /* Footer Button Height */ - :root[uidensity=compact] #protections-popup-trackersView-settings-button { + :root[uidensity="compact"] #protections-popup-trackersView-settings-button { margin: 4px 8px 0 !important; } /* not cut off for Protection popup Footer on windows */ - :root[uidensity=compact] #protections-popup-multiView #protections-popup-footer { + :root[uidensity="compact"] #protections-popup-multiView #protections-popup-footer { padding: 3px 0 20px !important; } /* Button and disabed category in Protection popup */ - :root[uidensity=compact] #protections-popup-multiView .protections-popup-footer-button, - :root[uidensity=compact] #protections-popup-multiView .protections-popup-category { + :root[uidensity="compact"] #protections-popup-multiView .protections-popup-footer-button, + :root[uidensity="compact"] #protections-popup-multiView .protections-popup-category { height: 20px !important; min-height: 20px !important; } /* Footer Button in Tracking Content Panel */ - :root[uidensity=compact] #protections-popup-multiView .panel-footer.panel-footer-menulike { + :root[uidensity="compact"] #protections-popup-multiView .panel-footer.panel-footer-menulike { margin: 0 0 3px !important; } /* Identity popup header padding */ - :root[uidensity=compact] #identity-popup-multiView #identity-popup-mainView-panel-header { + :root[uidensity="compact"] #identity-popup-multiView #identity-popup-mainView-panel-header { padding: 2px 5px !important; } /* Text When There is no trackers */ - :root[uidensity=compact] #protections-popup-no-trackers-found-description { + :root[uidensity="compact"] #protections-popup-no-trackers-found-description { margin: 2em 4em !important; } /* Download Item margin */ - :root[uidensity=compact] #downloadsListBox { + :root[uidensity="compact"] #downloadsListBox { margin: 0 !important; } - /** Tab Bar - Connect to window *********************************************/ .tab-background { border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important; @@ -972,17 +971,17 @@ } /** Clipped tabs - Letters cleary *******************************************/ - #tabbrowser-tabs[closebuttons=activetab] .tab-content:not([pinned]) { + #tabbrowser-tabs[closebuttons="activetab"] .tab-content:not([pinned]) { padding-inline-start: 8px !important; } - #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]), - #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned]) { + #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]), + #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned]) { mask-image: linear-gradient(to right, black 70%, transparent) !important; } - #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="rtl"]:not([pinned]), - #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(rtl):not([pinned]) { + #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow][labeldirection="rtl"]:not([pinned]), + #tabbrowser-tabs[closebuttons="activetab"] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(rtl):not([pinned]) { mask-image: linear-gradient(to left, black 70%, transparent) !important; } @@ -991,7 +990,7 @@ display: -moz-inline-box !important; } - #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected], :hover) .tab-close-button { + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected], :hover) .tab-close-button { visibility: collapse !important; } @@ -1165,8 +1164,8 @@ background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important; background-position-x: 32%, 50%, 70% !important; } - :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]), - :root[uidensity=compact] .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + :root[uidensity="compact"] .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]), + :root[uidensity="compact"] .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */ background-position-x: 30%, 50%, 70% !important; } @@ -1176,8 +1175,8 @@ .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { background-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px) !important; } - :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected="true"]), - :root[uidensity=compact] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { + :root[uidensity="compact"] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected="true"]), + :root[uidensity="compact"] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) { background-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px) !important; } @@ -1200,8 +1199,8 @@ .toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text { padding-inline-start: 0 !important; } - #panelMenu_bookmarksMenu .subviewbutton[disabled=true] .toolbarbutton-text, - #appMenu_historyMenu .subviewbutton[disabled=true] .toolbarbutton-text { + #panelMenu_bookmarksMenu .subviewbutton[disabled="true"] .toolbarbutton-text, + #appMenu_historyMenu .subviewbutton[disabled="true"] .toolbarbutton-text { padding-inline-start: var(--arrowpanel-menublank-padding) !important; } #appMenu-proton-update-banner .toolbarbutton-text { @@ -1231,7 +1230,7 @@ margin-inline-end: 0 !important; } - .subviewbutton[type="checkbox"]:not([checked=true]) > .toolbarbutton-text { + .subviewbutton[type="checkbox"]:not([checked="true"]) > .toolbarbutton-text { margin-left: 16px !important; } @@ -1253,7 +1252,7 @@ stroke: var(--button-hover-bgcolor) !important; } - .subviewbutton[disabled=true] > image { + .subviewbutton[disabled="true"] > image { /* Ghost icons when disabled */ opacity: 0.4; } @@ -1271,10 +1270,10 @@ #appMenu-fxa-status2::before { /* Don't exist img tag */ content: url(chrome://browser/skin/fxa/avatar-empty.svg); } - #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed])::before { + #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"])::before { display: none; } - #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed]) #appMenu-fxa-label2::before { + #appMenu-fxa-status2:is([fxastatus="signedin"], [fxastatus="unverified"], [fxastatus="login-failed"]) #appMenu-fxa-label2::before { /* url("https://profile.accounts.firefox.com/v1/avatar/a") */ content: ''; border-radius: 50% !important; From 82eed2af460629edcd84e948393e540aa84e2952 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 15:43:21 +0900 Subject: [PATCH 06/31] Fix: Clipped tabs - Reduce closed button padding #173 #179 --- userChrome.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/userChrome.css b/userChrome.css index c9086dd..8a1aeaf 100644 --- a/userChrome.css +++ b/userChrome.css @@ -994,6 +994,17 @@ visibility: collapse !important; } + /* Closed Button Smaller */ + #tabbrowser-tabs[closebuttons="activetab"] .tab-content > .tab-close-button { + padding: 5px !important; /* Original: 7px */ + width: 20px !important; /* Original: 24px */ + height: 20px !important; /* Original: 24px */ + } + #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button { + padding-inline-start: 2px !important; /* Original: 0px */ + width: 17px !important; /* Redefine from 20px !important, Original: 17px = (width - padding) */ + } + /** Sound Tab - Hide Label **************************************************/ .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){ display: none !important; From 612ff5ef347557efdc29dc42844bd50f0fa9f937 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 20 Aug 2021 16:42:52 +0900 Subject: [PATCH 07/31] Fix: Addon.org's link, Support.org's inverse card color --- userContent.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/userContent.css b/userContent.css index ec299f5..61404fa 100644 --- a/userContent.css +++ b/userContent.css @@ -311,8 +311,10 @@ color: var(--in-content-text-color) !important; } .AutoSearchInput-suggestions-item:is(:active, :focus, :hover), + .AutoSearchInput-suggestions-item--highlighted, .SecondaryHero-message-link, .SecondaryHero-module-link, + .Card-contents a, .Card-footer-link a, .Card-shelf-footer-in-header a, .SearchResult-link:is(:active, :focus, :hover), @@ -553,7 +555,7 @@ .sumo-nav--logo, .sumo-nav--search-button, .sumo-nav--toggle-button, - .card--icon-sm, + .card:not(.is-inverse) .card--icon-sm, .mzp-c-menu-item-icon, .mzp-c-menu-button-close, .topic-article--icon, @@ -562,6 +564,13 @@ } /* Others */ + .support-callouts > .card.is-inverse { + background: #20133a !important; + } + .support-callouts > .card.is-inverse :is(h1, h2, h3, h4, h5, h6, li, p) { + color: var(--in-content-page-color) !important; + } + .sumo-button.secondary-button { border-color: none !important; } From 4fb392f4cec03594405ecf08f3a04a4bcd13cf13 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Fri, 20 Aug 2021 22:19:48 +0900 Subject: [PATCH 08/31] Fix: Closed Icon - Thicker, Larger, Padding reduce at clipped #179 --- icons/dismiss-filled.svg | 3 +++ userChrome.css | 23 +++++++++++++++++++---- 2 files changed, 22 insertions(+), 4 deletions(-) create mode 100644 icons/dismiss-filled.svg diff --git a/icons/dismiss-filled.svg b/icons/dismiss-filled.svg new file mode 100644 index 0000000..d88e0a7 --- /dev/null +++ b/icons/dismiss-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/userChrome.css b/userChrome.css index 8a1aeaf..3d7b97e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -994,15 +994,30 @@ visibility: collapse !important; } - /* Closed Button Smaller */ + /* Closed Button's icon thicker */ + .tabbrowser-tab .tab-content > .close-icon { + list-style-image: url(./icons/dismiss-filled.svg) !important; + } + + /* Closed Button's icon larger */ + .tab-close-button { + padding: 6px !important; /* Original: 7px */ + } + .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button { + padding-inline-start: 1px !important; /* Original: 0px */ + width: 19px !important; /* Original: 17px */ + } + + /* Closed Button's padding reduce */ #tabbrowser-tabs[closebuttons="activetab"] .tab-content > .tab-close-button { - padding: 5px !important; /* Original: 7px */ + margin-inline-end: calc((var(--inline-tab-padding) / -2) + 2px) !important; /* Original: calc(var(--inline-tab-padding) / -2)*/ + padding: 4px !important; /* Original: 7px */ width: 20px !important; /* Original: 24px */ height: 20px !important; /* Original: 24px */ } #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button { - padding-inline-start: 2px !important; /* Original: 0px */ - width: 17px !important; /* Redefine from 20px !important, Original: 17px = (width - padding) */ + padding-inline-start: 3px !important; /* Original: 0px */ + width: 19px !important; /* Redefine from 19px !important, Original: 17px = (width - padding) */ } /** Sound Tab - Hide Label **************************************************/ From 7d41def3821160d7ab26a8448d6dd762fff0b8e1 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 21 Aug 2021 18:24:10 +0900 Subject: [PATCH 09/31] Fix: Bottom Rounded Corner - media query --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 3d7b97e..dea8bfa 100644 --- a/userChrome.css +++ b/userChrome.css @@ -881,7 +881,7 @@ content: "" !important; } } - @media not (-moz-gtk-csd-available) { + @media not all and (-moz-gtk-csd-available) { :root:not([customizing="true"]) tab[visuallyselected] > stack::before, :root:not([customizing="true"]) tab[visuallyselected] > stack::after { content: "" !important; From c8ae935237dfdcb9ce2bd9835cb929675e755caa Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 21 Aug 2021 18:25:48 +0900 Subject: [PATCH 10/31] Fix: Bookmark Menu -Padding at compact `2px` -> `1px` https://github.com/black7375/Firefox-UI-Fix/commit/770ef6a8a5a5466c450066fd7393b227e208863c#r55178321 --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index dea8bfa..a6ba7c9 100644 --- a/userChrome.css +++ b/userChrome.css @@ -704,7 +704,7 @@ --bookmark-seperator-margin: 1px 0.5em; } :root[uidensity="compact"] { - --bookmark-menu-padding: 2px; + --bookmark-menu-padding: 1px; --bookmark-seperator-margin: 0px 0.5em; } From e92046bcaf4ef4d27acb0ff79b5470be0245e0fe Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 21 Aug 2021 21:32:03 +0900 Subject: [PATCH 11/31] Fix: Bookmar menu - align #136 --- userChrome.css | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/userChrome.css b/userChrome.css index a6ba7c9..edab5e3 100644 --- a/userChrome.css +++ b/userChrome.css @@ -675,7 +675,8 @@ } @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { - :root:not([uidensity="touch"]) .menu-text, .menu-iconic-text { + :root:not([uidensity="touch"]) .menu-text, + :root:not([uidensity="touch"]) .menu-iconic-text { padding-inline-end: 0 !important; /* Original: 2px */ } :root:not([uidensity="touch"]) .menupopup-arrowscrollbox { @@ -690,11 +691,7 @@ } /* Arrow Icon Align to Right */ - .subviewbutton.subviewbutton-nav, - .bookmark-item.subviewbutton { - padding-inline-end: 0 !important; - } - .bookmark-item.subviewbutton { + .bookmark-item.subviewbutton > .menu-right { margin-inline-end: 0 !important; } @@ -1661,10 +1658,11 @@ padding-inline-start: var(--menu-background-padding-default) !important; margin-left: 0 !important; } - menupopup:is(#BMB_bookmarksPopup) > menuitem:not(.menuitem-iconic), - menupopup:is(#BMB_bookmarksPopup) > menu:not(.menu-iconic) { - padding-inline-start: calc(var(--menu-background-padding-default) - var(--bookmark-menu-margin)) !important; - margin-left: var(--bookmark-menu-margin) !important; + menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menuitem:not(.menuitem-iconic), + menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menu:not(.menu-iconic) { + margin-inline: var(--arrowpanel-menuicon-padding) !important; + padding-inline-start: calc(var(--menu-background-padding-default) - var(--arrowpanel-menuicon-padding)) !important; + background-position: left var(--arrowpanel-menuitem-padding) center !important; } } From 790cccb0289ecbff5b8df1a3a12ada7367b19fba Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 21 Aug 2021 22:57:39 +0900 Subject: [PATCH 12/31] Add: Identity Popup - Icons #136 --- userChrome.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/userChrome.css b/userChrome.css index edab5e3..8ec013b 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1579,6 +1579,24 @@ --menuitem-image: url(chrome://browser/skin/bookmarks-toolbar.svg); } + /*= identity-popup =========================================================*/ + #identity-popup-clear-sitedata-button, + #identity-popup-more-info { + padding-inline: 5px !important; + } + + #identity-popup-securityView-body { + margin-inline-start: 32px !important; /* Original: 10px */ + } + + #identity-popup-clear-sitedata-button { + list-style-image: url(./icons/broom.svg); + } + + #identity-popup-more-info { + list-style-image: url(chrome://global/skin/icons/info.svg); + } + /** Context Menu - Icons ****************************************************/ /*= Layout =================================================================*/ menupopup menuitem:not([type="checkbox"], [type="radio"]), From 4e4b27d9178ec8d89f49baa7b16248ebe615a56e Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 21 Aug 2021 23:20:46 +0900 Subject: [PATCH 13/31] Fix: Bookmark Menu - remove padding at empty item #136 --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 8ec013b..a2b70d0 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1676,7 +1676,7 @@ padding-inline-start: var(--menu-background-padding-default) !important; margin-left: 0 !important; } - menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menuitem:not(.menuitem-iconic), + menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menuitem:not(.menuitem-iconic, [disabled="true"]), menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menu:not(.menu-iconic) { margin-inline: var(--arrowpanel-menuicon-padding) !important; padding-inline-start: calc(var(--menu-background-padding-default) - var(--arrowpanel-menuicon-padding)) !important; From 2acac0c18e5c2a64d921fe06e00a6cdd6c0975c0 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 21 Aug 2021 23:51:25 +0900 Subject: [PATCH 14/31] Fix: Book menu - align, open in tab icon --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index a2b70d0..d851429 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1607,6 +1607,7 @@ /* Icon */ :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]), :not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]), + menuitem.openintabs-menuitem.subviewbutton, #blockedPopupDontShowMessage { /* Color */ -moz-context-properties: fill, fill-opacity !important; @@ -1667,7 +1668,6 @@ :root { --context-menu-background-padding: 1em; --menu-background-padding-default: calc(var(--context-menu-background-padding) + var(--context-menu-text-padding)); - --bookmark-menu-margin: 2px; } :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist), @@ -1680,7 +1680,7 @@ menupopup:is(#BMB_bookmarksPopup, [placespopup="true"]) > menu:not(.menu-iconic) { margin-inline: var(--arrowpanel-menuicon-padding) !important; padding-inline-start: calc(var(--menu-background-padding-default) - var(--arrowpanel-menuicon-padding)) !important; - background-position: left var(--arrowpanel-menuitem-padding) center !important; + background-position: left calc(var(--arrowpanel-menuitem-padding) + 1px) center !important; } } From 69cbe1db2c1a54da34d28994d1f1ff60655ca4c0 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 00:58:47 +0900 Subject: [PATCH 15/31] Fix: userContents - Remove Scrollabr color Original: - Background: #f0f0f0 - Default: #CDCDCD - Hover: #A6A6A6 - Drag: #606060 Scrollbar Code: - Background: #B8B8BA - Default: #D2D2D4 - Hover: #BFBFC1 - Drag: #9E9E9F This is very bad for accessibility. Ref: https://black7375.tistory.com/84 comments --- userChrome.css | 2 -- userContent.css | 2 -- 2 files changed, 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index d851429..3c9f85c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -294,8 +294,6 @@ --card-outline-color: var(--grey-60); --dialog-warning-text-color: var(--red-40); - - scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3); } } diff --git a/userContent.css b/userContent.css index 61404fa..f323bc0 100644 --- a/userContent.css +++ b/userContent.css @@ -274,8 +274,6 @@ --card-outline-color: var(--grey-60); --dialog-warning-text-color: var(--red-40); - - scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3); } /*= Addons.org =============================================================*/ From e6897aff3ab9dab53409c4ee90c19ee50a842656 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 02:27:27 +0900 Subject: [PATCH 16/31] Fix: Panel - Account's missing icons #187 `#fxa-menu-avatar` has been removed in recent versions of Firefox. --- userChrome.css | 22 +++++++++++++++------- 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index 3c9f85c..fd41344 100644 --- a/userChrome.css +++ b/userChrome.css @@ -443,7 +443,7 @@ /*= Root - Reduce Padding ==================================================*/ :root { /* Tab Bar */ - --proton-tab-block-margin: 2px !important; /* Original: 4px */ + --proton-tab-block-margin: 2px !important; /* Original: 4px, Legacy */ --tab-block-margin: 2px !important; /* New version of --proton-tab-block-margin */ --inline-tab-padding: 6px !important; /* Original: 8px */ @@ -1232,8 +1232,8 @@ #appMenu-proton-update-banner::before { display: -moz-inline-box; margin-inline-end: var(--arrowpanel-menuicon-padding); - width: 16px !important; - height: 16px !important; + width: 16px; + height: 16px; } #appMenu-proton-update-banner { margin-bottom: 2px !important; @@ -1363,8 +1363,14 @@ } /* Default */ - #fxa-menu-avatar { - display: -moz-inline-box !important; + #fxa-manage-account-button::before { + content: ''; + display: -moz-inline-box; + width: 32px; + height: 32px; + border-radius: 50%; + background-size: 32px; + background-image: var(--avatar-image-url); margin-inline-end: var(--arrowpanel-menuicon-padding); } @@ -1410,10 +1416,12 @@ #PanelUI-sign-out-separator { display: none; } - .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] { + .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""], /* Legacy */ + .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] { list-style-image: url(./icons/send-to-device.svg); } - .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) { + .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]), /* Legacy */ + .sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) { list-style-image: url(chrome://global/skin/icons/settings.svg); } From 585018e19de8628a81d97cd2cd6ca1c7aec9d93d Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 02:46:17 +0900 Subject: [PATCH 17/31] Fix: share icon update https://github.com/mozilla/gecko-dev/blob/master/browser/themes/osx/share.svg --- icons/share.svg | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/icons/share.svg b/icons/share.svg index a143388..9793379 100644 --- a/icons/share.svg +++ b/icons/share.svg @@ -1,7 +1,7 @@ - - - - \ No newline at end of file + + + + From fc4d67dfefb031ede16e09b32474638fba37cbc7 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 02:46:48 +0900 Subject: [PATCH 18/31] Fix: Tab Context Menu - Make to icon sparse --- userChrome.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index fd41344..2325c99 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1724,7 +1724,7 @@ #context_reloadTab, #context_reloadSelectedTabs { - --menuitem-image: url(chrome://browser/skin/reload.svg); + /* --menuitem-image: url("chrome://global/skin/icons/reload.svg"); */ } #context_toggleMuteTab, #context_toggleMuteSelectedTabs { @@ -1757,7 +1757,9 @@ #context_sendTabToDevice { --menuitem-image: url(./icons/send-to-device.svg); } - #context_shareTabURL { /* At windows */ + + #context_sendTabToDevice:is([disabled="true"]) + #context_shareTabURL, /* Legacy */ + #context_sendTabToDevice:is([disabled="true"]) + menuitem.share-tab-url-item { /* At windows */ --menuitem-image: url(./icons/share.svg); } #context_reopenInContainer { From c9579c414bf7ee13d1c597cb7f0d816eb326673d Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 03:03:39 +0900 Subject: [PATCH 19/31] Fix: Theme - Icon Fill Color compatibility - Icon fill color representation of the default Dark theme is now gone in Nightly. - Brighter colors are good to see in dark themes. --- userChrome.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/userChrome.css b/userChrome.css index 2325c99..04294b8 100644 --- a/userChrome.css +++ b/userChrome.css @@ -23,6 +23,14 @@ border-radius: 4px; } + /*= Icon Fill Color ========================================================*/ + :root:-moz-lwtheme { + /* Auto create --lwt-toolbarbutton-icon-fill-attention, fix for nightly default theme + Default Color: rgb(0,97,224) -> rgb(0, 120, 215) for more light + */ + --lwt-toolbarbutton-icon-fill-attention: var(--button-primary-bgcolor, rgb(0, 120, 215)); + } + /*= Light Weight Theme =====================================================*/ /* Header Image */ :root[lwtheme-image] { From 6dc9af0694511ca21e62d8722c65fa978a27f4fb Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 03:31:08 +0900 Subject: [PATCH 20/31] Fix: Icon - movetowindow property There is a bug where the icon does not appear in `#appMenu-library-recentlyClosedTabs` if `width` & `height` is not specified. --- icons/movetowindow-16.svg | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/icons/movetowindow-16.svg b/icons/movetowindow-16.svg index 80181a3..0584677 100644 --- a/icons/movetowindow-16.svg +++ b/icons/movetowindow-16.svg @@ -1,7 +1,7 @@ - - - + + + From f6d60e380a37e07a498d70e9ca767275a00fc069 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 03:46:00 +0900 Subject: [PATCH 21/31] Fix: Place Context Menu - missing open in tabs menu icon --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 04294b8..77c991f 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1621,7 +1621,6 @@ /* Icon */ :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]), :not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]), - menuitem.openintabs-menuitem.subviewbutton, #blockedPopupDontShowMessage { /* Color */ -moz-context-properties: fill, fill-opacity !important; @@ -2191,7 +2190,8 @@ --menuitem-image: url(chrome://browser/skin/bookmark-star-on-tray.svg); } - menupopup[context="placesContext"] > .openintabs-menuitem { + menupopup[context="placesContext"] > .openintabs-menuitem, + menuitem.openintabs-menuitem.subviewbutton { --menuitem-image: url(./icons/movetowindow-16.svg); } From 9a0b31ae03bf021b04aa48de7a746bdac3ded6e0 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 14:57:53 +0900 Subject: [PATCH 22/31] Fix: Panel - Account avata at hamburger menu #187 --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 77c991f..b369353 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1374,8 +1374,8 @@ #fxa-manage-account-button::before { content: ''; display: -moz-inline-box; - width: 32px; - height: 32px; + width: 32px !important; + height: 32px !important; border-radius: 50%; background-size: 32px; background-image: var(--avatar-image-url); From a8ae461a9617b566f0909bccccf6fb25d78f3da4 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 15:28:08 +0900 Subject: [PATCH 23/31] Fix: Menu - None main-window color `html#main-window` to exist colored `--arrowpanel-color` & `--arrowpanel-background` --- userChrome.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/userChrome.css b/userChrome.css index b369353..7820149 100644 --- a/userChrome.css +++ b/userChrome.css @@ -306,7 +306,7 @@ } /*== Menu color ===========================================================*/ - menupopup { + html#main-window menupopup { /* is same as toolbar color https://github.com/mozilla/gecko-dev/blob/master/toolkit/themes/windows/global/global.css#L17-L67 */ --menu-color: var(--arrowpanel-color, var(--in-content-page-color)) !important; --menu-background-color: var(--arrowpanel-background, var(--in-content-button-background)) !important; @@ -325,8 +325,8 @@ /* Default theme color preservation */ :root[lwtheme-mozlightdark] menupopup { - --menu-color: var(--toolbar-color) !important; - --menu-background-color: var(--toolbar-bgcolor) !important; + --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important; + --arrowpanel-background: var(--toolbar-bgcolor, var(--in-content-button-background)) !important; /* --menu-background-color */ } /* Fully Dark Mode **********************************************************/ From df9841eb84b6515b22ffa5771802438450f187b7 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 16:40:09 +0900 Subject: [PATCH 24/31] Add: Sidebar Menu - Lightweight Theme color --- userChrome.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/userChrome.css b/userChrome.css index 7820149..d1e73cd 100644 --- a/userChrome.css +++ b/userChrome.css @@ -318,6 +318,18 @@ --menuitem-disabled-hover-background-color: color-mix(in srgb, var(--menuitem-hover-background-color) 40%, transparent) !important; } + window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup { + --panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important; + --panel-background: var(--lwt-sidebar-background-color, var(--menu-background-color)) !important; + } + window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menu[_moz-menuactive="true"]:not([disabled="true"]), + window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menuitem[_moz-menuactive="true"]:not([disabled="true"]) { + --menuitem-hover-background-color: color-mix(in srgb, currentColor 17%, transparent); /* Looks like toolbar button */ + /* or var(--lwt-sidebar-highlight-background-color) + If this value is used, unset is required in the default theme. + */ + } + /* Fallback background */ menupopup:not(.cui-widget-panel.cui-widget-panelview, [placespopup="true"]) { background-color: var(--lwt-accent-color, var(--in-content-page-background)) !important; @@ -328,6 +340,11 @@ --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important; --arrowpanel-background: var(--toolbar-bgcolor, var(--in-content-button-background)) !important; /* --menu-background-color */ } + window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(249, 249, 251, 1);"] menupopup, /* Default Light Mode */ + window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] menupopup { /* Default Dark Mode */ + --panel-color: var(--menu-color) !important; + --panel-background: var(--menu-background-color) !important; + } /* Fully Dark Mode **********************************************************/ /*= Remove White Flash =====================================================*/ From 8e615983d0577fd666c4a9ddf3b195d98c8a7089 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 17:13:57 +0900 Subject: [PATCH 25/31] Fix: Menu Color - at linux, Bookmark popup --- userChrome.css | 34 +++++++++++++++++++--------------- 1 file changed, 19 insertions(+), 15 deletions(-) diff --git a/userChrome.css b/userChrome.css index d1e73cd..ac4ccbb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -318,16 +318,18 @@ --menuitem-disabled-hover-background-color: color-mix(in srgb, var(--menuitem-hover-background-color) 40%, transparent) !important; } - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup { - --panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important; - --panel-background: var(--lwt-sidebar-background-color, var(--menu-background-color)) !important; - } - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menu[_moz-menuactive="true"]:not([disabled="true"]), - window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menuitem[_moz-menuactive="true"]:not([disabled="true"]) { - --menuitem-hover-background-color: color-mix(in srgb, currentColor 17%, transparent); /* Looks like toolbar button */ - /* or var(--lwt-sidebar-highlight-background-color) - If this value is used, unset is required in the default theme. - */ + @media not all and (-moz-gtk-csd-available) { + window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menupopup { + --panel-color: var(--lwt-sidebar-text-color, var(--menu-color)) !important; + --panel-background: var(--lwt-sidebar-background-color, var(--menu-background-color)) !important; + } + window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menu[_moz-menuactive="true"]:not([disabled="true"]), + window:is(#bookmarksPanel, #history-panel)[lwt-sidebar="true"] menuitem[_moz-menuactive="true"]:not([disabled="true"]) { + --menuitem-hover-background-color: color-mix(in srgb, currentColor 17%, transparent); /* Looks like toolbar button */ + /* or var(--lwt-sidebar-highlight-background-color) + If this value is used, unset is required in the default theme. + */ + } } /* Fallback background */ @@ -336,14 +338,16 @@ } /* Default theme color preservation */ - :root[lwtheme-mozlightdark] menupopup { + :root[lwtheme-mozlightdark] menupopup:not(#BMB_bookmarksPopup, [placespopup="true"]) { --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important; --arrowpanel-background: var(--toolbar-bgcolor, var(--in-content-button-background)) !important; /* --menu-background-color */ } - window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(249, 249, 251, 1);"] menupopup, /* Default Light Mode */ - window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] menupopup { /* Default Dark Mode */ - --panel-color: var(--menu-color) !important; - --panel-background: var(--menu-background-color) !important; + @media not all and (-moz-gtk-csd-available) { + window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(249, 249, 251, 1);"] menupopup, /* Default Light Mode */ + window:is(#bookmarksPanel, #history-panel)[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] menupopup { /* Default Dark Mode */ + --panel-color: var(--menu-color) !important; + --panel-background: var(--menu-background-color) !important; + } } /* Fully Dark Mode **********************************************************/ From 990e0d46f68aa2fab0d6f1509b2763999c7657ef Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 22 Aug 2021 18:13:41 +0900 Subject: [PATCH 26/31] Fix: Default Theme - Mac's default light mode conrast #144 @media not (prefors-contrast) { #navigator-toolbox:not(:-moz-lwtheme) { background-color: #f0f0f4; } } at mac --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index ac4ccbb..bec7ef9 100644 --- a/userChrome.css +++ b/userChrome.css @@ -6,7 +6,7 @@ } @media not all and ((-moz-os-version: windows-win7) or (-moz-os-version: windows-win8)) { /* Level 4 */ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]) #navigator-toolbox { - background-color: var(--lwt-accent-color); + background-color: var(--lwt-accent-color) !important; } } From 517ae7caf9a31bf86289ca9f9a0117173db65aa6 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Sun, 22 Aug 2021 16:54:48 +0000 Subject: [PATCH 27/31] Fix: addon.org - Don't link color at button's text --- userContent.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userContent.css b/userContent.css index f323bc0..5ed56fa 100644 --- a/userContent.css +++ b/userContent.css @@ -312,7 +312,7 @@ .AutoSearchInput-suggestions-item--highlighted, .SecondaryHero-message-link, .SecondaryHero-module-link, - .Card-contents a, + .Card-contents a:not(.Button), .Card-footer-link a, .Card-shelf-footer-in-header a, .SearchResult-link:is(:active, :focus, :hover), From a61ae260200d3eb76f47c26f2eccb0863ec96e27 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 23 Aug 2021 16:22:06 +0900 Subject: [PATCH 28/31] Fix: support.org - color color-warning is to light --- userContent.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/userContent.css b/userContent.css index 5ed56fa..01591a1 100644 --- a/userContent.css +++ b/userContent.css @@ -493,10 +493,12 @@ --color-inverse-bg: var(--in-content-page-color) !important; --color-inverse: var(--in-content-page-background) !important; --color-text: var(--in-content-page-color) !important; + --color-moz-text: var(--in-content-page-color) !important; + --color-moz-heading: var(--in-content-page-color) !important; --color-text-light: var(--in-content-deemphasized-text) !important; --color-link: var(--in-content-link-color) !important; - --color-success: var(--green-60) !important; - --color-warning: var(--yellow-60) !important; + --color-success: var(--green-70) !important; + --color-warning: var(--yellow-70) !important; --color-error: var(--red-60) !important; --color-error-hover: var(--red-50) !important; --color-moz-heading: #fff; From 2202602b6718e3db7d91a680d0695f1c508870a6 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 24 Aug 2021 14:01:02 +0900 Subject: [PATCH 29/31] Fix: Infobar - Closing prevented notification deck #190 --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index bec7ef9..4a91d74 100644 --- a/userChrome.css +++ b/userChrome.css @@ -643,7 +643,7 @@ :root[uidensity="compact"] #tab-notification-deck { --infobar-message-margin: 0 4px 2px; } - #tab-notification-deck notification-message[message-bar-type="infobar"] { + #tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) { margin: var(--infobar-message-margin, 0 4px 4px) !important; } From a6eb05ef3ea92f5ca46ca8f90b4637f6d6c57161 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 24 Aug 2021 14:12:53 +0900 Subject: [PATCH 30/31] Fix: Identity popup icon crop --- userChrome.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/userChrome.css b/userChrome.css index 4a91d74..707d9a4 100644 --- a/userChrome.css +++ b/userChrome.css @@ -23,6 +23,11 @@ border-radius: 4px; } + /*= Identity Poup Icon Crop ================================================*/ + .identity-popup-security-connection.identity-button { + padding-block: 1px; + } + /*= Icon Fill Color ========================================================*/ :root:-moz-lwtheme { /* Auto create --lwt-toolbarbutton-icon-fill-attention, fix for nightly default theme From 6ce48a909f9aecda27f73a513c7a968307d48e62 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 25 Aug 2021 10:17:25 +0900 Subject: [PATCH 31/31] Fix: Zoom in button's plus icon horizontal rate --- userChrome.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/userChrome.css b/userChrome.css index 707d9a4..f5b63a8 100644 --- a/userChrome.css +++ b/userChrome.css @@ -28,6 +28,13 @@ padding-block: 1px; } + /*= Zoom in button's plus icon horizontal rate =============================*/ + #customization-palette-container #zoom-in-button > .toolbarbutton-icon, + #customization-panel-container #zoom-in-button > .toolbarbutton-icon, + #widget-overflow-mainView #zoom-in-button > .toolbarbutton-icon { + padding-inline-start: 0px !important; + } + /*= Icon Fill Color ========================================================*/ :root:-moz-lwtheme { /* Auto create --lwt-toolbarbutton-icon-fill-attention, fix for nightly default theme