From 8275c0c835279e2eb25b1220b643cdb4d044ee5e Mon Sep 17 00:00:00 2001 From: TGSAN Date: Thu, 29 Jun 2023 19:26:28 +0800 Subject: [PATCH 01/11] Change tab and address/search bar to Pheonix redesign --- README.md | 8 +++++--- chrome/toolbar/tabbar.css | 17 ++++++++++++++--- chrome/toolbar/urlbar.css | 9 +++++++-- 3 files changed, 26 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 8373700..8084f43 100644 --- a/README.md +++ b/README.md @@ -56,9 +56,11 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse | ----------------------------- | | `uc.tweak.disable-drag-space` | -| enable Edge style floating tabs | -| ------------------------------- | -| `uc.tweak.floating-tabs` | +| enable Edge style floating tabs | +| -------------------------------------------------------------- | +| `uc.tweak.floating-tabs` | +| **OPTIONAL: Make the top and bottom margins of the tab equal** | +| `uc.tweak.floating-tabs.equal-margin` | | enable Mica toolbar background *(Windows 11 only)* | | ------------------------------------------------------------------- | diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index 92abd56..dcb1f93 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -1,10 +1,21 @@ /* EdgeFr-Fox 2 - tabbar */ +@supports -moz-bool-pref("uc.tweak.floating-tabs.equal-margin") and -moz-bool-pref("uc.tweak.floating-tabs") { + :root #titlebar { + --tab-block-margin: 5px !important; + } +} + +@supports (not -moz-bool-pref("uc.tweak.floating-tabs.equal-margin")) or (not -moz-bool-pref("uc.tweak.floating-tabs")) { + :root #titlebar { + --tab-block-margin: 8px !important; + } +} + :root #titlebar { --tab-min-height: 32px !important; --inline-tab-padding: 11px !important; - --tab-border-radius: 4px !important; - --tab-block-margin: 8px !important; + --tab-border-radius: 8px !important; --uc-toolbarbutton-inner-padding: 6px !important; --toolbarbutton-border-radius: 2px !important; @@ -234,7 +245,7 @@ .tabbrowser-tab { font-size: 12px !important; padding-inline: 0 !important; - overflow-clip-margin: 4px !important; + overflow-clip-margin: 8px !important; } #TabsToolbar .toolbarbutton-1>.toolbarbutton-icon, diff --git a/chrome/toolbar/urlbar.css b/chrome/toolbar/urlbar.css index 2ad44de..6ee7e20 100644 --- a/chrome/toolbar/urlbar.css +++ b/chrome/toolbar/urlbar.css @@ -3,7 +3,7 @@ :root { --urlbar-min-height: 30px !important; --urlbarView-item-inline-padding: 14px !important; - --urlbar-icon-border-radius: var(--toolbarbutton-border-radius) !important; + --urlbar-icon-border-radius: calc(var(--toolbarbutton-border-radius) + 14px) !important; --urlbar-icon-padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important; --uc-urlbar-icon-inline-padding: calc(var(--uc-toolbarbutton-inner-inline-padding) - 2px) !important; --identity-box-margin-inline: 2px !important; @@ -116,7 +116,12 @@ #urlbar-background, #searchbar { - border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important; + border-radius: var(--urlbar-icon-border-radius) !important; +} + +#urlbar:hover:not([suppress-focus-border])>#urlbar-background, +#searchbar:hover { + outline: 1.25px solid rgb(128, 128, 128); } /* move tracking protection button */ From 052c6f812f5556fae7a5d98fbbaf5a7dce282de5 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Thu, 29 Jun 2023 20:19:45 +0800 Subject: [PATCH 02/11] Add padding to Address/Search bar --- chrome/toolbar/urlbar.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/toolbar/urlbar.css b/chrome/toolbar/urlbar.css index 6ee7e20..390ee9d 100644 --- a/chrome/toolbar/urlbar.css +++ b/chrome/toolbar/urlbar.css @@ -131,6 +131,10 @@ order: 2 !important; } +#urlbar, #searchbar { + padding: 0 4px !important; +} + #urlbar-container:not(:hover) #tracking-protection-icon-container:not([open]) { visibility: collapse !important; } From 70751f8ab849322fe4f956ee109b83355cefe08d Mon Sep 17 00:00:00 2001 From: TGSAN Date: Mon, 10 Jul 2023 17:17:37 +0800 Subject: [PATCH 03/11] Change address bar highlight color on light mode --- chrome/global/colors.css | 2 ++ chrome/toolbar/urlbar.css | 3 ++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/global/colors.css b/chrome/global/colors.css index 8623f46..2be755b 100644 --- a/chrome/global/colors.css +++ b/chrome/global/colors.css @@ -21,6 +21,7 @@ --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; --toolbar-field-focus-color: var(--toolbar-field-color) !important; --toolbar-field-focus-border-color: #0055D7 !important; + --urlbar-hover-highlight-color: rgba(192, 192, 192, 0.5) !important; --urlbar-box-bgcolor: rgba(0, 0, 0, 0.09) !important; --urlbar-box-hover-bgcolor: rgba(0, 0, 0, 0.09) !important; --urlbar-box-focus-bgcolor: rgba(0, 0, 0, 0.22) !important; @@ -88,6 +89,7 @@ --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; --toolbar-field-focus-color: var(--toolbar-field-color) !important; --toolbar-field-focus-border-color: #63ADE5 !important; + --urlbar-hover-highlight-color: rgba(128, 128, 128, 0.5) !important; --urlbar-box-bgcolor: rgba(255, 255, 255, 0.11) !important; --urlbar-box-hover-bgcolor: rgba(255, 255, 255, 0.11) !important; --urlbar-box-focus-bgcolor: rgba(255, 255, 255, 0.28) !important; diff --git a/chrome/toolbar/urlbar.css b/chrome/toolbar/urlbar.css index 390ee9d..af646e3 100644 --- a/chrome/toolbar/urlbar.css +++ b/chrome/toolbar/urlbar.css @@ -9,6 +9,7 @@ --identity-box-margin-inline: 2px !important; } + :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background, :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #searchbar:focus-within { outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important; @@ -121,7 +122,7 @@ #urlbar:hover:not([suppress-focus-border])>#urlbar-background, #searchbar:hover { - outline: 1.25px solid rgb(128, 128, 128); + outline: 1.5px solid var(--urlbar-hover-highlight-color); } /* move tracking protection button */ From d4a5f9151eed94f998a0e533e300b3a9e38dc0f4 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Mon, 10 Jul 2023 18:43:15 +0800 Subject: [PATCH 04/11] Add Pheonix redesign rounded corners --- README.md | 4 ++++ chrome/global/browser.css | 14 ++++++++++++++ chrome/toolbar/navbar.css | 6 ++++++ chrome/userChrome.css | 1 + 4 files changed, 25 insertions(+) create mode 100644 chrome/global/browser.css diff --git a/README.md b/README.md index 8084f43..4fb04e9 100644 --- a/README.md +++ b/README.md @@ -56,6 +56,10 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse | ----------------------------- | | `uc.tweak.disable-drag-space` | +| disable rounded corners | +| ---------------------------------- | +| `uc.tweak.disable-rounded-corners` | + | enable Edge style floating tabs | | -------------------------------------------------------------- | | `uc.tweak.floating-tabs` | diff --git a/chrome/global/browser.css b/chrome/global/browser.css new file mode 100644 index 0000000..37e54f2 --- /dev/null +++ b/chrome/global/browser.css @@ -0,0 +1,14 @@ +/* EdgeFr-Fox 2 - browser */ + +@supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) { + :root #browser>#appcontent { + margin: 0px 4px 4px 4px; + border-radius: 8px; + overflow: hidden; + border: 1.25px solid rgba(0, 0, 0, 0.1); + } + + :root #browser { + background-color: var(--toolbar-bgcolor); + } +} diff --git a/chrome/toolbar/navbar.css b/chrome/toolbar/navbar.css index cbf2e7f..1ede0d8 100644 --- a/chrome/toolbar/navbar.css +++ b/chrome/toolbar/navbar.css @@ -28,6 +28,12 @@ padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important; } +@supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) { + #navigator-toolbox { + border-bottom: none !important; + } +} + /* account button */ #navigator-toolbox>toolbar #fxa-toolbar-menu-button, #navigator-toolbox>toolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack, diff --git a/chrome/userChrome.css b/chrome/userChrome.css index 1053b75..e6a952b 100644 --- a/chrome/userChrome.css +++ b/chrome/userChrome.css @@ -8,3 +8,4 @@ @import url("global/colors.css"); @import url("global/popup.css"); @import url("global/tweaks.css"); +@import url("global/browser.css"); From d704855ee18d0d7400263614173b027599633fd8 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Mon, 10 Jul 2023 18:50:03 +0800 Subject: [PATCH 05/11] Change frame margin --- chrome/global/browser.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/global/browser.css b/chrome/global/browser.css index 37e54f2..1e4d063 100644 --- a/chrome/global/browser.css +++ b/chrome/global/browser.css @@ -2,7 +2,7 @@ @supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) { :root #browser>#appcontent { - margin: 0px 4px 4px 4px; + margin: 1px 3px 3px 3px; border-radius: 8px; overflow: hidden; border: 1.25px solid rgba(0, 0, 0, 0.1); From 3e6649ad781b39b60f3f42d7e14e2a72fbf0368f Mon Sep 17 00:00:00 2001 From: TGSAN Date: Sat, 22 Jul 2023 01:58:12 +0800 Subject: [PATCH 06/11] Adjust button corners to Phoenix. Adjust tag and frame styles. Fix the problem of tag highlights covering active tag. --- chrome/global/browser.css | 3 ++- chrome/toolbar/navbar.css | 2 +- chrome/toolbar/tabbar.css | 19 ++++++++++++++++--- chrome/toolbar/urlbar.css | 1 - 4 files changed, 19 insertions(+), 6 deletions(-) diff --git a/chrome/global/browser.css b/chrome/global/browser.css index 1e4d063..b4d8543 100644 --- a/chrome/global/browser.css +++ b/chrome/global/browser.css @@ -5,7 +5,8 @@ margin: 1px 3px 3px 3px; border-radius: 8px; overflow: hidden; - border: 1.25px solid rgba(0, 0, 0, 0.1); + border: 1.25px solid rgba(0, 0, 0, 0.05); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } :root #browser { diff --git a/chrome/toolbar/navbar.css b/chrome/toolbar/navbar.css index 1ede0d8..f6951b2 100644 --- a/chrome/toolbar/navbar.css +++ b/chrome/toolbar/navbar.css @@ -1,7 +1,7 @@ /* EdgeFr-Fox by bmFtZQ - navbar.css */ :root { - --toolbarbutton-border-radius: 2px !important; + --toolbarbutton-border-radius: 4px !important; --toolbarbutton-inner-padding: 7px !important; --uc-toolbarbutton-inner-inline-padding: 12px !important; --tabs-navbar-shadow-size: 0 !important; diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index dcb1f93..d75fa78 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -18,7 +18,8 @@ --tab-border-radius: 8px !important; --uc-toolbarbutton-inner-padding: 6px !important; - --toolbarbutton-border-radius: 2px !important; + --toolbarbutton-border-radius: 4px !important; + --toolbarbutton-tabsline-border-radius: 8px !important; --tabs-navbar-shadow-size: 0 !important; --tab-shadow-max-size: 0 !important; } @@ -164,6 +165,10 @@ color: var(--lwt-tab-text, var(--toolbar-color)) !important; } +.tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme { + z-index: 1; +} + .tab-close-button { margin-inline-end: 8px !important; width: 17px !important; @@ -254,6 +259,11 @@ padding: var(--uc-toolbarbutton-inner-padding) calc(var(--uc-toolbarbutton-inner-padding) + 2px) !important; } +#tabbrowser-tabs .toolbarbutton-1>.toolbarbutton-icon, +#tabbrowser-tabs .toolbarbutton-1>.toolbarbutton-badge-stack { + border-radius: var(--toolbarbutton-tabsline-border-radius) !important; +} + #TabsToolbar .toolbarbutton-1>.toolbarbutton-icon { width: calc(2 * (var(--uc-toolbarbutton-inner-padding) + 2px) + 16px) !important; height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important; @@ -359,7 +369,10 @@ toolbarbutton[part="scrollbutton-down"] { } #tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:first-of-type { - margin-inline-start: 8px !important; + margin-inline-start: 12px !important; +} +#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:last-of-type { + margin-inline-end: 6px !important; } #tabbrowser-tabs { @@ -383,7 +396,7 @@ toolbarbutton[part="scrollbutton-down"] { --uc-titlebar-shadow: 0 -3px 2px -3px rgba(0, 0, 0, 0.2) inset; --uc-tab-shadow: 0 0 0 1px var(--lwt-tab-line-color, var(--lwt-tabs-border-color, transparent)), - 0 2px 4px rgba(0, 0, 0, 0.3), 0 0px 2px rgba(0, 0, 0, 0.2); + 0px 2px 4px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1); } :root[lwtheme-brighttext="true"] { diff --git a/chrome/toolbar/urlbar.css b/chrome/toolbar/urlbar.css index af646e3..656dc15 100644 --- a/chrome/toolbar/urlbar.css +++ b/chrome/toolbar/urlbar.css @@ -9,7 +9,6 @@ --identity-box-margin-inline: 2px !important; } - :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background, :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #searchbar:focus-within { outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important; From f30f77bb0c3cbc32ca8c38926119b443a1966d73 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Sat, 22 Jul 2023 02:20:02 +0800 Subject: [PATCH 07/11] Fix refresh button animation --- chrome/toolbar/navbar.css | 1 - 1 file changed, 1 deletion(-) diff --git a/chrome/toolbar/navbar.css b/chrome/toolbar/navbar.css index f6951b2..3a2299e 100644 --- a/chrome/toolbar/navbar.css +++ b/chrome/toolbar/navbar.css @@ -21,7 +21,6 @@ #reload-button>.toolbarbutton-animatable-box, #stop-button>.toolbarbutton-animatable-box { top: calc(50% - 10px) !important; - margin-inline-start: calc((16px + 2 * var(--uc-toolbarbutton-inner-inline-padding) - 20px) / 2) !important; } #nav-bar-customization-target :where(#reload-button, #stop-button)>.toolbarbutton-icon { From 33e02313413d212405fff68e23406d44d3adac20 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Sat, 22 Jul 2023 02:23:44 +0800 Subject: [PATCH 08/11] Change tabs left margin --- chrome/toolbar/tabbar.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index d75fa78..886d2f0 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -369,7 +369,7 @@ toolbarbutton[part="scrollbutton-down"] { } #tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:first-of-type { - margin-inline-start: 12px !important; + margin-inline-start: 14px !important; } #tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:last-of-type { margin-inline-end: 6px !important; From 3dc125e32b6b7d4c94f175be4d37066b44b7f450 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Mon, 24 Jul 2023 05:21:26 +0800 Subject: [PATCH 09/11] fix rounded corners color with floating tabs --- chrome/global/browser.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/chrome/global/browser.css b/chrome/global/browser.css index b4d8543..26326be 100644 --- a/chrome/global/browser.css +++ b/chrome/global/browser.css @@ -1,8 +1,20 @@ /* EdgeFr-Fox 2 - browser */ +@supports (-moz-bool-pref("uc.tweak.floating-tabs")) { + :root { + --browser-frame-bgcolor: transparent; + } +} + +@supports (not -moz-bool-pref("uc.tweak.floating-tabs")) { + :root { + --browser-frame-bgcolor: var(--toolbar-bgcolor); + } +} + @supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) { :root #browser>#appcontent { - margin: 1px 3px 3px 3px; + margin: 0px 3px 3px 3px; border-radius: 8px; overflow: hidden; border: 1.25px solid rgba(0, 0, 0, 0.05); @@ -10,6 +22,6 @@ } :root #browser { - background-color: var(--toolbar-bgcolor); + background-color: var(--browser-frame-bgcolor); } } From 00fb0e70cba72efc2c2f50d515b6e6f6358d0496 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Tue, 25 Jul 2023 00:29:06 +0800 Subject: [PATCH 10/11] Add more space between tabs, change floating tabs browser-frame-bgcolor value to lwt-accent-color, make rounded corners not default, hide the separator of adjacent tabs, remove active tab bold --- README.md | 18 ++++++++++-------- chrome/global/browser.css | 4 ++-- chrome/global/tweaks.css | 10 ---------- chrome/toolbar/navbar.css | 2 +- chrome/toolbar/tabbar.css | 9 +++++++-- 5 files changed, 20 insertions(+), 23 deletions(-) diff --git a/README.md b/README.md index 4fb04e9..24bbb4c 100644 --- a/README.md +++ b/README.md @@ -56,15 +56,17 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse | ----------------------------- | | `uc.tweak.disable-drag-space` | -| disable rounded corners | -| ---------------------------------- | -| `uc.tweak.disable-rounded-corners` | +| enable rounded corners | +| -------------------------- | +| `uc.tweak.rounded-corners` | -| enable Edge style floating tabs | -| -------------------------------------------------------------- | -| `uc.tweak.floating-tabs` | -| **OPTIONAL: Make the top and bottom margins of the tab equal** | -| `uc.tweak.floating-tabs.equal-margin` | +| enable Edge style floating tabs | +| ---------------------------------------------------------------------------------------------------------------- | +| `uc.tweak.floating-tabs` | +| **OPTIONAL1: Make the top and bottom margins of the tab equal** | +| `uc.tweak.floating-tabs.equal-margin` | +| **OPTIONAL2: Hide the separator of adjacent tabs (need to wait for Firefox support, or forced enable with bug)** | +| `layout.css.has-selector.enabled` | | enable Mica toolbar background *(Windows 11 only)* | | ------------------------------------------------------------------- | diff --git a/chrome/global/browser.css b/chrome/global/browser.css index 26326be..b5572ae 100644 --- a/chrome/global/browser.css +++ b/chrome/global/browser.css @@ -2,7 +2,7 @@ @supports (-moz-bool-pref("uc.tweak.floating-tabs")) { :root { - --browser-frame-bgcolor: transparent; + --browser-frame-bgcolor: var(--lwt-accent-color); } } @@ -12,7 +12,7 @@ } } -@supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) { +@supports (-moz-bool-pref("uc.tweak.rounded-corners")) { :root #browser>#appcontent { margin: 0px 3px 3px 3px; border-radius: 8px; diff --git a/chrome/global/tweaks.css b/chrome/global/tweaks.css index f63250c..e9550f1 100644 --- a/chrome/global/tweaks.css +++ b/chrome/global/tweaks.css @@ -89,16 +89,6 @@ bugs with certain themes eg. dark text on dark background.) */ outline-offset: -1px !important; } - .tabbrowser-tab[selected] .tab-label { - font-weight: 500 !important; - } - - @media (-moz-platform: windows) { - .tabbrowser-tab[selected] .tab-label { - font-weight: 600 !important; - } - } - /* adjust spacing of area above tabs */ @media not (-moz-platform: macos) { :root[sizemode="maximized"] #titlebar { diff --git a/chrome/toolbar/navbar.css b/chrome/toolbar/navbar.css index 3a2299e..cb6aba3 100644 --- a/chrome/toolbar/navbar.css +++ b/chrome/toolbar/navbar.css @@ -27,7 +27,7 @@ padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important; } -@supports (not -moz-bool-pref("uc.tweak.disable-rounded-corners")) { +@supports (-moz-bool-pref("uc.tweak.rounded-corners")) { #navigator-toolbox { border-bottom: none !important; } diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index 886d2f0..50ffcda 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -315,7 +315,7 @@ toolbarbutton[part="scrollbutton-down"] { /* tab separators */ .tabbrowser-tab:not([last-visible-tab="true"]) { - margin-inline-end: -1px !important; + margin-inline-end: 3px !important; } .tabbrowser-tab:not([selected="true"], :hover, [beforeselected-visible], [beforehovered]) .tab-stack::after { @@ -323,11 +323,16 @@ toolbarbutton[part="scrollbutton-down"] { position: absolute; display: block; height: 20px; - right: 0; + right: -1px; top: 6px; border-right: 1px solid color-mix(in srgb, currentColor 34%, transparent); } +/* need layout.css.has-selector.enabled */ +.tabbrowser-tab:has(+ .tabbrowser-tab:is([selected="true"], :hover, [beforeselected-visible], [beforehovered])) .tab-stack::after { + display: none; +} + #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])>#tabbrowser-arrowscrollbox>.tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: 0 !important; } From 5589800825988227ae641b82e4944e64f9ca0441 Mon Sep 17 00:00:00 2001 From: TGSAN Date: Tue, 25 Jul 2023 00:56:13 +0800 Subject: [PATCH 11/11] Show tab icon when audio playing --- chrome/toolbar/tabbar.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/toolbar/tabbar.css b/chrome/toolbar/tabbar.css index 50ffcda..6397907 100644 --- a/chrome/toolbar/tabbar.css +++ b/chrome/toolbar/tabbar.css @@ -492,3 +492,7 @@ toolbarbutton[part="scrollbutton-down"] { margin-block: 1px 2px; margin-inline: 6px 5px; } + +#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) { + opacity: 1 !important; +}