ekko
b5aeb876b8
Implement runtime theme switching using CSS custom properties delegated through SCSS variables, with light/dark/system modes, FOUC prevention, sidebar toggle, and settings selector. Add theme-aware video assets for sidebar and chat thinking indicator. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
28 lines
970 B
TypeScript
28 lines
970 B
TypeScript
import { createApp } from 'vue'
|
|
import { createPinia } from 'pinia'
|
|
import router from './router'
|
|
import { i18n } from './i18n'
|
|
import App from './App.vue'
|
|
import './styles/global.scss'
|
|
|
|
// Apply dark class before mount to prevent FOUC
|
|
const savedTheme = localStorage.getItem('hermes_theme') || 'system'
|
|
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
if (savedTheme === 'dark' || (savedTheme === 'system' && prefersDark)) {
|
|
document.documentElement.classList.add('dark')
|
|
}
|
|
|
|
// Read token from URL BEFORE router initializes (hash router strips params)
|
|
const urlParams = new URLSearchParams(window.location.search)
|
|
const hashQuery = window.location.hash.split('?')[1]
|
|
const urlToken = urlParams.get('token') || (hashQuery ? new URLSearchParams(hashQuery).get('token') : null)
|
|
if (urlToken) {
|
|
;(window as any).__LOGIN_TOKEN__ = urlToken
|
|
}
|
|
|
|
const app = createApp(App)
|
|
app.use(createPinia())
|
|
app.use(i18n)
|
|
app.use(router)
|
|
app.mount('#app')
|