cf34d8b11a
app.css carried a `@media (prefers-color-scheme: light)` block that replaced EVERY design token with a white and generic-purple palette, and index.html declared `color-scheme: light dark`. So whenever the OS or browser preferred light, the app silently discarded the brand — which is indistinguishable from "the design changed by itself" and is exactly what happened. This was not introduced by the recent hardening work: the block came in with the original Svelte commit and was present in the brand commits. It is removed here. - Deleted the light-mode media query. The charcoal/purple tokens are now the only tokens. - Added `color-scheme: dark` to :root and changed the meta tag to `dark`, so native scrollbars, form controls and the caret follow the brand instead of rendering white against a dark page. - Left a comment explaining why there is deliberately no light theme. The comment deliberately does NOT repeat the old hex values, so that grepping the built CSS for them stays meaningful — my first verification pass was fooled by exactly that. Verified with the browser emulating `prefers-color-scheme: light`: --bg #292929, --surface #303030, --accent #c084fc, --accent-2 #6d7cff, color-scheme dark. The built CSS contains zero media queries and zero occurrences of the old accent. |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| embed.go | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
| svelte.config.js | ||
| tsconfig.json | ||
| vite.config.ts | ||
Vellum web
Svelte 5 + Vite + TypeScript single-page app. It is built to a static bundle in
dist/ and embedded into the Go binary, so all asset paths are relative
(base: './' in vite.config.ts).
Commands
pnpm install
pnpm dev # dev server on :5173, proxying /api to :7788
pnpm build # writes dist/
pnpm check # svelte-check
Run the Go server on :7788 (make run from the repo root) and pnpm dev
proxies API and health requests to it, so cookies and sessions behave exactly
as they will in production.
Layout
src/
main.ts entry point
App.svelte login gate -> shell
app.css design tokens and base styles
lib/
api.ts typed client; mirrors the Go handlers
session.ts auth + library stores
nav.ts view state
components/
Login.svelte
Shell.svelte nav + view switch
Libraries.svelte library list, create, scan, delete
LibraryView.svelte item grid with covers
Reader.svelte epub.js reader with progress sync
Users.svelte admin user management
The reader resumes from a spine index, which is why progress positions are
integers: it round-trips through the polymorphic progress table without
needing a text column.