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:
parent
65c72a7871
commit
47c5cc7ccb
5 changed files with 21 additions and 12 deletions
|
@ -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);
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue