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.
14 lines
400 B
HTML
14 lines
400 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="color-scheme" content="dark" />
|
|
<link rel="icon" type="image/png" href="/favicon.png" />
|
|
<title>Vellum</title>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|