You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.6 KiB
40 lines
1.6 KiB
/* |
|
* imwald / magazine light color scheme. |
|
* Loaded when data-color-scheme="light". Mirror of theme-dark.css: selector must match |
|
* html[data-color-scheme="..."] because data-theme is set to the magazine name ("imwald"), |
|
* not "light". Previously used [data-theme="light"] which never matched. |
|
*/ |
|
html[data-color-scheme="light"] { |
|
/* Backgrounds */ |
|
--color-bg: #f4f1ee; |
|
--color-bg-light: #e8e4df; |
|
--color-bg-primary: #e0dbd4; |
|
/* Text */ |
|
--color-text: #2a2a2a; |
|
--color-text-mid: #3d3a36; |
|
--color-text-contrast: #f4f1ee; /* cream on filled surfaces (buttons, badges) */ |
|
/* Accent greens tuned for ≥4.5:1 on #f4f1ee / #e8e4df: |
|
primary #3d5c38 → 6.8:1 on cream ✓ |
|
secondary #4d6847 → 5.7:1 on cream ✓ */ |
|
--color-primary: #3d5c38; |
|
--color-secondary: #4d6847; |
|
--color-primary-strong: #2e4729; |
|
--color-border: #c8c3bd; |
|
--color-border-soft: #d9d4cf; |
|
/* Links */ |
|
--color-link: #3a342f; |
|
--color-link-hover: #1a1a1a; |
|
--color-focus-ring: #1a1a1a; |
|
/* Footer */ |
|
--color-footer-bg: var(--color-bg-light); |
|
--color-footer-text: var(--color-text); |
|
--color-footer-link: var(--color-secondary); |
|
/* Misc */ |
|
--color-shadow: color-mix(in srgb, var(--color-text) 10%, transparent); |
|
--brand-color: black; |
|
--accent-color: var(--color-secondary); |
|
--color-highlight-mark-fg: #1a1a1a; |
|
/* Reading pane: light mix produces a warm off-white (not pure white) */ |
|
--article-reading-pane-bg: color-mix(in srgb, var(--color-bg) 70%, #ffffff 30%); |
|
--article-reading-prose-color: color-mix(in srgb, var(--color-text-mid) 35%, var(--color-text) 65%); |
|
}
|
|
|