From 6c25391e70dfdeb9c14ecc7500d26c39a83b4c37 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Fri, 21 Jan 2022 17:09:07 +0900 Subject: [PATCH 01/11] Fix: New tab button - Size broken at compact mode (`v96`) --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 372a02d..df2f004 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2846,8 +2846,8 @@ menuitem.openintabs-menuitem, } /* Toolbar Height */ -:root:not([uidensity="touch"]) #TabsToolbar { - --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ +:root[uidensity="compact"] #TabsToolbar { + --toolbarbutton-inner-padding: 9px !important; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ } .toolbar-items, From bc45deafab2eeaaaa42cd8a14f89bd888b670bdc Mon Sep 17 00:00:00 2001 From: MS_Y Date: Sun, 23 Jan 2022 21:47:55 +0900 Subject: [PATCH 02/11] Fix: Tab Bar Size #318 --- userChrome.css | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) diff --git a/userChrome.css b/userChrome.css index df2f004..464dc43 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2846,21 +2846,15 @@ menuitem.openintabs-menuitem, } /* Toolbar Height */ -:root[uidensity="compact"] #TabsToolbar { - --toolbarbutton-inner-padding: 9px !important; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */ -} - -.toolbar-items, -.tabbrowser-tab { +#tabbrowser-arrowscrollbox { --tabbar-max-height: 38px; max-height: calc(var(--tabbar-max-height) + var(--space-above-tabbar)); } -:root[uidensity="compact"] .toolbar-items, -:root[uidensity="compact"] .tabbrowser-tab { - --tabbar-max-height: 36px; + +:root[uidensity="compact"] #tabbrowser-arrowscrollbox { + --tabbar-max-height: 32px; } -:root[uidensity="touch"] .toolbar-items, -:root[uidensity="touch"] .tabbrowser-tab { +:root[uidensity="touch"] #tabbrowser-arrowscrollbox { --tabbar-max-height: 45px; } From 86d99d212c7cd72c3e85ed585b9f0a420b4d9d62 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 24 Jan 2022 11:25:22 +0900 Subject: [PATCH 03/11] Fix: Tab - border color at `v96` #321 --- userChrome.css | 43 ++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 42 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 464dc43..e4f680d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3222,6 +3222,47 @@ menupopup > menu { box-shadow: 0 0 1px color-mix(in srgb, var(--toolbar-color) 80%, transparent) !important; } +/* Consider 0 0 4px rgba(128,128,142,0.9) -> 0 0 4px rgba(0,0,0,.4) new default */ +#TabsToolbar:not([brighttext]) + #tabbrowser-tabs:not([noshadowfortests]) + .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + > .tab-stack + > .tab-background { + box-shadow: 0 0 1px var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9))), + 0 0 4px rgba(128, 128, 142, 0.5) !important; +} + +#TabsToolbar[brighttext] + #tabbrowser-tabs:not([noshadowfortests]) + .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + > .tab-stack + > .tab-background:-moz-lwtheme { + box-shadow: 0 0 1px var(--tab-line-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9))) !important; +} + +/* For themes outside of Light and Dark (which are curated by Mozilla), show a thicker border + around the tab to help themes that are dependent on tab_line to show the selected tab. */ +:root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"]) + #TabsToolbar:not([brighttext]) + #tabbrowser-tabs:not([noshadowfortests]) + .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + > .tab-stack + > .tab-background:-moz-lwtheme { + box-shadow: 0 0 0 1px + var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))), + 0 0 4px rgba(128, 128, 142, 0.5) !important; +} + +:root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) + #TabsToolbar[brighttext] + #tabbrowser-tabs:not([noshadowfortests]) + .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + > .tab-stack + > .tab-background:-moz-lwtheme { + box-shadow: 0 0 0 1px + var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))) !important; +} + /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */ #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] { z-index: 0 !important; @@ -3249,7 +3290,7 @@ menupopup > menu { /* Color */ fill: var(--toolbar-bgcolor) !important; - stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) !important; + stroke: var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))) !important; -moz-context-properties: fill, stroke !important; /* Image */ From 734cff7015364657030bc67aa7cf10b9f8476e5d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 24 Jan 2022 11:31:06 +0900 Subject: [PATCH 04/11] Fix: Bottom Rounded Corner - Stroke for default dark theme #321 --- userChrome.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index e4f680d..77b0c5e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3298,8 +3298,17 @@ menupopup > menu { background-repeat: no-repeat; background-position-y: bottom; } -:root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, -:root:not([customizing="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { + +:root:not([customizing="true"]):is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) + #TabsToolbar[brighttext] + #tabbrowser-tabs:not([noshadowfortests]) + tab[visuallyselected] + > stack:-moz-lwtheme::before, +:root:not([customizing="true"]):is([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"]) + #TabsToolbar[brighttext] + #tabbrowser-tabs:not([noshadowfortests]) + tab[visuallyselected] + > stack:-moz-lwtheme::after { /* As Selected Tab - Box Shadow */ stroke: var(--toolbar-color) !important; } From 23af4e43a9af9d9faa006c87d5266cf590dc953c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 24 Jan 2022 11:33:46 +0900 Subject: [PATCH 05/11] Clean: Prettified Code! --- userChrome.css | 13 ++++++++++--- userContent.css | 8 ++++++-- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/userChrome.css b/userChrome.css index 77b0c5e..92a5bb4 100644 --- a/userChrome.css +++ b/userChrome.css @@ -928,8 +928,12 @@ menu[disabled="true"] { --in-content-table-background: #f8f8fa; --in-content-table-border-color: var(--in-content-box-border-color); /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */ - --in-content-table-header-background: var(--in-content-primary-button-background); /* Legacy: #0a84ff; rgb(5, 64, 150); */ - --in-content-table-header-color: var(--in-content-primary-button-text-color); /* Legacy: #ffffff; var(--in-content-page-color); */ + --in-content-table-header-background: var( + --in-content-primary-button-background + ); /* Legacy: #0a84ff; rgb(5, 64, 150); */ + --in-content-table-header-color: var( + --in-content-primary-button-text-color + ); /* Legacy: #ffffff; var(--in-content-page-color); */ --in-content-sidebar-width: 240px; --dialog-warning-text-color: var(--red-60); @@ -3290,7 +3294,10 @@ menupopup > menu { /* Color */ fill: var(--toolbar-bgcolor) !important; - stroke: var(--tab-line-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)))) !important; + stroke: var( + --tab-line-color, + var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) + ) !important; -moz-context-properties: fill, stroke !important; /* Image */ diff --git a/userContent.css b/userContent.css index 692e61d..06d5cc3 100644 --- a/userContent.css +++ b/userContent.css @@ -316,8 +316,12 @@ --in-content-table-background: #f8f8fa; --in-content-table-border-color: var(--in-content-box-border-color); /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */ - --in-content-table-header-background: var(--in-content-primary-button-background); /* Legacy: #0a84ff; rgb(5, 64, 150); */ - --in-content-table-header-color: var(--in-content-primary-button-text-color); /* Legacy: #ffffff; var(--in-content-page-color); */ + --in-content-table-header-background: var( + --in-content-primary-button-background + ); /* Legacy: #0a84ff; rgb(5, 64, 150); */ + --in-content-table-header-color: var( + --in-content-primary-button-text-color + ); /* Legacy: #ffffff; var(--in-content-page-color); */ --in-content-sidebar-width: 240px; --dialog-warning-text-color: var(--red-60); From a8814c7cfbb2bb4332080e86594a46107ca898b4 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 25 Jan 2022 03:01:49 +0900 Subject: [PATCH 06/11] Clean: Indent --- userChrome.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/userChrome.css b/userChrome.css index 92a5bb4..30d69ca 100644 --- a/userChrome.css +++ b/userChrome.css @@ -581,11 +581,11 @@ menu[disabled="true"] { > .tab-stack > .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]) { + #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) From 20171b99845b00cc1d36c52ff4d6b4f2b5fb1383 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 25 Jan 2022 14:51:58 +0900 Subject: [PATCH 07/11] Fix: Mac - `#navigator-toolbox` background color for custom #323 --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 30d69ca..a29095e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -790,7 +790,7 @@ menu[disabled="true"] { /*- Toolbar ----------------------------------------------------------------*/ :root:not(:-moz-lwtheme) #navigator-toolbox, :root[lwt-default-theme-in-dark-mode] #navigator-toolbox { - appearance: auto !important; + background-color: var(--mac-bgcolor) !important; } :root:not(:-moz-lwtheme) #titlebar { From cb98136b381d27721ab9330d64f74389aacfbc1c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 27 Jan 2022 12:36:47 +0900 Subject: [PATCH 08/11] Fix: Download Popup - dropmarker's arrow #324 Need more check others --- userChrome.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index a29095e..c93f028 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1649,7 +1649,10 @@ browser[type="content"] > html { height: 12px !important; } - dropmarker::part(icon) { + /* dropmarker::part(icon) + * ::part is not apply chrome + */ + dropmarker[exportparts="icon: dropmarker-icon"] { list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; -moz-context-properties: fill !important; fill: currentColor !important; From db3f1f9fd2ff6d5ff7ff4318ea321f6068a2508b Mon Sep 17 00:00:00 2001 From: MS_Y Date: Tue, 1 Feb 2022 02:18:17 +0900 Subject: [PATCH 09/11] Doc: update Feature request template --- .github/ISSUE_TEMPLATE/feature_request.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md index 0a59d17..9b544b9 100644 --- a/.github/ISSUE_TEMPLATE/feature_request.md +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -13,6 +13,9 @@ assignees: '' **The solution I'd like** +**Screenshots or video** + + **Alternatives I've considered** From d62ebc1c5a95a06f0f98b5e9b16c595b3e2be650 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Thu, 3 Feb 2022 10:38:19 +0900 Subject: [PATCH 10/11] Fix: Menu - List combo box's padding as original #227 At Original ``` #ContentSelectDropdown > menupopup > menucaption, #ContentSelectDropdown > menupopup > menuitem { padding: 0 6px; border-width: 0; } ``` --- userChrome.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/userChrome.css b/userChrome.css index c93f028..6befa80 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3013,6 +3013,11 @@ menupopup > menu { padding-block: var(--menu-padding) !important; } +#ContentSelectDropdown > menupopup > menucaption, +#ContentSelectDropdown > menupopup > menuitem { + padding-block: 0 !important; +} + @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { :root:not([uidensity="touch"]) .menu-text, :root:not([uidensity="touch"]) .menu-iconic-text { From 5610ee6b505ee4ac6f1c32051a42393006476630 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Thu, 3 Feb 2022 10:48:36 +0900 Subject: [PATCH 11/11] Fix: Menu - Highlight background color at Win7, 8 #320 --- userChrome.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/userChrome.css b/userChrome.css index 6befa80..282a00e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -151,6 +151,12 @@ menu[disabled="true"] { background-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* Original: -moz-menuhover */ } + menulist > menupopup > menuitem[_moz-menuactive="true"], + menulist > menupopup > menu[_moz-menuactive="true"] { + background-color: higlight !important; + color: higlighttext !important; + } + #PlacesToolbar menu, #PlacesToolbar menuitem, #BMB_bookmarksPopup menu,