pinafore/routes/_static/themes.js

const themes = [
  {
    name: 'default',
    label: 'Royal (default)',
    dark: false,
    color: 'royalblue'
  },
  {
    name: 'scarlet',
    label: 'Scarlet',
    dark: false,
    color: '#e04e41'
  },
  {
    name: 'seafoam',
    label: 'Seafoam',
    dark: false,
    color: '#177380'
  },
  {
    name: 'hotpants',
    label: 'Hotpants',
    dark: false,
    color: 'hotpink'
  },
  {
    name: 'oaken',
    label: 'Oaken',
    dark: false,
    color: 'saddlebrown'
  },
  {
    name: 'majesty',
    label: 'Majesty',
    dark: false,
    color: 'blueviolet'
  },
  {
    name: 'gecko',
    label: 'Gecko',
    dark: false,
    color: '#4ab92f'
  },
  {
    name: 'ozark',
    label: 'Ozark',
    dark: true,
    color: '#5263af'
  },
  {
    name: 'cobalt',
    label: 'Cobalt',
    dark: true,
    color: '#08439b'
  },
  {
    name: 'sorcery',
    label: 'Sorcery',
    dark: true,
    color: '#ae91e8'
  },
  {
    name: 'punk',
    label: 'Punk',
    dark: true,
    color: '#e04e41'
  },
  {
    name: 'riot',
    label: 'Riot',
    dark: true,
    color: 'hotpink'
  },
  {
    name: 'hacker',
    label: 'Hacker',
    dark: true,
    color: '#4ab92f'
  }
]

export { themes }