fix(theme): 覆盖 Element Plus Message 样式,双主题下均可读
- .el-message 背景/边框/阴影使用设计系统变量 - .el-message__content 文字颜色使用 --ink 确保对比度 - .el-message__icon 使用品牌橙色保持辨识度
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user