diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index e8033275..0a5e3c6b 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -7,8 +7,7 @@ WIFI change 5g channel to 52,56,60 and 2g channel to 8
 
 
 todo: dark mode would be nice just for me and my eyes
-	Add locale key 
-	Add persistence, local setting only
+
 	Play around confirm colors are ok
 		- file list in attachment is incorrect colors in dark
  
diff --git a/ayanova/src/components/attachment-control.vue b/ayanova/src/components/attachment-control.vue
index 31725984..c7a77812 100644
--- a/ayanova/src/components/attachment-control.vue
+++ b/ayanova/src/components/attachment-control.vue
@@ -13,7 +13,7 @@
           <!-- Note: this is just a copy of the inner part of read/write version below
       with the action taken out -->
           <div class="mt-4" :style="cardTextStyle()">
-            <v-list color="grey lighten-5" three-line>
+            <v-list three-line>
               <v-list-item
                 v-for="item in displayList"
                 :key="item.id"
@@ -55,7 +55,7 @@
                   :style="cardTextStyle()"
                   id="dropDiv"
                 >
-                  <v-list color="grey lighten-5" three-line>
+                  <v-list three-line>
                     <v-list-item
                       v-for="item in displayList"
                       :key="item.id"
diff --git a/ayanova/src/components/gzconfirm.vue b/ayanova/src/components/gzconfirm.vue
index b1edc001..f944a870 100644
--- a/ayanova/src/components/gzconfirm.vue
+++ b/ayanova/src/components/gzconfirm.vue
@@ -1,25 +1,3 @@
-<!--
-<template>
-  <v-dialog
-    v-model="isVisible"
-    :max-width="options.width"
-    :style="{ zIndex: options.zIndex }"
-    @keydown.esc="cancel"
-  >
-    <v-card>
-      <v-toolbar dark :color="options.color" dense flat>
-        <v-toolbar-title class="white--text">{{ title }}</v-toolbar-title>
-      </v-toolbar>
-      <v-card-text v-show="!!message" class="pa-4">{{ message }}</v-card-text>
-      <v-card-actions class="pt-0">
-        <v-spacer></v-spacer>
-        <v-btn color="primary darken-1" text @click.native="agree">Yes</v-btn>
-        <v-btn color="grey" text @click.native="cancel">Cancel</v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-</template>
--->
 <template>
   <div class="text-center">
     <v-dialog
diff --git a/ayanova/src/views/ay-history.vue b/ayanova/src/views/ay-history.vue
index 0650ea83..2c70ee40 100644
--- a/ayanova/src/views/ay-history.vue
+++ b/ayanova/src/views/ay-history.vue
@@ -18,7 +18,7 @@
               :color="getIconColorForEvent(i.event)"
               :icon="getIconForEvent(i.event)"
             >
-              <v-card>
+              <v-card :outlined="$store.state.darkMode">
                 <v-card-title>{{ i.name }}</v-card-title>
                 <v-card-subtitle
                   >{{ i.date }} - {{ getEventName(i.event) }}</v-card-subtitle
@@ -55,7 +55,7 @@
               :color="getIconColorForEvent(i.event)"
               :icon="getIconForEvent(i.event)"
             >
-              <v-card>
+              <v-card :outlined="$store.state.darkMode">
                 <v-card-title>{{ i.name }}</v-card-title>
                 <v-card-subtitle
                   >{{ i.date }} - {{ getEventName(i.event) }}</v-card-subtitle