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

apply edge colors to 'light' and 'dark' themes #30

Browse source
This commit is contained in:
bmFtZQ 2022-06-10 21:42:06 +08:00
parent 1a8b57cb66
commit 52b5647d14
5 changed files with 56 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

51
chrome/global/tweaks.css
View file

@ -46,13 +46,15 @@ browsing indicator) */
}
@supports -moz-bool-pref("uc.tweak.floating-tabs") {
:root:not(:-moz-lwtheme) {
:root:not(:-moz-lwtheme),
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"] {
--lwt-accent-color: #f3f3f3 !important;
--lwt-accent-color-inactive: unset !important;
--toolbar-bgcolor: #fff !important;
}
:root[lwt-default-theme-in-dark-mode="true"] {
:root[lwt-default-theme-in-dark-mode="true"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"] {
--toolbar-bgcolor: #4D4D4D !important;
--lwt-accent-color-inactive: unset !important;
--chrome-content-separator-color: #535353 !important;
@ -137,18 +139,23 @@ browsing indicator) */
@supports -moz-bool-pref("uc.tweak.win11-mica") {
/* enable mica appearance */
#main-window:not(:-moz-lwtheme),
#main-window[lwt-default-theme-in-dark-mode="true"] {
#main-window[style*="--lwt-accent-color: rgb(240, 240, 244)"],
#main-window[lwt-default-theme-in-dark-mode="true"],
#main-window[style*="--lwt-accent-color: rgb(28, 27, 34)"] {
appearance: -moz-win-glass !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;
}
@supports -moz-bool-pref("uc.tweak.floating-tabs") {
#navigator-toolbox:not(:-moz-lwtheme),
#main-window[lwt-default-theme-in-dark-mode="true"] #navigator-toolbox:not(:-moz-window-inactive) {
#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[style*="--lwt-accent-color: rgb(28, 27, 34)"] #navigator-toolbox:not(:-moz-window-inactive) {
background: transparent !important;
}
}
@ -159,36 +166,56 @@ browsing indicator) */
}
/* 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;
}
@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;
}
: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;
}
}
/* line up buttons with duplicate icons from -moz-win-glass */
:root:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode="true"]) .titlebar-buttonbox-container {
:root:is(:not(:-moz-lwtheme),
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"]
) .titlebar-buttonbox-container {
--uc-titlebar-button-size: 30px;
--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;
}
:root:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode="true"]) .titlebar-button:not(.titlebar-close:hover, :-moz-window-inactive) {
:root:is(:not(:-moz-lwtheme),
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"]
) .titlebar-button:not(.titlebar-close:hover, :-moz-window-inactive) {
list-style-image: none !important;
}
:root:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode="true"]) :root:is([inFullscreen], [sizemode="maximized"]) .titlebar-button {
:root:is(:not(:-moz-lwtheme),
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"]
) :root:is([inFullscreen], [sizemode="maximized"]) .titlebar-button {
padding-block: 7px 9px !important;
}
:root:is(:not(:-moz-lwtheme), [lwt-default-theme-in-dark-mode="true"]) :root:is([inFullscreen], [sizemode="maximized"]) .titlebar-close {
:root:is(:not(:-moz-lwtheme),
:root[style*="--lwt-accent-color: rgb(240, 240, 244)"],
[lwt-default-theme-in-dark-mode="true"],
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"]
) :root:is([inFullscreen], [sizemode="maximized"]) .titlebar-close {
padding-block: 7px 9px !important;
padding-right: 19px !important;
}