Files
FabledCurator/frontend/src/theme/vuetify-theme.js
T

35 lines
1.1 KiB
JavaScript

import { surfaces, text, action, semantic, accent } from './fabled-tokens.js'
export const fabledCuratorTheme = {
dark: true,
colors: {
background: surfaces.obsidian,
surface: surfaces.iron,
'surface-bright': surfaces.slate,
'surface-light': surfaces.pewter,
primary: action.moss,
secondary: action.bronze,
tertiary: action.pewter,
'on-background': text.parchment,
'on-surface': text.parchment,
'on-primary': text.parchment,
'on-secondary': text.parchment,
// Secondary/muted body text (empty states, captions, Vuetify hints).
// Maps to the design system's "secondary on dark" so it stays readable
// on obsidian instead of an undefined-token low-contrast fallback.
'on-surface-variant': text.vellum,
success: semantic.success,
warning: semantic.warning,
error: semantic.error,
info: semantic.info,
// Curator signature accent — used for nav-active state, wordmark, selection.
// Not on action buttons (see design-system.md "Accent usage rules").
accent: accent.curator
}
}