From 4ea336653abc193758eaa0f38815712b996ac2d1 Mon Sep 17 00:00:00 2001
From: 0xJacky <me@jackyu.cn>
Date: Sat, 15 Apr 2023 10:34:45 +0800
Subject: [PATCH] fix: upgrader background issue in dark mode #99

---
 frontend/src/components/FooterToolbar/FooterToolBar.vue | 2 +-
 frontend/src/views/system/Upgrade.vue                   | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/FooterToolbar/FooterToolBar.vue b/frontend/src/components/FooterToolbar/FooterToolBar.vue
index b952b64f..1d077418 100644
--- a/frontend/src/components/FooterToolbar/FooterToolBar.vue
+++ b/frontend/src/components/FooterToolbar/FooterToolBar.vue
@@ -28,7 +28,7 @@ export default {
 <style lang="less" scoped>
 .dark {
     .ant-pro-footer-toolbar {
-        background: rgba(24, 24, 24, 0.62);
+        background: rgba(24, 24, 24, 1);
         border-top: unset;
     }
 }
diff --git a/frontend/src/views/system/Upgrade.vue b/frontend/src/views/system/Upgrade.vue
index 58d58549..176322df 100644
--- a/frontend/src/views/system/Upgrade.vue
+++ b/frontend/src/views/system/Upgrade.vue
@@ -177,6 +177,12 @@ async function perform_upgrade() {
 </template>
 
 <style lang="less">
+.dark {
+    .core-upgrade-log-container {
+        background-color: rgba(0, 0, 0, 0.84);
+    }
+}
+
 .core-upgrade-log-container {
     height: 320px;
     overflow: scroll;