From 589a8ce939773431f631e5982a5aa343fadbc5a7 Mon Sep 17 00:00:00 2001
From: les <lesion@autistici.org>
Date: Fri, 5 Mar 2021 14:11:33 +0100
Subject: [PATCH] fix dark/light mode dialog

---
 assets/style.less                 | 4 ++++
 components/Confirm.vue            | 2 +-
 components/FollowMe.vue           | 2 +-
 components/admin/Announcement.vue | 2 +-
 components/admin/Federation.vue   | 2 +-
 layouts/default.vue               | 6 +-----
 pages/add/ImportDialog.vue        | 2 +-
 pages/event/embedEvent.vue        | 2 +-
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/assets/style.less b/assets/style.less
index dbc36b8c..b610c571 100644
--- a/assets/style.less
+++ b/assets/style.less
@@ -7,4 +7,8 @@ html, body {
 
 li {
   margin-left: 10px;
+}
+
+.v-dialog .theme--dark.v-card {
+  background-color: #434343;
 }
\ No newline at end of file
diff --git a/components/Confirm.vue b/components/Confirm.vue
index bc6d3bb0..57c5b279 100644
--- a/components/Confirm.vue
+++ b/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
diff --git a/components/FollowMe.vue b/components/FollowMe.vue
index a486eb2f..7b9ddc55 100644
--- a/components/FollowMe.vue
+++ b/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}`})")
diff --git a/components/admin/Announcement.vue b/components/admin/Announcement.vue
index eb05b8b3..b3f4ffde 100644
--- a/components/admin/Announcement.vue
+++ b/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')
diff --git a/components/admin/Federation.vue b/components/admin/Federation.vue
index e609ec51..aa21a10e 100644
--- a/components/admin/Federation.vue
+++ b/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)
diff --git a/layouts/default.vue b/layouts/default.vue
index 78347819..023a2b9b 100644
--- a/layouts/default.vue
+++ b/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>
diff --git a/pages/add/ImportDialog.vue b/pages/add/ImportDialog.vue
index 4783decb..fd538d1d 100644
--- a/pages/add/ImportDialog.vue
+++ b/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')")
diff --git a/pages/event/embedEvent.vue b/pages/event/embedEvent.vue
index 00fa46cf..9b98ad36 100644
--- a/pages/event/embedEvent.vue
+++ b/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