From d8c1c0a3cd8ee4fb5d1a5c837f60cb9fbd823754 Mon Sep 17 00:00:00 2001 From: TimSpan Date: Tue, 6 May 2025 16:44:25 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=82=E3=80=82=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/main.scss | 13 ++++++++----- src/components/layout/src/Layout.vue | 2 +- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/src/assets/main.scss b/src/assets/main.scss index 1cd08be..d5a03ec 100644 --- a/src/assets/main.scss +++ b/src/assets/main.scss @@ -1,19 +1,21 @@ /* 亮色模式 */ :root { + --system-title-bg-color: #ffffff; --bg-color: #ffffff; --text-color: rgba(0, 0, 0, .85); --border-top: #f0f0f0; - --border-color:#eee; - --border-bottom:#eee; + --border-color: #eee; + --border-bottom: #eee; --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; } /* 暗黑模式 */ :root.dark, :root[data-theme="dark"] { + --system-title-bg-color: rgb(16, 16, 20); --bg-color: #232324; --border-color: #2e2e30; - --border-bottom:#484849; + --border-bottom: #484849; --text-color: rgba(255, 255, 255, .7); --border-top: #121111; --color: #fff; @@ -24,8 +26,9 @@ body { background-color: var(--bg-color); color: var(--text-color); font-family: var(--font-family); - border-top: 0 solid var(--border-top); + border-top: 0 solid var(--border-top); border-color: var(--border-color); border-bottom: var(--border-bottom); - transition: all 0.3s ease; /* 平滑过渡效果 */ + transition: all 0.3s ease; + /* 平滑过渡效果 */ } \ No newline at end of file diff --git a/src/components/layout/src/Layout.vue b/src/components/layout/src/Layout.vue index 7f31ed9..01d3371 100644 --- a/src/components/layout/src/Layout.vue +++ b/src/components/layout/src/Layout.vue @@ -130,7 +130,7 @@ font-weight: bold; position: absolute; top: 0; - background: #ffffff; + background: var(--system-title-bg-color); z-index: 1000; }