From ac1e36e85a3ce1d318eb080d079e33709936e5c1 Mon Sep 17 00:00:00 2001 From: "yinjun.chen1" Date: Mon, 21 Sep 2026 22:57:21 +0800 Subject: [PATCH] =?UTF-8?q?fix(theme):=20=E8=A6=86=E7=9B=96=20Element=20Pl?= =?UTF-8?q?us=20Message=20=E6=A0=B7=E5=BC=8F=EF=BC=8C=E5=8F=8C=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E4=B8=8B=E5=9D=87=E5=8F=AF=E8=AF=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - .el-message 背景/边框/阴影使用设计系统变量 - .el-message__content 文字颜色使用 --ink 确保对比度 - .el-message__icon 使用品牌橙色保持辨识度 --- frontend/src/styles/base.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/frontend/src/styles/base.css b/frontend/src/styles/base.css index 1ed752f..4f14486 100644 --- a/frontend/src/styles/base.css +++ b/frontend/src/styles/base.css @@ -240,6 +240,11 @@ html[data-theme="dark"] .ambient::after { transform: translateY(-6px); } +/* —— Element Plus Message 全局覆盖:使用设计系统变量,双主题均可读 —— */ +.el-message { background: var(--card) !important; border-color: var(--line) !important; box-shadow: var(--shadow) !important; } +.el-message__content { color: var(--ink) !important; } +.el-message .el-message__icon { color: var(--orange) !important; } + /* —— 响应式断点(桌面 ≥1024 / 平板 768~1023 / 手机 <768) —— */ @media (max-width: 1023px) { .page { padding: 20px 18px 40px; }