/** Имя темы = имя папки в assets/scss/themes/. */
export type ThemeName = 'light' | 'dark';

export interface ThemeMeta {
  /** Подсказка браузеру для нативных контролов и скроллбаров. */
  colorScheme: 'light' | 'dark';
  /** Цвет хрома браузера. Обязан совпадать с `$body-bg` этой темы. */
  themeColor: string;
}

/**
 * JS-сторона тем: то, что нужно знать о теме вне Sass.
 *
 * Цвета живут в SCSS (assets/scss/themes/<name>/_theme.scss), но `theme-color` и
 * `color-scheme` нужны в `nuxt.config` на этапе сборки, куда SCSS не дотягивается.
 * Поэтому здесь минимальное дублирование — только хром браузера.
 *
 * Список должен совпадать с папками в assets/scss/themes/ — это проверяет `check:themes`.
 */
export const themes: Record<ThemeName, ThemeMeta> = {
  light: {
    colorScheme: 'light',
    themeColor: '#1e2a3a', // = $body-bg темы light ($color-slate-800)
  },
  dark: {
    colorScheme: 'dark',
    themeColor: '#0d0d0d', // = $body-bg темы dark ($color-black)
  },
};