From a37de5a49672f4f3f7893a04aad6f5c6f901908f Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 20 Dec 2020 17:19:09 +0800
Subject: [PATCH] modify account overview card background color in dark mode

---
 src/views/mobile/accounts/List.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/mobile/accounts/List.vue b/src/views/mobile/accounts/List.vue
index b067bbfd..6f6bd59a 100644
--- a/src/views/mobile/accounts/List.vue
+++ b/src/views/mobile/accounts/List.vue
@@ -10,7 +10,7 @@
             </f7-nav-right>
         </f7-navbar>
 
-        <f7-card :class="{ 'bg-color-yellow': true, 'skeleton-text': loading }">
+        <f7-card class="account-overview-card" :class="{ 'skeleton-text': loading }">
             <f7-card-header class="display-block" style="padding-top: 100px;">
                 <small :style="{ opacity: 0.6 }">{{ loading ? 'Net assets' : $t('Net assets') }}</small><br />
                 <span class="net-assets" v-if="loading">0.00 USD</span>
@@ -636,6 +636,14 @@ export default {
 </script>
 
 <style>
+.account-overview-card {
+    background-color: var(--f7-color-yellow);
+}
+
+.theme-dark .account-overview-card {
+    background-color: var(--f7-theme-color);
+}
+
 .net-assets {
     font-size: 1.5em;
 }