fix(theme): 覆盖 Element Plus Message 样式,双主题下均可读
CI / Backend tests (push) Canceled after 0s
CI / Frontend build (push) Canceled after 0s

- .el-message 背景/边框/阴影使用设计系统变量
- .el-message__content 文字颜色使用 --ink 确保对比度
- .el-message__icon 使用品牌橙色保持辨识度
This commit is contained in:
yinjun.chen1
2026-09-21 22:57:21 +08:00
parent 4761d52278
commit ac1e36e85a
+5
View File
@@ -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; }