Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

disable Mica on the 'Light' and 'Dark' themes

Browse source
This commit is contained in:
bmFtZQ 2022-06-10 23:03:31 +08:00
parent 216a8f849d
commit 051ce894cf
2 changed files with 11 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -48,7 +48,7 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse
|enable Mica toolbar background (Windows 11 only)| |enable Mica toolbar background (Windows 11 only)|
|-| |-|
|**See [Mica Tweak Instructions (Windows 11 Only)](#mica-tweak-instructions-windows-11-only) for installation instructions.**| |**See [Mica Tweak Instructions (Windows 11 Only)](#mica-tweak-instructions-windows-11-only) for installation instructions.**|
|**NOTE: Only works on default themes: 'System theme - auto', 'Light' and 'Dark'**| |**NOTE: Only works on default theme: 'System theme - auto'**|
|`uc.tweak.win11-mica`| |`uc.tweak.win11-mica`|
|force tab background colour to `--toolbar-bg` (useful for Proton themes)| |force tab background colour to `--toolbar-bg` (useful for Proton themes)|

45
chrome/global/tweaks.css
View file

@ -139,23 +139,18 @@ browsing indicator) */
@supports -moz-bool-pref("uc.tweak.win11-mica") { @supports -moz-bool-pref("uc.tweak.win11-mica") {
/* enable mica appearance */ /* enable mica appearance */
#main-window:not(:-moz-lwtheme), #main-window:not(:-moz-lwtheme),
#main-window[style*="--lwt-accent-color: rgb(240, 240, 244)"], #main-window[lwt-default-theme-in-dark-mode="true"] {
#main-window[lwt-default-theme-in-dark-mode="true"],
#main-window[style*="--lwt-accent-color: rgb(28, 27, 34)"] {
appearance: -moz-win-glass !important; appearance: -moz-win-glass !important;
background: transparent !important; background: transparent !important;
} }
#main-window[lwt-default-theme-in-dark-mode="true"] #navigator-toolbox:not(:-moz-window-inactive), #main-window[lwt-default-theme-in-dark-mode="true"] #navigator-toolbox:not(:-moz-window-inactive) {
#main-window[style*="--lwt-accent-color: rgb(28, 27, 34)"] #navigator-toolbox:not(:-moz-window-inactive) {
background: transparent !important; background: transparent !important;
} }
@supports -moz-bool-pref("uc.tweak.floating-tabs") { @supports -moz-bool-pref("uc.tweak.floating-tabs") {
#navigator-toolbox:not(:-moz-lwtheme), #navigator-toolbox:not(:-moz-lwtheme),
#main-window[style*="--lwt-accent-color: rgb(240, 240, 244)"] #navigator-toolbox, #main-window[lwt-default-theme-in-dark-mode="true"] #navigator-toolbox:not(:-moz-window-inactive) {
#main-window[lwt-default-theme-in-dark-mode="true"] #navigator-toolbox:not(:-moz-window-inactive),
#main-window[style*="--lwt-accent-color: rgb(28, 27, 34)"] #navigator-toolbox:not(:-moz-window-inactive) {
background: transparent !important; background: transparent !important;
} }
} }
@ -166,56 +161,36 @@ browsing indicator) */
} }
/* color adjustments */ /* color adjustments */
:root:not(:-moz-lwtheme):not(:-moz-window-inactive), :root:not(:-moz-lwtheme):not(:-moz-window-inactive) {
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"]:not(:-moz-window-inactive) {
--lwt-accent-color: #00000020 !important; --lwt-accent-color: #00000020 !important;
} }
@supports -moz-bool-pref("uc.tweak.floating-tabs") { @supports -moz-bool-pref("uc.tweak.floating-tabs") {
:root:not(:-moz-lwtheme):not(:-moz-window-inactive), :root:not(:-moz-lwtheme):not(:-moz-window-inactive) {
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"]:not(:-moz-window-inactive) {
--toolbar-bgcolor: #ffffffcc !important; --toolbar-bgcolor: #ffffffcc !important;
} }
:root[lwt-default-theme-in-dark-mode="true"]:not(:-moz-window-inactive), :root[lwt-default-theme-in-dark-mode="true"]:not(:-moz-window-inactive) {
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"]:not(:-moz-window-inactive)
{
--toolbar-bgcolor: #ffffff20 !important; --toolbar-bgcolor: #ffffff20 !important;
} }
} }
/* line up buttons with duplicate icons from -moz-win-glass */ /* line up buttons with duplicate icons from -moz-win-glass */
:root:is(:not(:-moz-lwtheme), :root:is(:not(:-moz-lwtheme),[lwt-default-theme-in-dark-mode="true"]) .titlebar-buttonbox-container {
[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
[style*="--lwt-accent-color: rgb(28, 27, 34)"]
) .titlebar-buttonbox-container {
--uc-titlebar-button-size: 30px; --uc-titlebar-button-size: 30px;
--uc-titlebar-size: calc(var(--tab-min-height) + var(--tab-block-margin)); --uc-titlebar-size: calc(var(--tab-min-height) + var(--tab-block-margin));
margin-bottom: calc(var(--uc-titlebar-size) - var(--uc-titlebar-button-size)) !important; margin-bottom: calc(var(--uc-titlebar-size) - var(--uc-titlebar-button-size)) !important;
} }
:root:is(:not(:-moz-lwtheme), :root:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode="true"]) .titlebar-button:not(.titlebar-close:hover, :-moz-window-inactive) {
[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
[style*="--lwt-accent-color: rgb(28, 27, 34)"]
) .titlebar-button:not(.titlebar-close:hover, :-moz-window-inactive) {
list-style-image: none !important; list-style-image: none !important;
} }
:root:is(:not(:-moz-lwtheme), :root:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode="true"]):is([inFullscreen], [sizemode="maximized"]) .titlebar-button {
[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
[style*="--lwt-accent-color: rgb(28, 27, 34)"]
):is([inFullscreen], [sizemode="maximized"]) .titlebar-button {
padding-block: 7px 9px !important; padding-block: 7px 9px !important;
} }
:root:is(:not(:-moz-lwtheme), :root:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode="true"]):is([inFullscreen], [sizemode="maximized"]) .titlebar-close {
[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
[style*="--lwt-accent-color: rgb(28, 27, 34)"]
):is([inFullscreen], [sizemode="maximized"]) .titlebar-close {
padding-right: 19px !important; padding-right: 19px !important;
} }
} }