style: Optimize style (#7414)

Refs #7419

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);

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;

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>

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 {