style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -511,7 +511,7 @@ watch(() => props.visible, (val) => {
|
||||
color: #303133;
|
||||
margin: 0 0 16px 0;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid #409eff;
|
||||
border-bottom: 2px solid #3B82F6;
|
||||
}
|
||||
|
||||
.card-form-section {
|
||||
@@ -530,7 +530,7 @@ watch(() => props.visible, (val) => {
|
||||
color: #606266;
|
||||
margin: 16px 0 12px 0;
|
||||
padding-left: 8px;
|
||||
border-left: 3px solid #409eff;
|
||||
border-left: 3px solid #3B82F6;
|
||||
}
|
||||
|
||||
.audit-records-section {
|
||||
@@ -561,7 +561,7 @@ watch(() => props.visible, (val) => {
|
||||
|
||||
.record-status {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.audit-action-section {
|
||||
|
||||
@@ -893,22 +893,22 @@ onMounted(() => {
|
||||
|
||||
.stat-icon.pending {
|
||||
background: rgba(64, 158, 255, 0.1);
|
||||
color: #409eff;
|
||||
color: #3B82F6;
|
||||
}
|
||||
|
||||
.stat-icon.failed {
|
||||
background: rgba(245, 108, 108, 0.1);
|
||||
color: #f56c6c;
|
||||
color: #EF4444;
|
||||
}
|
||||
|
||||
.stat-icon.success {
|
||||
background: rgba(103, 194, 58, 0.1);
|
||||
color: #67c23a;
|
||||
color: #10B981;
|
||||
}
|
||||
|
||||
.stat-icon.reported {
|
||||
background: rgba(144, 147, 153, 0.1);
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
}
|
||||
|
||||
.stat-content {
|
||||
@@ -924,7 +924,7 @@ onMounted(() => {
|
||||
|
||||
.stat-label {
|
||||
font-size: 14px;
|
||||
color: #909399;
|
||||
color: #64748B;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user