Refactor CSS to reintroduce accent color styles for window states in zen-browser UI and theme (closes https://github.com/zen-browser/desktop/issues/4261)

This commit is contained in:
mr. M
2025-01-13 16:55:05 +01:00
parent 661916eac6
commit aa67693b8d
2 changed files with 11 additions and 8 deletions

View File

@@ -57,13 +57,6 @@
}
@media (-moz-windows-accent-color-in-titlebar) {
background-color: ActiveCaption;
color: CaptionText;
transition: background-color var(--inactive-window-transition);
&:-moz-window-inactive {
background-color: InactiveCaption;
color: InactiveCaptionText;
}
&::after {
display: none;
}
@@ -123,6 +116,16 @@
& > * {
z-index: 1;
}
@media (-moz-windows-accent-color-in-titlebar) {
background-color: ActiveCaption;
color: CaptionText;
transition: background-color var(--inactive-window-transition);
&:-moz-window-inactive {
background-color: InactiveCaption;
color: InactiveCaptionText;
}
}
}
#zen-appcontent-wrapper {

View File

@@ -156,7 +156,7 @@
--zen-themed-toolbar-bg: light-dark(var(--zen-branding-bg), var(--zen-colors-tertiary));
--zen-themed-toolbar-bg-transparent: light-dark(var(--zen-branding-bg), var(--zen-colors-tertiary));
@media (-moz-windows-mica) or (-moz-platform: macos) {
@media (-moz-windows-mica) or (-moz-platform: macos) or (-moz-windows-accent-color-in-titlebar) {
background: transparent;
--zen-themed-toolbar-bg-transparency: 0;
--zen-themed-toolbar-bg-transparent: light-dark(