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

Added !important to in-content colors

Browse Source
This commit is contained in:
Mauro Balades
2024-08-14 10:37:33 +02:00
parent b596d7b466
commit 5cd5db6b3e
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,46 +26,46 @@
--zen-dialog-background: var(--zen-colors-tertiary);
--zen-urlbar-background: color-mix(in srgb, var(--zen-primary-color) 8%, #f1f1f1 92%);
--zen-secondary-btn-color: var(--zen-colors-primary-foreground);
--in-content-primary-button-background: light-dark(
color-mix(in srgb, var(--zen-primary-color) 35%, black 65%),
color-mix(in srgb, var(--zen-primary-color) 35%, white 65%)
);
) !important;
--in-content-primary-button-background-hover: light-dark(
color-mix(in srgb, var(--zen-primary-color) 40%, black 60%),
color-mix(in srgb, var(--zen-primary-color) 40%, white 60%)
);
--in-content-primary-button-background-active: var(--zen-colors-hover-bg);
--in-content-primary-button-text-color: light-dark(white, black);
--in-content-primary-button-border-color: transparent;
--in-content-primary-button-border-hover: transparent;
--in-content-primary-button-border-active: var(--zen-colors-border);
--zen-characteristic-gradient: linear-gradient(135deg, #fac89a 0%, #e290ff 100%);
) !important;
--in-content-primary-button-background-active: var(--zen-colors-hover-bg) !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-hover: transparent !important;
--in-content-primary-button-border-active: var(--zen-colors-border) !important;
--in-content-accent-color: var(--zen-colors-primary);
--in-content-accent-color: var(--zen-colors-primary) !important;
/* This is like the secondary button */
--in-content-button-background: light-dark(
color-mix(in srgb, var(--zen-primary-color) 20%, transparent 80%),
color-mix(in srgb, var(--zen-primary-color) 10%, transparent 90%)
);
) !important;
--in-content-button-background-hover: light-dark(
color-mix(in srgb, var(--zen-primary-color) 25%, transparent 75%),
color-mix(in srgb, var(--zen-primary-color) 15%, transparent 85%)
);
--button-bgcolor: var(--in-content-button-background);
--button-hover-bgcolor: var(--in-content-button-background-hover);
--zen-secondary-btn-color: var(--zen-colors-primary-foreground);
--focus-outline-color: var(--button-bgcolor);
--in-content-button-text-color: var(--zen-secondary-btn-color);
) !important;
--button-bgcolor: var(--in-content-button-background) !important;
--button-hover-bgcolor: var(--in-content-button-background-hover) !important;
--focus-outline-color: var(--button-bgcolor) !important;
--in-content-button-text-color: var(--zen-secondary-btn-color) !important;
--toolbarbutton-icon-fill-attention: var(--zen-primary-color);
--toolbarbutton-icon-fill-attention: var(--zen-primary-color) !important;
--button-primary-bgcolor: var(--in-content-primary-button-background);
--button-primary-hover-bgcolor: var(--in-content-primary-button-background-hover);
--button-primary-active-bgcolor: var(--in-content-primary-button-background-active);
--button-primary-color: var(--in-content-primary-button-text-color);
--button-primary-bgcolor: var(--in-content-primary-button-background) !important;
--button-primary-hover-bgcolor: var(--in-content-primary-button-background-hover) !important;
--button-primary-active-bgcolor: var(--in-content-primary-button-background-active) !important;
--button-primary-color: var(--in-content-primary-button-text-color) !important;
--in-content-page-background: var(--zen-colors-tertiary);
--in-content-page-background: var(--zen-colors-tertiary) !important;
--zen-in-content-dialog-background: var(--zen-colors-tertiary);
--zen-button-border-radius: 7px;