style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -991,7 +991,7 @@ watch(
|
||||
|
||||
.record-icon {
|
||||
font-size: 18px;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
cursor: pointer;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
@@ -2307,7 +2307,7 @@ onMounted(async () => {
|
||||
|
||||
.record-icon {
|
||||
font-size: 18px;
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
cursor: pointer;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
@@ -2377,7 +2377,7 @@ onMounted(async () => {
|
||||
font-size: 36px !important;
|
||||
width: 36px !important;
|
||||
height: 36px !important;
|
||||
color: #F56C6C !important; /* 直接设置为红色 */
|
||||
color: #EF4444 !important; /* 直接设置为红色 */
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
@@ -1059,18 +1059,18 @@ $form-element-spacing: 16px;
|
||||
}
|
||||
|
||||
&.el-button--danger {
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
|
||||
&:hover {
|
||||
color: lighten(#f56c6c, 10%);
|
||||
color: lighten(#EF4444, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
&.el-button--info {
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
|
||||
&:hover {
|
||||
color: lighten(#909399, 10%);
|
||||
color: lighten(#64748B, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user