feat: admin dark mode

client/components/admin/admin-storage.vue

@@ -1,37 +1,36 @@
 <template lang='pug'>
   v-card(flat)
-    v-card(color='grey lighten-5')
-      .pa-3.pt-4
-        .headline.primary--text Storage
-        .subheading.grey--text Set backup and sync targets for your content
-      v-tabs(color='grey lighten-4', fixed-tabs, slider-color='primary', show-arrows)
-        v-tab(key='settings'): v-icon settings
-        v-tab(key='local') Local FS
-        v-tab(key='git') Git
-        v-tab(key='s3') Amazon S3
-        v-tab(key='azure') Azure Blob Storage
-        v-tab(key='digitalocean') DigitalOcean Spaces
-        v-tab(key='dropbox') Dropbox
-        v-tab(key='gdrive') Google Drive
-        v-tab(key='onedrive') OneDrive
-        v-tab(key='scp') SCP (SSH)
+    v-card(flat, :color='$vuetify.dark ? "grey darken-4" : "grey lighten-5"').pa-3.pt-4
+      .headline.primary--text Storage
+      .subheading.grey--text Set backup and sync targets for your content
+    v-tabs(:color='$vuetify.dark ? "primary" : "grey lighten-4"', fixed-tabs, :slider-color='$vuetify.dark ? "white" : "primary"', show-arrows)
+      v-tab(key='settings'): v-icon settings
+      v-tab(key='local') Local FS
+      v-tab(key='git') Git
+      v-tab(key='s3') Amazon S3
+      v-tab(key='azure') Azure Blob Storage
+      v-tab(key='digitalocean') DigitalOcean Spaces
+      v-tab(key='dropbox') Dropbox
+      v-tab(key='gdrive') Google Drive
+      v-tab(key='onedrive') OneDrive
+      v-tab(key='scp') SCP (SSH)
 
-        v-tab-item(key='settings')
-          v-card.pa-3
-            v-form
-              v-checkbox(
-                v-for='(target, n) in targets',
-                v-model='auths',
-                :key='n',
-                :label='target.text',
-                :value='target.value',
-                color='primary',
-                hide-details
-              )
-              v-divider
-              v-btn(color='primary')
-                v-icon(left) chevron_right
-                | Set Backup Targets
+      v-tab-item(key='settings')
+        v-card.pa-3
+          v-form
+            v-checkbox(
+              v-for='(target, n) in targets',
+              v-model='auths',
+              :key='n',
+              :label='target.text',
+              :value='target.value',
+              color='primary',
+              hide-details
+            )
+            v-divider
+            v-btn(color='primary')
+              v-icon(left) chevron_right
+              | Set Backup Targets
 
 </template>