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;