palette and themes

src/plugins/vuetify.js

@@ -12,31 +12,51 @@ import 'vuetify/styles'
 import { createVuetify } from 'vuetify'
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
-const black = '#333'
+const darkGray = '#333'
+
 export default createVuetify({
   theme: {
     themes: {
       light: {
         colors: {
-          background: '#fdfffe',
-          surface: '#fdfffe',
-          primary: '#00CC33',
-          success: '#00CC33',
-          warning: '#ffcc00',
-          error: '#CC0033',
-          "on-background": black,
-          "on-surface": black,
-          "on-primary": black,
-          "on-secondary": black,
-          "on-success": black,
-          "on-info": black,
-          "on-warning": black,
-          "on-error": black,
+          background: '#ffffff',
+          surface: '#ffffff',
+          primary: '#35D721',
+          success: '#35D721',
+          warning: '#FFDE00',
+          error: '#DD1A10',
+          "on-background": darkGray,
+          "on-surface": darkGray,
+          "on-primary": darkGray,
+          "on-secondary": darkGray,
+          "on-success": darkGray,
+          "on-info": darkGray,
+          "on-warning": darkGray,
+          "on-error": darkGray,
         },
         dark: false,
         variables: {},
       },
-      // todo dark mode
+      dark: {
+        colors: {
+          background: '#000',
+          surface: '#000',
+          primary: '#35D721',
+          success: '#35D721',
+          warning: '#FFDE00',
+          error: '#DD1A10',
+          "on-background": darkGray,
+          "on-surface": darkGray,
+          "on-primary": darkGray,
+          "on-secondary": darkGray,
+          "on-success": darkGray,
+          "on-info": darkGray,
+          "on-warning": darkGray,
+          "on-error": darkGray,
+        },
+        dark: true,
+        variables: {},
+      },
     },
   },
 })