a
This commit is contained in:
@@ -504,3 +504,60 @@ svg {
|
||||
.fc-form-row .fc-form-col {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
/* Tag 标签
|
||||
------------------------------- */
|
||||
// 全局优化 el-tag 背景色和文字颜色,提高对比度和可读性
|
||||
.el-tag {
|
||||
// 成功类型 - 浅绿背景 + 深绿文字
|
||||
&.el-tag--success {
|
||||
--el-tag-bg-color: #f0f9eb !important;
|
||||
--el-tag-text-color: #67c23a !important;
|
||||
background-color: #f0f9eb !important;
|
||||
color: #67c23a !important;
|
||||
border-color: #b3e19d !important;
|
||||
}
|
||||
|
||||
// 危险类型 - 浅红背景 + 深红文字
|
||||
&.el-tag--danger {
|
||||
--el-tag-bg-color: #fef0f0 !important;
|
||||
--el-tag-text-color: #f56c6c !important;
|
||||
background-color: #fef0f0 !important;
|
||||
color: #f56c6c !important;
|
||||
border-color: #fbc4c4 !important;
|
||||
}
|
||||
|
||||
// 警告类型 - 浅黄背景 + 深橙文字
|
||||
&.el-tag--warning {
|
||||
--el-tag-bg-color: #fdf6ec !important;
|
||||
--el-tag-text-color: #e6a23c !important;
|
||||
background-color: #fdf6ec !important;
|
||||
color: #e6a23c !important;
|
||||
border-color: #f5dab1 !important;
|
||||
}
|
||||
|
||||
// 信息类型 - 浅灰背景 + 深灰文字
|
||||
&.el-tag--info {
|
||||
--el-tag-bg-color: #f4f4f5 !important;
|
||||
--el-tag-text-color: #909399 !important;
|
||||
background-color: #f4f4f5 !important;
|
||||
color: #909399 !important;
|
||||
border-color: #d3d4d6 !important;
|
||||
}
|
||||
|
||||
// 主要类型 - 浅蓝背景 + 深蓝文字
|
||||
&.el-tag--primary {
|
||||
--el-tag-bg-color: #ecf5ff !important;
|
||||
--el-tag-text-color: #409eff !important;
|
||||
background-color: #ecf5ff !important;
|
||||
color: #409eff !important;
|
||||
border-color: #b3d8ff !important;
|
||||
}
|
||||
|
||||
// 确保文字颜色应用到所有子元素
|
||||
.el-tag__content,
|
||||
.el-icon,
|
||||
.el-tag__close {
|
||||
color: inherit !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user