blueTheme.const.ts

export const blue = {

  '--primary' : '#3f51b5',
  '--primary-variant': '#5c6bc0',

  '--secondary': '#ffca28',
  '--secondary-variant': '#fff350',

  '--background': '#eeeeee',
  '--surface': '#bdbdbd',
  '--dialog': '#c2c2c2',

  '--on-primary': '#FFFFFF',
  '--on-secondary': '#000000',
  '--on-background': '#000000',
  '--on-surface': '#000000',

  '--green': '#81c784',
  '--red': '#FF8A80',
  '--yellow': '#FFD54F',
  '--blue': '#3f51b5',
  '--purple': '#9c27b0',
  '--light-green': '#80ba24',
  '--grey': '#BDBDBD',
  '--grey-light': '#EEEEEE',
  '--black': '#212121'
};