mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-02 07:58:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved UI theme colors generation and newtab aligment

Browse Source
This commit is contained in:
mr. M
2024-11-01 13:07:32 +01:00
parent 644baca439
commit bd8829a432
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/browser/base/content/zen-components

Submodule src/browser/base/content/zen-components updated: 220c9b42a5...3242919033

7
src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
View File

@@ -92,7 +92,7 @@
border-bottom: 0px solid transparent !important; border-bottom: 0px solid transparent !important;
--tab-block-margin: 2px; --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; grid-gap: 0 !important;
&[overflow]::after, &[overflow]::after,
@@ -215,6 +215,7 @@
#navigator-toolbox[zen-expanded='true']:not([zen-user-hover='true']) #navigator-toolbox[zen-expanded='true']:not([zen-user-hover='true'])
) { ) {
--zen-toolbox-min-width: fit-content; --zen-toolbox-min-width: fit-content;
--tab-icon-end-margin: 8.5px;
padding: var(--zen-toolbox-padding); padding: var(--zen-toolbox-padding);
padding-left: 0; padding-left: 0;
padding-top: 0; padding-top: 0;
@@ -223,6 +224,10 @@
min-width: 150px; min-width: 150px;
} }
& #tabbrowser-arrowscrollbox-periphery {
margin-inline: var(--tab-block-margin);
}
& #zen-sidebar-top-buttons { & #zen-sidebar-top-buttons {
padding-left: var(--zen-toolbox-padding); padding-left: var(--zen-toolbox-padding);
} }

4
src/browser/base/content/zen-styles/zen-theme.css
View File

@@ -39,8 +39,8 @@
color-mix(in srgb, var(--zen-primary-color) 40%, white 60%) color-mix(in srgb, var(--zen-primary-color) 40%, white 60%)
) !important; ) !important;
--in-content-primary-button-background-active: light-dark( --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) 50%, black 50%),
color-mix(in srgb, var(--zen-primary-color) 30%, white 70%) color-mix(in srgb, var(--zen-primary-color) 80%, rgba(255,255,255,.2) 20%)
) !important; ) !important;
--in-content-primary-button-text-color: light-dark(white, black) !important; --in-content-primary-button-text-color: light-dark(white, black) !important;
--in-content-primary-button-border-color: transparent !important; --in-content-primary-button-border-color: transparent !important;