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