From 1c362d0d425e4b2422b047f245cd553f241b3172 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 24 Mar 2022 04:07:10 +0900 Subject: [PATCH 01/13] Fix: Full Screen - overlap at `browser.fullscreen.autohide` from https://github.com/black7375/Firefox-UI-Fix/commit/8c5d04014cd2814b0a1d7a6fa275442125e0b31f --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index e0b20bc..4c70a8a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3864,7 +3864,7 @@ tab[visuallyselected] > stack::after { } /** Fullscreen - Overlap toolbar **********************************************/ -@supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { +@supports -moz-bool-pref("browser.fullscreen.autohide") { :root[sizemode="fullscreen"] #navigator-toolbox { position: fixed !important; /* Needed for content to take up entire height */ display: block !important; /* Needed for content to take up entire height */ From b875b7ba224d5e3ddcaf6177005ba68c69909f42 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 24 Mar 2022 04:13:02 +0900 Subject: [PATCH 02/13] Fix: Container Tab - Doesn't crop position from https://github.com/black7375/Firefox-UI-Fix/commit/066f690330487cf3917e558ac7a9e3a4259501b7 --- userChrome.css | 42 +++++++++++++++++------------------------- 1 file changed, 17 insertions(+), 25 deletions(-) diff --git a/userChrome.css b/userChrome.css index 4c70a8a..b5883c5 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2929,29 +2929,6 @@ menuitem.openintabs-menuitem, ); /* Compact: 28px, Normal: 33px, Touch: 38px */ } -/* Pinned Tab - Titlechanged Indicator position fix */ -.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), -.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(2.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"]) { - /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */ - background-position-y: bottom calc(0.5px + var(--tabs-navbar-shadow-size)) !important; -} -:root[uidensity="touch"] - .tabbrowser-tab:is([image], [pinned]) - > .tab-stack - > .tab-content[attention]:not([selected="true"]), -:root[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; -} - /*= Tool Bar - Button Padding ================================================*/ :root[uidensity="compact"] { --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */ @@ -3779,12 +3756,21 @@ tab[visuallyselected] > stack::after { display: none; } +.tabbrowser-tab { + --container-position-y: 11px; +} +:root[uidensity="compact"] .tabbrowser-tab { + --container-position-y: 10px; +} +:root[uidensity="touch"] .tabbrowser-tab { + --container-position-y: 12px; +} .tab-content:not([titlechanged])::before { /* Box Model */ content: ""; display: block; position: absolute !important; - transform: translate(9px, 12px) !important; + transform: translate(9px, var(--container-position-y)) !important; /* Shape */ border-bottom: 2px solid var(--identity-icon-color); @@ -3809,7 +3795,7 @@ tab[visuallyselected] > stack::after { /* Pinned Tab */ .tabbrowser-tab[pinned] .tab-content::before { - transform: translateY(12px) !important; + transform: translateY(var(--container-position-y)) !important; width: 16px; } @@ -3838,6 +3824,12 @@ tab[visuallyselected] > stack::after { background-position-x: 30%, 50%, 70% !important; } +.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), +.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: top calc(0.5px + 50% + var(--container-position-y)) !important; +} + /* Pinned Tab - Titlechanged & soundplaying */ .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack From 981d47b53b32addbac4139bed15bf621edb85f75 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Mon, 28 Mar 2022 02:53:32 +0900 Subject: [PATCH 03/13] Doc: Beta test notice --- README.org | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.org b/README.org index ec1fd64..3e06ce7 100644 --- a/README.org +++ b/README.org @@ -15,6 +15,14 @@ - [[#faq][FAQ]] :END: +----- + +🔔🔔 A project redesign is in progress. #351 + +It's built with SCSS and all configured as options. \\ +It's in beta testing, and I'am looking forward to hearing from you. + +----- ** Introduction [[https://wiki.mozilla.org/Firefox/Proton][Proton]] is Firefox's new design, starting from Firefox 89. \\ From 36e9c94844fee2417662251cbd50c2b874d5b576 Mon Sep 17 00:00:00 2001 From: MS_Y Date: Thu, 31 Mar 2022 16:09:02 +0900 Subject: [PATCH 04/13] Doc: Folding features, Add Contributors --- README.org | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/README.org b/README.org index 3e06ce7..161c53a 100644 --- a/README.org +++ b/README.org @@ -12,6 +12,7 @@ - [[#why-proton][WHY Proton?]] - [[#why-not-proton][WHY Not Proton?]] - [[#padding-comparisons][Padding Comparisons]] + - [[#contributors][Contributors]] - [[#faq][FAQ]] :END: @@ -39,6 +40,8 @@ It's in beta testing, and I'am looking forward to hearing from you. (Lepton's design :arrow_up:) + @@html:
@@@@html:@@ *Feature List (Click)* @@html:@@ + - *Color* - Default light/dark theme contrast enhancement - Colorful context menu @@ -100,6 +103,8 @@ It's in beta testing, and I'am looking forward to hearing from you. - Activate calculator at address bar - Mouse pointer for each context +@@html:
@@ + ** Installation Guide *Script Installation (experimental)* @@ -172,6 +177,15 @@ It's in beta testing, and I'am looking forward to hearing from you. - Proton - Lepton + +** Contributors + +Thanks to all contributors to this project for providing help and developing features! + +[[https://github.com/black7375/Firefox-UI-Fix/graphs/contributors][@@html:@@]] + +A list of all contributors can be found in [[./CREDITS][CREDITS]]. + ** FAQ - *Black pixels around the selected tab bottom corners* \\ From 2f0c590dc5d8c67c43b2848415dca8ddca97f55b Mon Sep 17 00:00:00 2001 From: adamp01 Date: Mon, 11 Apr 2022 12:12:39 +0100 Subject: [PATCH 05/13] Update privatetab-icon CSS. --- icons/{priavate-favicon.svg => private-favicon.svg} | 0 userChrome.css | 4 +--- 2 files changed, 1 insertion(+), 3 deletions(-) rename icons/{priavate-favicon.svg => private-favicon.svg} (100%) diff --git a/icons/priavate-favicon.svg b/icons/private-favicon.svg similarity index 100% rename from icons/priavate-favicon.svg rename to icons/private-favicon.svg diff --git a/userChrome.css b/userChrome.css index b5883c5..100b866 100644 --- a/userChrome.css +++ b/userChrome.css @@ -5917,9 +5917,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) } menuitem.privatetab-icon { - list-style-image: url("./icons/priavate-favicon.svg") !important; - fill: currentColor; - -moz-context-properties: fill; + --menuitem-image: url("./icons/private-favicon.svg"); } /* New Folder Button */ From 6eed376fa7f6a5104017f5dadf0a4f89e085b1c9 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 09:09:56 +0900 Subject: [PATCH 06/13] Fix: Icons - `.openintabs-menuitem`, `No container` new tab, `sync`(global menu) --- userChrome.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/userChrome.css b/userChrome.css index 100b866..d2d3a61 100644 --- a/userChrome.css +++ b/userChrome.css @@ -4570,6 +4570,7 @@ menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #histo menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, +.openintabs-menuitem, #blockedPopupDontShowMessage { /* Color */ -moz-context-properties: fill, fill-opacity !important; @@ -4607,6 +4608,7 @@ menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #histo menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, +.openintabs-menuitem, #blockedPopupDontShowMessage { background-position: left var(--context-menu-background-padding) center !important; padding-inline-start: var(--context-menu-background-padding) !important; @@ -4668,6 +4670,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, + .openintabs-menuitem, #blockedPopupDontShowMessage { background-position: left var(--context-menu-background-padding) center !important; padding-inline-start: 0 !important; @@ -4694,6 +4697,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) > menuitem, + .openintabs-menuitem, #blockedPopupDontShowMessage { padding-inline-start: var(--menu-background-padding-default) !important; margin-left: 0 !important; @@ -4902,6 +4906,11 @@ menupopup menupopup[emptyplacesresult] .menu-text, } /*= new-tab-button-popup =====================================================*/ +#new-tab-button-popup > menuitem[command="Browser:NewUserContextTab"], +.new-tab-popup > menuitem[command="Browser:NewUserContextTab"] { + --menuitem-image: url("./icons/container-openin-16.svg"); +} + #new-tab-button-popup > menuitem[command="Browser:OpenAboutContainers"], .new-tab-popup > menuitem[command="Browser:OpenAboutContainers"] { --menuitem-image: url("chrome://global/skin/icons/settings.svg"); @@ -5770,6 +5779,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) #sync-unverifieditem { } #sync-syncnowitem { + --menuitem-image: url("chrome://browser/skin/sync.svg"); } #sync-reauthitem { } From 95685f8de93dcd05662954574b042f0a4e42dc0f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 09:14:29 +0900 Subject: [PATCH 07/13] Fix: Icons - Mac's context menu align(`blank.svg`), `undo.svg` --- icons/blank.svg | 2 ++ icons/undo.svg | 6 ++++++ userChrome.css | 22 +++++++++++----------- userContent.css | 2 +- 4 files changed, 20 insertions(+), 12 deletions(-) create mode 100644 icons/blank.svg create mode 100644 icons/undo.svg diff --git a/icons/blank.svg b/icons/blank.svg new file mode 100644 index 0000000..51f9a4c --- /dev/null +++ b/icons/blank.svg @@ -0,0 +1,2 @@ + + diff --git a/icons/undo.svg b/icons/undo.svg new file mode 100644 index 0000000..5f6c0b6 --- /dev/null +++ b/icons/undo.svg @@ -0,0 +1,6 @@ + + + + diff --git a/userChrome.css b/userChrome.css index d2d3a61..edfb205 100644 --- a/userChrome.css +++ b/userChrome.css @@ -4450,7 +4450,7 @@ panelMenuBookmarkThisPage[starred] { /*= Tabbar - All Tab Menu ====================================================*/ #allTabsMenu-undoCloseTab { - list-style-image: url("chrome://global/skin/icons/undo.svg"); + list-style-image: url("./icons/undo.svg"); } #allTabsMenu-searchTabs { list-style-image: url("chrome://global/skin/icons/search-glass.svg"); @@ -4590,7 +4590,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) :not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist) { - list-style-image: var(--menuitem-image) !important; + list-style-image: var(--menuitem-image, url("./icons/blank.svg")) !important; } } @@ -4902,7 +4902,7 @@ menupopup menupopup[emptyplacesresult] .menu-text, #context_closeTabOptions { } #context_undoCloseTab { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } /*= new-tab-button-popup =====================================================*/ @@ -4952,7 +4952,7 @@ menupopup menupopup[emptyplacesresult] .menu-text, --menuitem-image: url("./icons/tab-multiple.svg"); } #toolbar-context-undoCloseTab { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #toggle_toolbar-menubar { @@ -5010,7 +5010,7 @@ menuitem.viewCustomizeToolbar { --menuitem-image: url("./icons/book-add.svg"); } #spell-undo-add-to-dictionary { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #context-openlinkincurrent { @@ -5158,7 +5158,7 @@ menuitem.viewCustomizeToolbar { } #context-undo { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #context-redo { } @@ -5436,7 +5436,7 @@ menuitem.viewCustomizeToolbar { /*= SyncedTabsSidebarTabsFilterContext =======================================*/ #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_undo"] { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_cut"] { --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); @@ -5461,7 +5461,7 @@ menuitem.viewCustomizeToolbar { /*= urlbar-input-container ===================================================*/ #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_undo"] { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"] { } @@ -5487,7 +5487,7 @@ menuitem.viewCustomizeToolbar { /*= textbox-contextmenu ======================================================*/ /* Browser's Searchbar, Libray's Searchbar, Page Info */ .textbox-contextmenu > menuitem[data-l10n-id="text-action-undo"] { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } .textbox-contextmenu > menuitem[data-l10n-id="text-action-redo"] { } @@ -5631,7 +5631,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) /*= menu_EditPopup ===========================================================*/ #menu_undo { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #menu_redo { } @@ -5865,7 +5865,7 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) } #orgUndo { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #orgRedo { } diff --git a/userContent.css b/userContent.css index 10ffaa3..c6af710 100644 --- a/userContent.css +++ b/userContent.css @@ -1862,7 +1862,7 @@ video { } #orgUndo { - --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + --menuitem-image: url("./icons/undo.svg"); } #orgRedo { } From 8b486819289f2b2009131fb657ad741689eb9217 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 10:05:35 +0900 Subject: [PATCH 08/13] Fix: Icons - Mac's global menu --- userChrome.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/userChrome.css b/userChrome.css index edfb205..503baab 100644 --- a/userChrome.css +++ b/userChrome.css @@ -4744,6 +4744,14 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) { padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important; } + + /* Global Menu */ + menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) + menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item), + menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) + menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) { + list-style-image: var(--menuitem-image, url("./icons/blank.svg")); + } } /*= Bookmark Menu - Layout ===================================================*/ From 311410b385b1c926cfb44ec3a02d5d42fa7c618f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 10:30:03 +0900 Subject: [PATCH 09/13] Fix: Icons - Mac's global menu icons disabled --- userChrome.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/userChrome.css b/userChrome.css index 503baab..349f563 100644 --- a/userChrome.css +++ b/userChrome.css @@ -4746,12 +4746,14 @@ menupopup:is(#context_sendTabToDevicePopupMenu, #context-sendpagetodevice-popup) } /* Global Menu */ + /* Disabled. some icons not appear menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #historyMenuPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) { list-style-image: var(--menuitem-image, url("./icons/blank.svg")); } + */ } /*= Bookmark Menu - Layout ===================================================*/ From 16016d599368edfaa201f17f5b48a7ea8c8c1f67 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 11:08:02 +0900 Subject: [PATCH 10/13] Fix: Compatibility - Win10 accent color in titlebar's top border at ESR #358 --- userChrome.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/userChrome.css b/userChrome.css index 349f563..575be89 100644 --- a/userChrome.css +++ b/userChrome.css @@ -221,6 +221,16 @@ menu[disabled="true"] { } } +/*= Windows 10 - Top border of accent color at ESR #358 ======================*/ +@media (-moz-windows-accent-color-in-titlebar) { + :root[sizemode=normal][tabsintitlebar] #navigator-toolbox { + border-top: .5px solid -moz-accent-color !important; + } + :root[sizemode=normal][tabsintitlebar]:-moz-window-inactive #navigator-toolbox { + border-top-color: rgb(57, 57, 57) !important; + } +} + @media (-moz-gtk-csd-available) { /*= Linux - Global Menubar Active Color ====================================*/ #main-menubar > menu[open="true"], From 941bbc9f80498578f552364c40df4f3e8127d534 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 11:46:02 +0900 Subject: [PATCH 11/13] Fix: System Default Theme - Win10 accent color's tab separator --- userChrome.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/userChrome.css b/userChrome.css index 575be89..3a95c0a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -530,6 +530,13 @@ menu[disabled="true"] { --panel-separator-color: var(--win-border-color) !important; } + @media (-moz-windows-accent-color-in-titlebar) { + :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme), + :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { + --toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent) !important; /* As default */ + } + } + /*- Menu -------------------------------------------------------------------*/ html#main-window menupopup:not(:-moz-lwtheme) { --menu-color: var(--win-text-color) !important; From 147d73a0b80febb928546b58925877ac16a9734a Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 12:11:11 +0900 Subject: [PATCH 12/13] Fix: System Default Theme - Win7 separator makes to transparent --- userChrome.css | 1 + 1 file changed, 1 insertion(+) diff --git a/userChrome.css b/userChrome.css index 3a95c0a..5fce2d4 100644 --- a/userChrome.css +++ b/userChrome.css @@ -304,6 +304,7 @@ menu[disabled="true"] { (-moz-platform: windows-win7) { #TabsToolbar:not(:-moz-lwtheme) { --background-color: rgb(229, 229, 235); + --toolbarseparator-color: transparent; } #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab From 0f56d5062cb40f681f483b8fef6ba62d2ee7e352 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 13 Apr 2022 20:58:40 +0900 Subject: [PATCH 13/13] Fix: Windows10 - Top border apply for not accent mode #358 --- userChrome.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 5fce2d4..f0dce64 100644 --- a/userChrome.css +++ b/userChrome.css @@ -222,13 +222,19 @@ menu[disabled="true"] { } /*= Windows 10 - Top border of accent color at ESR #358 ======================*/ -@media (-moz-windows-accent-color-in-titlebar) { +@media (-moz-os-version: windows-win10), /* Legacy - v99 */ + (-moz-platform: windows-win10) { :root[sizemode=normal][tabsintitlebar] #navigator-toolbox { - border-top: .5px solid -moz-accent-color !important; + border-top: .5px solid rgb(47, 47, 47) !important; } :root[sizemode=normal][tabsintitlebar]:-moz-window-inactive #navigator-toolbox { border-top-color: rgb(57, 57, 57) !important; } + @media (-moz-windows-accent-color-in-titlebar) { + :root[sizemode=normal][tabsintitlebar] #navigator-toolbox { + border-top-color: -moz-accent-color !important; + } + } } @media (-moz-gtk-csd-available) {