diff options
| author | Danilo M. <danix@danix.xyz> | 2026-11-05 10:11:10 +0100 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-11-05 10:11:10 +0100 |
| commit | 7b654189673fb7c517f095f468f8608e73f5cddf (patch) | |
| tree | 9f28a08bc45823a837423632889c00c74911d3ae | |
| parent | 2cbd791c7a90b1e88718c4caab155c1ffe29619d (diff) | |
| download | danixxyz-theme-7b654189673fb7c517f095f468f8608e73f5cddf.tar.gz danixxyz-theme-7b654189673fb7c517f095f468f8608e73f5cddf.zip | |
fix: follow the site theme for dark prose styles
The dark variant followed the OS preference, so a visitor on a light OS
got dark text on the default dark theme, nearly unreadable.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
| -rw-r--r-- | assets/css/main.min.css | 52 |
1 files changed, 24 insertions, 28 deletions
diff --git a/assets/css/main.min.css b/assets/css/main.min.css index 261e5cd..cb92172 100644 --- a/assets/css/main.min.css +++ b/assets/css/main.min.css @@ -5087,31 +5087,29 @@ html.theme-light .hero-name { color: var(--accent); } -@media (prefers-color-scheme: dark) { - .dark\:prose-invert { - --tw-prose-body: var(--tw-prose-invert-body); - --tw-prose-headings: var(--tw-prose-invert-headings); - --tw-prose-lead: var(--tw-prose-invert-lead); - --tw-prose-links: var(--tw-prose-invert-links); - --tw-prose-bold: var(--tw-prose-invert-bold); - --tw-prose-counters: var(--tw-prose-invert-counters); - --tw-prose-bullets: var(--tw-prose-invert-bullets); - --tw-prose-hr: var(--tw-prose-invert-hr); - --tw-prose-quotes: var(--tw-prose-invert-quotes); - --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); - --tw-prose-captions: var(--tw-prose-invert-captions); - --tw-prose-kbd: var(--tw-prose-invert-kbd); - --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); - --tw-prose-code: var(--tw-prose-invert-code); - --tw-prose-pre-code: var(--tw-prose-invert-pre-code); - --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); - --tw-prose-th-borders: var(--tw-prose-invert-th-borders); - --tw-prose-td-borders: var(--tw-prose-invert-td-borders); - } +.dark\:prose-invert:where(html:not(.theme-light), html:not(.theme-light) *) { + --tw-prose-body: var(--tw-prose-invert-body); + --tw-prose-headings: var(--tw-prose-invert-headings); + --tw-prose-lead: var(--tw-prose-invert-lead); + --tw-prose-links: var(--tw-prose-invert-links); + --tw-prose-bold: var(--tw-prose-invert-bold); + --tw-prose-counters: var(--tw-prose-invert-counters); + --tw-prose-bullets: var(--tw-prose-invert-bullets); + --tw-prose-hr: var(--tw-prose-invert-hr); + --tw-prose-quotes: var(--tw-prose-invert-quotes); + --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); + --tw-prose-captions: var(--tw-prose-invert-captions); + --tw-prose-kbd: var(--tw-prose-invert-kbd); + --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); + --tw-prose-code: var(--tw-prose-invert-code); + --tw-prose-pre-code: var(--tw-prose-invert-pre-code); + --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); + --tw-prose-th-borders: var(--tw-prose-invert-th-borders); + --tw-prose-td-borders: var(--tw-prose-invert-td-borders); +} - .dark\:hover\:text-text:hover { - color: var(--text); - } +.dark\:hover\:text-text:hover:where(html:not(.theme-light), html:not(.theme-light) *) { + color: var(--text); } .first-letter\:text-3xl::first-letter { @@ -5397,8 +5395,6 @@ html.theme-light .hero-name { } } -@media (prefers-color-scheme: dark) { - .dark\:hover\:text-text:hover { - color: var(--text); - } +.dark\:hover\:text-text:hover:where(html:not(.theme-light), html:not(.theme-light) *) { + color: var(--text); } |