1
0
Fork 1
mirror of https://github.com/zen-browser/desktop.git synced 2025-07-07 21:49:58 +02:00

fix: Fixed lightweight themes being enabled by default and other small theme changes, b=no-bug, c=common, tabs, workspaces

This commit is contained in:
mr. m 2025-06-26 01:00:57 +02:00
parent 65c72a7871
commit 47c5cc7ccb
No known key found for this signature in database
GPG key ID: 928E01ED4C97749F
5 changed files with 21 additions and 12 deletions

View file

@ -22,4 +22,4 @@ pref('zen.theme.window.scheme', 'auto'); // auto, light, dark
#endif #endif
// Light weight themes // Light weight themes
pref('zen.theme.disable-lightweight', false); pref('zen.theme.disable-lightweight', true);

View file

@ -759,7 +759,7 @@
border-radius: var(--tab-border-radius); border-radius: var(--tab-border-radius);
&:hover { &:hover {
background: var(--toolbarbutton-active-background); background: var(--toolbarbutton-hover-background);
} }
& image { & image {

View file

@ -130,10 +130,16 @@
--toolbarbutton-hover-background: color-mix( --toolbarbutton-hover-background: color-mix(
in srgb, in srgb,
var(--zen-branding-bg-reverse) 10%, var(--zen-branding-bg-reverse) 5%,
transparent 90% transparent 95%
); );
--toolbarbutton-active-background: color-mix(
in srgb,
var(--zen-branding-bg-reverse) 7%,
transparent 93%
) !important;
--toolbar-color: light-dark(rgb(21, 20, 26, 0.7), rgb(251, 251, 254, 0.7)) !important; --toolbar-color: light-dark(rgb(21, 20, 26, 0.7), rgb(251, 251, 254, 0.7)) !important;
/* Other colors */ /* Other colors */
@ -157,11 +163,8 @@
--urlbar-margin-inline: 1px !important; --urlbar-margin-inline: 1px !important;
--tab-icon-overlay-stroke: light-dark(white, black) !important; --tab-icon-overlay-stroke: light-dark(white, black) !important;
--tab-close-button-padding: 5px !important; --tab-close-button-padding: 5px !important;
--toolbarbutton-active-background: var(--zen-toolbar-element-bg);
--input-bgcolor: var(--zen-colors-tertiary) !important; --input-bgcolor: var(--zen-colors-tertiary) !important;
--input-border-color: var(--zen-input-border-color) !important; --input-border-color: var(--zen-input-border-color) !important;
--zen-themed-toolbar-bg-transparent: light-dark(var(--zen-branding-bg), #171717); --zen-themed-toolbar-bg-transparent: light-dark(var(--zen-branding-bg), #171717);

View file

@ -773,19 +773,23 @@
} }
#zen-sidebar-foot-buttons { #zen-sidebar-foot-buttons {
& > .toolbarbutton-1 { & > .toolbarbutton-1,
& .toolbarbutton-badge-stack {
min-height: var(--tab-min-height); min-height: var(--tab-min-height);
line-height: var(--tab-label-line-height); line-height: var(--tab-label-line-height);
border-radius: var(--border-radius-medium); border-radius: var(--border-radius-medium);
padding: 0 calc(var(--tab-inline-padding) - var(--tab-inner-inline-margin)); padding: 0 calc(var(--tab-inline-padding) - var(--tab-inner-inline-margin));
width: var(--tab-collapsed-background-width);
margin-inline: var(--tab-inner-inline-margin);
& .toolbarbutton-badge-stack { &.toolbarbutton-badge-stack {
justify-content: center; justify-content: center;
padding: 8px; padding: 8px;
width: var(--tab-collapsed-background-width); width: var(--tab-collapsed-background-width);
} }
&.toolbarbutton-1 {
width: var(--tab-collapsed-background-width);
margin-inline: var(--tab-inner-inline-margin);
}
} }
} }

View file

@ -91,6 +91,7 @@
overflow: auto; overflow: auto;
scrollbar-width: none; scrollbar-width: none;
scroll-behavior: smooth; scroll-behavior: smooth;
mask-image: linear-gradient(to right, transparent 0%, black 2.5%, black 97.5%, transparent 100%);
& > hbox { & > hbox {
justify-content: space-around; justify-content: space-around;
@ -103,6 +104,7 @@
cursor: pointer; cursor: pointer;
position: relative; position: relative;
transition: transform 0.1s; transition: transform 0.1s;
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
@ -110,7 +112,7 @@
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
outline: 2px solid var(--zen-toolbar-element-bg); outline: 2px solid color-mix(in srgb, var(--zen-toolbar-element-bg) 80%, transparent 20%);
border-radius: 50%; border-radius: 50%;
pointer-events: none; pointer-events: none;
transition: transform 0.1s; transition: transform 0.1s;