media-rip/frontend/src/main.ts
xpltd 9b4ffbb754 6 new themes + grouped theme picker dropdown
Dark themes:
- Midnight: ultra-minimal, near-black, zero effects
- Hacker: green-on-black terminal, monospace, CRT scanlines
- Neon: hot pink + cyan on purple-black, synthwave, heavy glow

Light themes:
- Paper: warm cream/sepia, serif fonts, book-like
- Arctic: cool whites and icy blues, crisp and modern
- Solarized: Ethan Schoonover's solarized-light palette

Theme picker:
- Replaced simple dark/light toggle with grouped dropdown
- Themes organized by Dark / Light sections with active checkmark
- Remembers last dark and light theme separately for quick toggle
- Theme metadata now includes variant field for proper grouping
- Custom themes default to dark variant
2026-03-22 00:51:00 -05:00

23 lines
660 B
TypeScript

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
/* Base CSS must load first — defines :root defaults and reset */
import './assets/base.css'
/* Theme overrides load after base — :root[data-theme] beats :root in cascade order */
import './themes/cyberpunk.css'
import './themes/dark.css'
import './themes/light.css'
import './themes/midnight.css'
import './themes/hacker.css'
import './themes/neon.css'
import './themes/paper.css'
import './themes/arctic.css'
import './themes/solarized.css'
import App from './App.vue'
const app = createApp(App)
app.use(createPinia())
app.use(router)
app.mount('#app')