mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-04-05 07:09:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed to experimental dark theme scheme

Browse Source
This commit is contained in:
mauro-balades
2024-09-01 16:47:51 +02:00
parent 94463e9fa5
commit 9eb70c3b79
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -118,22 +118,22 @@
@media (prefers-color-scheme: dark) {
:host(:is(.anonymous-content-host, notification-message)),
:root {
--zen-in-content-dialog-background: rgb(28, 28, 32);
--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%, black 60%);
--zen-colors-tertiary: color-mix(in srgb, var(--zen-primary-color) 15%, black 85%);
--zen-in-content-dialog-background: rgb(23, 23, 23);
--zen-dark-color-mix-base: #171717;
--zen-colors-primary: color-mix(in srgb, var(--zen-primary-color) 20%, var(--zen-dark-color-mix-base) 80%);
--zen-colors-secondary: color-mix(in srgb, var(--zen-primary-color) 30%, var(--zen-dark-color-mix-base) 70%);
--zen-colors-tertiary: color-mix(in srgb, var(--zen-primary-color) 1%, var(--zen-dark-color-mix-base) 99%);
--zen-colors-hover-bg: color-mix(in srgb, var(--zen-primary-color) 90%, black 10%);
--zen-colors-hover-bg: color-mix(in srgb, var(--zen-primary-color) 90%, var(--zen-dark-color-mix-base) 10%);
--zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, white 20%);
--zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, black 80%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 80%, black 20%);
--zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 1%, var(--zen-dark-color-mix-base) 99%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 20%, rgb(43, 43, 43) 80%);
--zen-dialog-background: color-mix(in srgb, var(--zen-primary-color) 10%, black 90%);
--zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 8%, rgb(15, 15, 15) 92%);
--zen-dialog-background: var(--zen-dark-color-mix-base);
--zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 4%, rgb(24, 24, 24) 96%);
--zen-browser-gradient-base: color-mix(in srgb, var(--zen-primary-color) 30%, black 70%);
--zen-browser-gradient-base: color-mix(in srgb, var(--zen-primary-color) 30%, var(--zen-dark-color-mix-base) 70%);
}
}

12
src/browser/themes/shared/preferences/zen-preferences.css
View File

@@ -5,7 +5,7 @@
*/
:root {
--zen-settings-secondary-background: light-dark(#F2F4F4, color-mix(in srgb, var(--zen-primary-color) 10%, black 90%));
--zen-settings-secondary-background: light-dark(#F2F4F4, #171717);
}
.main-content {
@@ -22,7 +22,7 @@ description {
}
groupbox {
background: light-dark(white, color-mix(in srgb, var(--zen-primary-color) 10%, #1b1b1b 90%));
background: light-dark(white, color-mix(in srgb, var(--zen-primary-color) 2%, #1b1b1b 98%));
padding-inline: unset !important;
padding: 20px 30px !important;
margin-bottom: 0 !important;
@@ -32,16 +32,16 @@ groupbox {
.subcategory + groupbox,
#noFxaAccount,
#hasFxaAccount {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 5px;
}
groupbox:has(+ script),
groupbox:last-of-type,
groupbox:has(+ .subcategory) {
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.sticky-inner-container{