From 87616e388b760c1bd8ba744c18a4bb2c96bf89c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=98=AD?= <81747598+lan-yonghui@users.noreply.github.com>
Date: Wed, 18 Dec 2024 14:44:14 +0800
Subject: [PATCH] style: Optimize style (#7414)

Refs #7419
---
 frontend/src/styles/element-dark.scss                | 1 +
 frontend/src/styles/element.scss                     | 1 +
 frontend/src/views/container/image/pull/index.vue    | 5 -----
 frontend/src/views/setting/snapshot/status/index.vue | 2 +-
 4 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/src/styles/element-dark.scss b/frontend/src/styles/element-dark.scss
index 34a4e742e..b37b044b4 100644
--- a/frontend/src/styles/element-dark.scss
+++ b/frontend/src/styles/element-dark.scss
@@ -96,6 +96,7 @@ html.dark {
     --panel-terminal-tag-active-text-color: var(--panel-color-primary);
     --panel-terminal-tag-hover-text-color: var(--panel-color-primary);
     --panel-logs-bg-color: var(--panel-main-bg-color-9);
+    --panel-alert-bg-color: var(--panel-main-bg-color-10);
 
     --el-menu-item-bg-color: var(--panel-main-bg-color-10);
     --el-menu-item-bg-color-active: var(--panel-main-bg-color-8);
diff --git a/frontend/src/styles/element.scss b/frontend/src/styles/element.scss
index 867670335..98fd4c9ab 100644
--- a/frontend/src/styles/element.scss
+++ b/frontend/src/styles/element.scss
@@ -49,6 +49,7 @@ html {
     --panel-terminal-tag-hover-text-color: #575758;
     --panel-terminal-bg-color: #1e1e1e;
     --panel-logs-bg-color: #1e1e1e;
+    --panel-alert-bg-color: rgba(0, 94, 235, 0.03);;
 
     --panel-alert-bg: #e2e4ec;
     --panel-path-bg: #ffffff;
diff --git a/frontend/src/views/container/image/pull/index.vue b/frontend/src/views/container/image/pull/index.vue
index ecd604359..b0624eb93 100644
--- a/frontend/src/views/container/image/pull/index.vue
+++ b/frontend/src/views/container/image/pull/index.vue
@@ -160,8 +160,3 @@ defineExpose({
     acceptParams,
 });
 </script>
-<style scoped>
-:deep(.log-container) {
-    background-color: var(--panel-main-bg-color-10);
-}
-</style>
diff --git a/frontend/src/views/setting/snapshot/status/index.vue b/frontend/src/views/setting/snapshot/status/index.vue
index 2f76233a8..91c84df30 100644
--- a/frontend/src/views/setting/snapshot/status/index.vue
+++ b/frontend/src/views/setting/snapshot/status/index.vue
@@ -230,7 +230,7 @@ defineExpose({
     border-top: 1px var(--el-border-color) var(--el-border-style);
 }
 .alert {
-    background-color: var(--panel-main-bg-color-10);
+    background-color: var(--panel-alert-bg-color);
 }
 
 .card-title {