diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components index 0a23df721..9a1beadc0 160000 --- a/src/browser/base/content/zen-components +++ b/src/browser/base/content/zen-components @@ -1 +1 @@ -Subproject commit 0a23df721efd4c20489f8a6a05d2ce08508eff2b +Subproject commit 9a1beadc03b1509513c51bf954914454fa4ed99b diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css index 1ddd6b0cd..7e23d259d 100644 --- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css +++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css @@ -153,7 +153,11 @@ overflow: visible !important; & .tab-background:not(:hover):not([selected]):not([multiselected]) { - background: color-mix(in srgb, var(--zen-colors-secondary) 10%, transparent 90%) !important; + --zen-pinned-tabs-bgcolor: color-mix(in srgb, var(--zen-colors-secondary) 10%, transparent 90%); + @media not (prefers-color-scheme: dark) { + --zen-pinned-tabs-bgcolor: color-mix(in srgb, var(--zen-colors-secondary) 50%, transparent 50%); + } + background: var(--zen-pinned-tabs-bgcolor) !important; backdrop-filter: blur(5px); } @@ -620,6 +624,7 @@ } &[selected] .tab-background { + border-color: transparent; background: var(--zen-colors-secondary) !important; } } diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css index 9335b4720..d62a581f2 100644 --- a/src/browser/base/content/zen-styles/zen-theme.css +++ b/src/browser/base/content/zen-styles/zen-theme.css @@ -16,12 +16,12 @@ /** Zen colors are generated automatically from the primary color */ --zen-colors-primary: color-mix(in srgb, var(--zen-primary-color) 50%, black 50%); - --zen-colors-secondary: color-mix(in srgb, var(--zen-primary-color) 40%, white 60%); + --zen-colors-secondary: color-mix(in srgb, var(--zen-colors-primary) 20%, white 80%); --zen-colors-tertiary: color-mix(in srgb, var(--zen-primary-color) 7%, white 93%); --zen-colors-hover-bg: color-mix(in srgb, var(--zen-primary-color) 90%, white 10%); --zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, black 20%); - --zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 90%, black 10%); + --zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 98%, black 2%); --zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, white 80%); @@ -114,7 +114,7 @@ --input-bgcolor: var(--zen-colors-tertiary) !important; --input-border-color: var(--zen-input-border-color) !important; - --zen-themed-toolbar-bg: light-dark(#eeeded, var(--zen-colors-tertiary)) !important; + --zen-themed-toolbar-bg: light-dark(#fdfdfd, var(--zen-colors-tertiary)) !important; --toolbar-field-background-color: var(--zen-colors-input-bg) !important; --arrowpanel-background: var(--zen-dialog-background) !important; diff --git a/src/browser/base/content/zen-styles/zen-urlbar.css b/src/browser/base/content/zen-styles/zen-urlbar.css index 1ae11fab7..a4afcd949 100644 --- a/src/browser/base/content/zen-styles/zen-urlbar.css +++ b/src/browser/base/content/zen-styles/zen-urlbar.css @@ -76,10 +76,14 @@ background: var(--urlbar-box-bgcolor); } -#identity-icon-label { +#identity-box:not(.chromeUI) #identity-icon-label { padding-inline-start: 8px !important; } +#identity-box.chromeUI #identity-icon { + display: none; +} + #identity-box.chromeUI:not([pageproxystate='invalid']) #identity-icon-box { margin-right: 0 !important; }