ayanova/devdocs/todo.txt

@@ -6,26 +6,11 @@ WIFI change 5g channel to 52,56,60 and 2g channel to 8
 	recheck before doing as it seems to vary, maybe someone else's is auto switching
 
 
-
+todo: dark mode would be nice just for me and my eyes
-	
+	Add locale key 
-
+	Add persistence, local setting only
-todo:	Block licensing related queries and view and auth from profile
+	Play around confirm colors are ok
-
+		- file list in attachment is incorrect
-
-todo: Make stub help docs for new ops pages
-	make a quick note in help document how to use chart as it's not all obvious
-		i.e. can hover, can hide line by clicking on legend etc
-	  //NOTE: CPU percentage is *our* process cpu percentage over timeframe of last captured avg
-                //So it does *not* show the entire server cpu load, only for RAVEN.
-                //Overall, server stats need to be captured / viewed independently (digital ocean control panel for example or windows task manager)
-	
-
-todo: Touch errors during development with vuetify, figure it out it's getting in the way
-	Actually, can just bypass by not setting a specific device type so maybe this is closed for now and an update might resolve it anyway
-
-todo: add a basic health check ping route:
-	Health checks
-		https://docs.microsoft.com/en-us/aspnet/core/host-and-deploy/health-checks?view=aspnetcore-3.1
  
 todo: Are UTC filters really working properly?	
 	Check that a datafilter with dates incoming datetime ranges are either interpreted as UTC on route (from post formdata maybe, already know query params are NOT)
@@ -35,8 +20,7 @@ todo: Are UTC filters really working properly?
 
 todo: server state has a "more" icon in menu inexplicably
 
-todo: dark mode would be nice just for me and my eyes
+
-	look into it
 
 todo: Administration - License
 	- view

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);