ebt-vue3/src/vuetify-opts.mjs

Vue3 Library for SuttaCentral Voice EBT-Sites

import colors from 'vuetify/lib/util/colors.mjs'

let COLOR_SAFFRON = "#ff9933";

export default class VuetifyOpts {
  static get COLOR_SAFFRON() {
    return COLOR_SAFFRON;
  }

  static options() {
    return {
      theme: {
        defaultTheme: 'dark',
        themes: {
          light: VuetifyOpts.lightTheme(),
          dark: VuetifyOpts.darkTheme(),
        },
      },
    }
  } // options

  static lightTheme() {
    return {
      dark: false,
      colors: {
        background: colors.grey.lighten1,
        surface:"#f0f0f0",
        currentbg: "#ffffff",
        chip: colors.brown.darken2,
        link: colors.brown.lighten1,
        toolbar: colors.grey.darken1,
        matched: "#bf235d",
        appbar: COLOR_SAFFRON,
        placeholder: "#600060",
        debug: "#00FFFF",
        expansion: colors.grey.lighten4,
        progress1: COLOR_SAFFRON,
        progress2: "#333333",
        audiobar: colors.brown.darken4,
        example: COLOR_SAFFRON,
        focus: COLOR_SAFFRON,
        alert: colors.red.darken4,
        tutorial: colors.green.darken4,
        menu: COLOR_SAFFRON,
      },
    }
  } // lightTheme

  static darkTheme() {
    return {
      dark: true,
      colors: {
        background: "#121212",
        currentbg: "#000000",
        surface: "#222222",
        chip: COLOR_SAFFRON,
        link: COLOR_SAFFRON,
        matched: colors.yellow.lighten1,
        appbar: COLOR_SAFFRON,
        toolbar: colors.brown.darken2,
        placeholder: "#00FFFF",
        debug: "#00FFFF",
        expansion: colors.grey.darken2,
        progress1: COLOR_SAFFRON,
        progress2: "#ffffff",
        audiobar: colors.brown.darken4,
        example: COLOR_SAFFRON,
        focus: COLOR_SAFFRON,
        alert: colors.red.darken4,
        tutorial: colors.green.darken4,
        menu: COLOR_SAFFRON,
      },
    }
  } // darkTheme

}