mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-04-21 14:55:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Started working on dark theme support

Browse Source
This commit is contained in:
Mauro Balades
2024-04-19 17:54:56 +02:00
parent 8a00537d80
commit 89810a0be9
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/toolkit/themes/shared/in-content/zen-common-shared.css
View File

@@ -71,17 +71,21 @@
@media (prefers-color-scheme: dark) {
:host(:is(.anonymous-content-host, notification-message)),
:root {
--in-content-primary-button-background: #fff !important;
--in-content-primary-button-background-hover: #f5f5f5 !important;
--in-content-primary-button-background-active: #e0e0e0 !important;
--in-content-primary-button-border-color: transparent !important;
--in-content-primary-button-border-hover: transparent !important;
--in-content-primary-button-border-active: transparent !important;
--in-content-primary-button-text-color: #000 !important;
--in-content-primary-button-text-color-hover: #000 !important;
--in-content-page-background: #2B2A33 !important;
--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-colors-hover-bg: color-mix(in srgb, var(--zen-primary-color) 90%, black 10%);
--zen-colors-primary-foreground: color-mix(in srgb, var(--zen-primary-color) 80%, white 20%);
--zen-colors-border: color-mix(in srgb, var(--zen-colors-secondary) 40%, black 60%);
--zen-colors-input-bg: color-mix(in srgb, var(--zen-primary-color) 10%, black 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%, black 92%);
}
}