style: apply style guide fonts, colours, and readability fixes #31

Merged
naomi merged 14 commits from feat/style into main 2026-03-03 17:54:54 -08:00
Showing only changes of commit c729fa8a60 - Show all commits
+10 -2
View File
@@ -33,7 +33,7 @@ html[data-theme="dark"] {
/* Dark theme uses darker colors for background, lighter for text */ /* Dark theme uses darker colors for background, lighter for text */
.page { .page {
--background-color: var(--witch-purple-translucent); --background-color: transparent;
} }
--primary-color: var(--witch-lavender); --primary-color: var(--witch-lavender);
--sl-color-text-accent: var(--witch-lavender); --sl-color-text-accent: var(--witch-lavender);
@@ -70,11 +70,15 @@ html[data-theme="dark"] {
} }
.sidebar-pane, .sidebar-pane,
.right-sidebar-panel { .right-sidebar {
background-color: var(--background-color); background-color: var(--background-color);
color: var(--primary-color); color: var(--primary-color);
} }
.right-sidebar-panel {
color: var(--primary-color);
}
h1, h1,
h2, h2,
h3, h3,
@@ -90,6 +94,10 @@ a {
backdrop-filter: var(--content-blur); backdrop-filter: var(--content-blur);
} }
html[data-theme="dark"] .page {
background: var(--witch-purple-translucent);
}
a[aria-current="page"] { a[aria-current="page"] {
color: var(--background-color) !important; color: var(--background-color) !important;
background-color: var(--witch-rose) !important; background-color: var(--witch-rose) !important;