diff --git a/themes/Frappe/Blue/userChrome.css b/themes/Frappe/Blue/userChrome.css index 41400a0..6c08957 100644 --- a/themes/Frappe/Blue/userChrome.css +++ b/themes/Frappe/Blue/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Flamingo/userChrome.css b/themes/Frappe/Flamingo/userChrome.css index b8bb4ba..01bed74 100644 --- a/themes/Frappe/Flamingo/userChrome.css +++ b/themes/Frappe/Flamingo/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Green/userChrome.css b/themes/Frappe/Green/userChrome.css index 4a18791..a7b23e9 100644 --- a/themes/Frappe/Green/userChrome.css +++ b/themes/Frappe/Green/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Lavender/userChrome.css b/themes/Frappe/Lavender/userChrome.css index 016ae16..8071b71 100644 --- a/themes/Frappe/Lavender/userChrome.css +++ b/themes/Frappe/Lavender/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Maroon/userChrome.css b/themes/Frappe/Maroon/userChrome.css index 40e23dc..875696f 100644 --- a/themes/Frappe/Maroon/userChrome.css +++ b/themes/Frappe/Maroon/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Mauve/userChrome.css b/themes/Frappe/Mauve/userChrome.css index 35ec0de..3a7027e 100644 --- a/themes/Frappe/Mauve/userChrome.css +++ b/themes/Frappe/Mauve/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Peach/userChrome.css b/themes/Frappe/Peach/userChrome.css index 40d721b..1d8cc99 100644 --- a/themes/Frappe/Peach/userChrome.css +++ b/themes/Frappe/Peach/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Pink/userChrome.css b/themes/Frappe/Pink/userChrome.css index 87124be..475b2cf 100644 --- a/themes/Frappe/Pink/userChrome.css +++ b/themes/Frappe/Pink/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Red/userChrome.css b/themes/Frappe/Red/userChrome.css index a744819..25de65c 100644 --- a/themes/Frappe/Red/userChrome.css +++ b/themes/Frappe/Red/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Rosewater/userChrome.css b/themes/Frappe/Rosewater/userChrome.css index dfcc3be..4d5ae6f 100644 --- a/themes/Frappe/Rosewater/userChrome.css +++ b/themes/Frappe/Rosewater/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Sapphire/userChrome.css b/themes/Frappe/Sapphire/userChrome.css index 177346c..2e07fa3 100644 --- a/themes/Frappe/Sapphire/userChrome.css +++ b/themes/Frappe/Sapphire/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Sky/userChrome.css b/themes/Frappe/Sky/userChrome.css index 1a80d6a..22d3b8c 100644 --- a/themes/Frappe/Sky/userChrome.css +++ b/themes/Frappe/Sky/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Teal/userChrome.css b/themes/Frappe/Teal/userChrome.css index bb18336..2512962 100644 --- a/themes/Frappe/Teal/userChrome.css +++ b/themes/Frappe/Teal/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Frappe/Yellow/userChrome.css b/themes/Frappe/Yellow/userChrome.css index c8631c3..8e54021 100644 --- a/themes/Frappe/Yellow/userChrome.css +++ b/themes/Frappe/Yellow/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #292c3c !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Frappe base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #292c3c !important; + background-color: #292c3c !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #292c3c !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #292c3c !important; + background-color: #292c3c !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #414559 !important; + background-color: #414559 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #292c3c !important; + --zen-main-browser-background-toolbar: #292c3c !important; + --zen-main-browser-background-old: #292c3c !important; + --zen-main-browser-background-toolbar-old: #292c3c !important; + --zen-navigator-toolbox-background: #292c3c !important; + } + } } diff --git a/themes/Latte/Blue/userChrome.css b/themes/Latte/Blue/userChrome.css index f734469..a535033 100644 --- a/themes/Latte/Blue/userChrome.css +++ b/themes/Latte/Blue/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Flamingo/userChrome.css b/themes/Latte/Flamingo/userChrome.css index 57ee2ab..529ec85 100644 --- a/themes/Latte/Flamingo/userChrome.css +++ b/themes/Latte/Flamingo/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Green/userChrome.css b/themes/Latte/Green/userChrome.css index 51ab190..fcc239c 100644 --- a/themes/Latte/Green/userChrome.css +++ b/themes/Latte/Green/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Lavender/userChrome.css b/themes/Latte/Lavender/userChrome.css index f7abc96..7fc15db 100644 --- a/themes/Latte/Lavender/userChrome.css +++ b/themes/Latte/Lavender/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Maroon/userChrome.css b/themes/Latte/Maroon/userChrome.css index 1b0c17b..28de488 100644 --- a/themes/Latte/Maroon/userChrome.css +++ b/themes/Latte/Maroon/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Mauve/userChrome.css b/themes/Latte/Mauve/userChrome.css index 7953c77..88eee51 100644 --- a/themes/Latte/Mauve/userChrome.css +++ b/themes/Latte/Mauve/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Peach/userChrome.css b/themes/Latte/Peach/userChrome.css index 6273746..8b6c412 100644 --- a/themes/Latte/Peach/userChrome.css +++ b/themes/Latte/Peach/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Pink/userChrome.css b/themes/Latte/Pink/userChrome.css index 04fb49f..33b6239 100644 --- a/themes/Latte/Pink/userChrome.css +++ b/themes/Latte/Pink/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Red/userChrome.css b/themes/Latte/Red/userChrome.css index c16bdc8..153d0f2 100644 --- a/themes/Latte/Red/userChrome.css +++ b/themes/Latte/Red/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Rosewater/userChrome.css b/themes/Latte/Rosewater/userChrome.css index cedd144..0a7fc19 100644 --- a/themes/Latte/Rosewater/userChrome.css +++ b/themes/Latte/Rosewater/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Sapphire/userChrome.css b/themes/Latte/Sapphire/userChrome.css index 6783e46..1e61d48 100644 --- a/themes/Latte/Sapphire/userChrome.css +++ b/themes/Latte/Sapphire/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Sky/userChrome.css b/themes/Latte/Sky/userChrome.css index 93f6abb..82445d4 100644 --- a/themes/Latte/Sky/userChrome.css +++ b/themes/Latte/Sky/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Teal/userChrome.css b/themes/Latte/Teal/userChrome.css index 14f7974..e8572b1 100644 --- a/themes/Latte/Teal/userChrome.css +++ b/themes/Latte/Teal/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Latte/Yellow/userChrome.css b/themes/Latte/Yellow/userChrome.css index 0e3c44c..69b05aa 100644 --- a/themes/Latte/Yellow/userChrome.css +++ b/themes/Latte/Yellow/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #e6e9ef !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Latte base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #e6e9ef !important; + background-color: #e6e9ef !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #e6e9ef !important; + background-color: #e6e9ef !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #ccd0da !important; + background-color: #ccd0da !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #e6e9ef !important; + --zen-main-browser-background-toolbar: #e6e9ef !important; + --zen-main-browser-background-old: #e6e9ef !important; + --zen-main-browser-background-toolbar-old: #e6e9ef !important; + --zen-navigator-toolbox-background: #e6e9ef !important; + } + } } diff --git a/themes/Macchiato/Blue/userChrome.css b/themes/Macchiato/Blue/userChrome.css index 3d3fff2..bdcbac9 100644 --- a/themes/Macchiato/Blue/userChrome.css +++ b/themes/Macchiato/Blue/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Flamingo/userChrome.css b/themes/Macchiato/Flamingo/userChrome.css index b754b23..4965ca7 100644 --- a/themes/Macchiato/Flamingo/userChrome.css +++ b/themes/Macchiato/Flamingo/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Green/userChrome.css b/themes/Macchiato/Green/userChrome.css index 5fd580b..0757547 100644 --- a/themes/Macchiato/Green/userChrome.css +++ b/themes/Macchiato/Green/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Lavender/userChrome.css b/themes/Macchiato/Lavender/userChrome.css index 8fcf934..e3ae88b 100644 --- a/themes/Macchiato/Lavender/userChrome.css +++ b/themes/Macchiato/Lavender/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Maroon/userChrome.css b/themes/Macchiato/Maroon/userChrome.css index 8297c7f..1ff6335 100644 --- a/themes/Macchiato/Maroon/userChrome.css +++ b/themes/Macchiato/Maroon/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Mauve/userChrome.css b/themes/Macchiato/Mauve/userChrome.css index 5ee55c7..eace66d 100644 --- a/themes/Macchiato/Mauve/userChrome.css +++ b/themes/Macchiato/Mauve/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Peach/userChrome.css b/themes/Macchiato/Peach/userChrome.css index 61149b9..53414fb 100644 --- a/themes/Macchiato/Peach/userChrome.css +++ b/themes/Macchiato/Peach/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Pink/userChrome.css b/themes/Macchiato/Pink/userChrome.css index 504f11b..a9f26bd 100644 --- a/themes/Macchiato/Pink/userChrome.css +++ b/themes/Macchiato/Pink/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Red/userChrome.css b/themes/Macchiato/Red/userChrome.css index a720cb1..9951660 100644 --- a/themes/Macchiato/Red/userChrome.css +++ b/themes/Macchiato/Red/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Rosewater/userChrome.css b/themes/Macchiato/Rosewater/userChrome.css index 4174008..d6cb263 100644 --- a/themes/Macchiato/Rosewater/userChrome.css +++ b/themes/Macchiato/Rosewater/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Sapphire/userChrome.css b/themes/Macchiato/Sapphire/userChrome.css index 8b069e8..36ed8a3 100644 --- a/themes/Macchiato/Sapphire/userChrome.css +++ b/themes/Macchiato/Sapphire/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Sky/userChrome.css b/themes/Macchiato/Sky/userChrome.css index e608306..e9e07e5 100644 --- a/themes/Macchiato/Sky/userChrome.css +++ b/themes/Macchiato/Sky/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Teal/userChrome.css b/themes/Macchiato/Teal/userChrome.css index 3d24716..141ef4e 100644 --- a/themes/Macchiato/Teal/userChrome.css +++ b/themes/Macchiato/Teal/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Macchiato/Yellow/userChrome.css b/themes/Macchiato/Yellow/userChrome.css index ec56cf6..8e5d8de 100644 --- a/themes/Macchiato/Yellow/userChrome.css +++ b/themes/Macchiato/Yellow/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #1e2030 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Macchiato base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #1e2030 !important; + background-color: #1e2030 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #1e2030 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #1e2030 !important; + background-color: #1e2030 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #363a4f !important; + background-color: #363a4f !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #1e2030 !important; + --zen-main-browser-background-toolbar: #1e2030 !important; + --zen-main-browser-background-old: #1e2030 !important; + --zen-main-browser-background-toolbar-old: #1e2030 !important; + --zen-navigator-toolbox-background: #1e2030 !important; + } + } } diff --git a/themes/Mocha/Blue/userChrome.css b/themes/Mocha/Blue/userChrome.css index 0c167aa..1f73d58 100644 --- a/themes/Mocha/Blue/userChrome.css +++ b/themes/Mocha/Blue/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Flamingo/userChrome.css b/themes/Mocha/Flamingo/userChrome.css index d06d389..0485ca6 100644 --- a/themes/Mocha/Flamingo/userChrome.css +++ b/themes/Mocha/Flamingo/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Green/userChrome.css b/themes/Mocha/Green/userChrome.css index 5e37990..8842f2e 100644 --- a/themes/Mocha/Green/userChrome.css +++ b/themes/Mocha/Green/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Lavender/userChrome.css b/themes/Mocha/Lavender/userChrome.css index 29fdbf2..da6c421 100644 --- a/themes/Mocha/Lavender/userChrome.css +++ b/themes/Mocha/Lavender/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Maroon/userChrome.css b/themes/Mocha/Maroon/userChrome.css index 4700242..6eb85d7 100644 --- a/themes/Mocha/Maroon/userChrome.css +++ b/themes/Mocha/Maroon/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Mauve/userChrome.css b/themes/Mocha/Mauve/userChrome.css index 663525a..55ed503 100644 --- a/themes/Mocha/Mauve/userChrome.css +++ b/themes/Mocha/Mauve/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Peach/userChrome.css b/themes/Mocha/Peach/userChrome.css index 96d1b84..95c1f88 100644 --- a/themes/Mocha/Peach/userChrome.css +++ b/themes/Mocha/Peach/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Pink/userChrome.css b/themes/Mocha/Pink/userChrome.css index 53ed267..4e1dad2 100644 --- a/themes/Mocha/Pink/userChrome.css +++ b/themes/Mocha/Pink/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Red/userChrome.css b/themes/Mocha/Red/userChrome.css index f06a3c6..30e3506 100644 --- a/themes/Mocha/Red/userChrome.css +++ b/themes/Mocha/Red/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Rosewater/userChrome.css b/themes/Mocha/Rosewater/userChrome.css index 1afb334..4178484 100644 --- a/themes/Mocha/Rosewater/userChrome.css +++ b/themes/Mocha/Rosewater/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Sapphire/userChrome.css b/themes/Mocha/Sapphire/userChrome.css index 786cce4..308fc0e 100644 --- a/themes/Mocha/Sapphire/userChrome.css +++ b/themes/Mocha/Sapphire/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Sky/userChrome.css b/themes/Mocha/Sky/userChrome.css index 428b1ae..b89da0b 100644 --- a/themes/Mocha/Sky/userChrome.css +++ b/themes/Mocha/Sky/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Teal/userChrome.css b/themes/Mocha/Teal/userChrome.css index b830379..385196c 100644 --- a/themes/Mocha/Teal/userChrome.css +++ b/themes/Mocha/Teal/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } } diff --git a/themes/Mocha/Yellow/userChrome.css b/themes/Mocha/Yellow/userChrome.css index 83319d8..fe2b056 100644 --- a/themes/Mocha/Yellow/userChrome.css +++ b/themes/Mocha/Yellow/userChrome.css @@ -127,4 +127,58 @@ #zen-appcontent-navbar-container { background-color: #181825 !important; } + + /* ── Fix Zen Twilight acrylic/blur bleeding through wrapper gaps ── */ + + /* Remove system appearance so CSS backgrounds take effect */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background { + appearance: unset !important; + -moz-default-appearance: none !important; + } + + /* Paint every wrapper / splitter / gap element with Catppuccin Mocha base */ + #zen-main-app-wrapper, + #zen-appcontent-wrapper, + #zen-sidebar-splitter, + #zen-browser-background, + .zen-browser-generic-background, + .zen-toolbar-background, + #navigator-toolbox, + #tabbrowser-tabbox, + #main-window { + background: #181825 !important; + background-color: #181825 !important; + } + + /* Style sidebar splitters */ + #sidebar-splitter { + border: none !important; + background: #181825 !important; + } + + #zen-sidebar-splitter { + border: none !important; + background: #181825 !important; + background-color: #181825 !important; + opacity: 1 !important; + } + + #zen-sidebar-splitter:hover { + background: #313244 !important; + background-color: #313244 !important; + } + + /* macOS-specific variable overrides */ + @media (-moz-platform: macos) { + :root { + --zen-themed-toolbar-bg-transparent: #181825 !important; + --zen-main-browser-background-toolbar: #181825 !important; + --zen-main-browser-background-old: #181825 !important; + --zen-main-browser-background-toolbar-old: #181825 !important; + --zen-navigator-toolbox-background: #181825 !important; + } + } }