fix(readable-background): add a translucent background to main content #23

Merged
naomi merged 5 commits from :fix/issue-22-readable-background into main 2026-02-06 16:46:52 -08:00
Showing only changes of commit da34c24d3c - Show all commits
+5 -2
View File
@@ -1,7 +1,7 @@
:root { :root {
/* Witch color palette */ /* Witch color palette */
--witch-purple: #2b1b3d; --witch-purple: #2b1b3d;
--witch-purple-translucent: hsla(267, 40%, 17%, 0.423); --witch-purple-translucent: hsla(267, 40%, 17%, 0.597);
--witch-plum: #44275a; --witch-plum: #44275a;
--witch-rose: #a8577e; --witch-rose: #a8577e;
--witch-mauve: #d4a5c7; --witch-mauve: #d4a5c7;
@@ -31,8 +31,11 @@
html[data-theme="dark"] { html[data-theme="dark"] {
/* Dark theme uses darker colors for background, lighter for text */ /* Dark theme uses darker colors for background, lighter for text */
--primary-color: var(--witch-lavender);
.page {
--background-color: var(--witch-purple-translucent); --background-color: var(--witch-purple-translucent);
}
--primary-color: var(--witch-lavender);
--sl-color-text-accent: var(--witch-lavender); --sl-color-text-accent: var(--witch-lavender);
/* Additional Starlight overrides for dark theme */ /* Additional Starlight overrides for dark theme */