ayanova/src/App.vue

@@ -276,6 +276,7 @@ export default {
     window.$gz.eventBus.$off();
   },
   mounted() {
+   // this.$vuetify.theme.dark = true;
     this.$root.$gzconfirm = this.$refs.gzconfirm.open;
     this.$root.$gznotify = this.$refs.gznotify.addNotification;
 

ayanova/src/plugins/vuetify.js

@@ -20,6 +20,20 @@ export default new Vuetify({
         //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
         error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
 
+        disabled: "#e0e0e0"
+      },
+      dark: {
+        //here you will define primary secondary stuff for dark theme
+        //color adjuster tool: https://www.hexcolortool.com/#00205c
+        primary: "#7F9FDA", //Canucks dark blue LIGHTENED 50%
+        secondary: "#006B24", //canucks green DARKENED 10%
+
+        accent: "#db7022", //lighter orangey red, more friendly looking though not as much clarity it seems
+        //error: "#b71c1c", //dark red, easy to read but not error-y enough possibly
+
+        //accent: "#BD491A", //dark orangey red, more clarity, less friendly looking
+        error: "#ff5252", //lighter red, have to see if it's good for all screens and sizes as it's a bit light but it stands out as an error condition better
+
         disabled: "#e0e0e0"
       }
     }

ayanova/src/views/home-user-settings.vue

@@ -98,6 +98,13 @@
               @input="fieldValueChanged('timeZoneOverride')"
             ></v-text-field>
           </v-col>
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <v-checkbox
+              v-model="darkMode"
+              :label="$ay.t('DarkMode')"
+              @change="darkModeChanged()"
+            ></v-checkbox>
+          </v-col>
         </v-row>
       </v-form>
     </v-col>
@@ -158,6 +165,7 @@ export default {
       selectLists: {
         translations: []
       },
+      darkMode: false,
       obj: {
         /*concurrency": 7490431,
     "translationId": 1,
@@ -226,6 +234,9 @@ export default {
     form() {
       return window.$gz.form;
     },
+    darkModeChanged() {
+      this.$vuetify.theme.dark = this.darkMode;
+    },
     fieldValueChanged(ref) {
       if (!this.formState.loading && !this.formState.readOnly) {
         window.$gz.form.fieldValueChanged(this, ref);