fix dark/light mode dialog

assets/style.less

@@ -7,4 +7,8 @@ html, body {
 
 li {
   margin-left: 10px;
+}
+
+.v-dialog .theme--dark.v-card {
+  background-color: #434343;
 }

components/Confirm.vue

@@ -6,7 +6,7 @@
     :max-width='options.width'
     :style="{ zIndex: options.zIndex, position: 'absolute' }"
     @keydown.esc='cancel')
-    v-card(color='secondary')
+    v-card
       v-card-title {{ title }}
       v-card-text(v-show='!!message') {{ message }}
       v-card-actions

components/FollowMe.vue

@@ -1,5 +1,5 @@
 <template lang='pug'>
-  v-card(:color='isDialog ? "secondary" : null')
+  v-card
     v-card-title(v-text="$t('common.follow_me_title')")
     v-card-text
       p(v-html="$t('event.follow_me_description', { title: settings.title, account: `@${settings.instance_name}@${domain}`})")

components/admin/Announcement.vue

@@ -3,7 +3,7 @@
     v-card-title {{$t('common.announcements')}}
     v-card-subtitle(v-html="$t('admin.announcement_description')")
     v-dialog(v-model='dialog' width='800px')
-      v-card(color='secondary')
+      v-card
         v-card-title {{$t('admin.new_announcement')}}
         v-card-text
           v-form(v-model='valid' ref='announcement' @submit.prevent='save')

components/admin/Federation.vue

@@ -41,7 +41,7 @@
         )
 
         v-dialog(v-model='dialogAddInstance' width="500px")
-          v-card(color='secondary')
+          v-card
             v-card-title {{$t('admin.add_trusted_instance')}}
             v-card-text
               v-form(v-model='valid' ref='form' lazy-validation)

layouts/default.vue

@@ -31,10 +31,6 @@ export default {
 }
 </script>
 <style lang="less">
-// html, body {
-//   overflow: hidden;
-//   max-height: 100%;
-// }
 .v-dialog {
   width: 600px;
   max-width: 800px;
@@ -46,6 +42,6 @@ export default {
 
 .v-autocomplete__content.v-menu__content {
   scrollbar-width: thin;
-  scrollbar-color: #FF4511;
+  scrollbar-color: #FF4511 #111;
 }
 </style>

pages/add/ImportDialog.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  v-card(color='secondary')
+  v-card
     v-card-title {{$t('common.import')}}
     v-card-text
       p(v-html="$t('event.import_description')")

pages/event/embedEvent.vue

@@ -1,5 +1,5 @@
 <template lang='pug'>
-v-card(color='secondary')
+v-card
   v-card-title(v-text="$t('common.embed_title')")
   v-card-text
     v-row