Re-theme the app: token-based CSS and a full face lift
CSS refactor: every color, font, radius, and shadow is now defined once in theme.css; all other styles derive translucent variants with color-mix(), so re-theming means editing one file. Removed the duplicate core.css/style.css import chains, dead styles, and the Bootstrap/Tailwind orphan classes that were silently unstyled (the main reason the splash page looked broken). New "Lantern & Brine" look: brass and parchment on a lantern-lit ink-navy night, Pirata One wordmark with Alegreya SC/Sans body fonts (self-hosted via fontsource — they were previously referenced but never loaded), parchment-faced playing cards, and a rebuilt splash page. Inline color styles in components were replaced with semantic classes (prompt-box, notice-banner, status chips, etc.), the rulebook's embedded palette was updated to match, and the leftover Vite favicon and "frontend" page title were replaced. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,4 +1,13 @@
|
||||
import { mount } from 'svelte'
|
||||
|
||||
// Self-hosted fonts (bundled by Vite — no external font CDN at runtime)
|
||||
import '@fontsource/pirata-one'
|
||||
import '@fontsource/alegreya-sc/500.css'
|
||||
import '@fontsource/alegreya-sc/700.css'
|
||||
import '@fontsource/alegreya-sans/400.css'
|
||||
import '@fontsource/alegreya-sans/500.css'
|
||||
import '@fontsource/alegreya-sans/700.css'
|
||||
|
||||
import './app.css'
|
||||
import App from './App.svelte'
|
||||
|
||||
|
||||
Reference in New Issue
Block a user