diff --git a/src/browser/base/content/zen-components b/src/browser/base/content/zen-components index 220c9b42a..324291903 160000 --- a/src/browser/base/content/zen-components +++ b/src/browser/base/content/zen-components @@ -1 +1 @@ -Subproject commit 220c9b42a5ed20057a92fbb7cbc25198fd79d6e0 +Subproject commit 32429190339d4e7873cc6dd2938723651bf00bbd 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 7df452985..4dc888dac 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 @@ -92,7 +92,7 @@ border-bottom: 0px solid transparent !important; --tab-block-margin: 2px; - --tab-selected-bgcolor: light-dark(rgba(255,255,255,.7), color-mix(in srgb, var(--zen-colors-secondary) 50%, transparent 50%)); + --tab-selected-bgcolor: light-dark(rgba(255,255,255,.7), color-mix(in srgb, var(--zen-colors-secondary) 50%, rgba(255,255,255,.2) 50%)); grid-gap: 0 !important; &[overflow]::after, @@ -215,6 +215,7 @@ #navigator-toolbox[zen-expanded='true']:not([zen-user-hover='true']) ) { --zen-toolbox-min-width: fit-content; + --tab-icon-end-margin: 8.5px; padding: var(--zen-toolbox-padding); padding-left: 0; padding-top: 0; @@ -223,6 +224,10 @@ min-width: 150px; } + & #tabbrowser-arrowscrollbox-periphery { + margin-inline: var(--tab-block-margin); + } + & #zen-sidebar-top-buttons { padding-left: var(--zen-toolbox-padding); } diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css index 32a761037..f2a4153a7 100644 --- a/src/browser/base/content/zen-styles/zen-theme.css +++ b/src/browser/base/content/zen-styles/zen-theme.css @@ -39,8 +39,8 @@ color-mix(in srgb, var(--zen-primary-color) 40%, white 60%) ) !important; --in-content-primary-button-background-active: light-dark( - color-mix(in srgb, var(--zen-primary-color) 30%, black 70%), - color-mix(in srgb, var(--zen-primary-color) 30%, white 70%) + color-mix(in srgb, var(--zen-primary-color) 50%, black 50%), + color-mix(in srgb, var(--zen-primary-color) 80%, rgba(255,255,255,.2) 20%) ) !important; --in-content-primary-button-text-color: light-dark(white, black) !important; --in-content-primary-button-border-color: transparent !important;