Files
gelegeapp-frontend/src/plugins/vuetify/themes/defaultDark.ts
T
Torben Indorf 4e1a51c823 added new icons for the navigation
select the new icon for any state
2020-02-11 21:56:57 +01:00

28 lines
792 B
TypeScript

/**
* These theme colors properties are a mix from material design specs:
* https://material.io/design/color/#color-theme-creation
* and from vuetify theme management:
* https://vuetifyjs.com/en/customization/theme#theme
*/
export default {
// vuetify theme colors
'primary': '#00A252',
'secondary': '#F5F5F5',
'accent': '#ffffff', // TODO set accent color
'error': '#bf2828',
'info': '#3787f6',
'success': '#92d048',
'warning': '#FFC107',
'disabled': '#e0e0e0',
// material design specs colors
// -- general
'background': '#f3f3f3',
'surface': '#3c3f4a',
// -- font
'on-primary': '#ffffff',
'on-secondary': '#313131',
'on-background': '#3c3f4a',
'on-surface': '#ffffff',
'on-surface-variant': '#787b82',
};