style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩

- 将主要蓝色从 #409eff 替换为 #3B82F6
- 将成功绿色从 #67c23a 替换为 #10B981
- 将警告橙色从 #e6a23c 替换为 #F59E0B
- 将危险红色从 #f56c6c 替换为 #EF4444
- 将信息灰色从 #909399 替换为 #64748B
- 更新所有组件中的相关颜色配置
- 调整菜单主题为更深邃的午夜蓝风格
- 移除SCSS变量导出的注释标记
This commit is contained in:
2026-06-02 12:52:59 +08:00
parent 1dc8b593fe
commit 2e865dd446
141 changed files with 614 additions and 631 deletions

View File

@@ -368,13 +368,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {

View File

@@ -1302,13 +1302,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {
@@ -1412,30 +1412,30 @@ defineExpose({
:deep(.el-tag--info.is-plain) {
background: #f4f4f5;
border-color: #e9e9eb;
color: #909399;
color: #64748B;
}
:deep(.el-tag--primary.is-plain) {
background: #ecf5ff;
border-color: #d9ecff;
color: #409eff;
color: #3B82F6;
}
:deep(.el-tag--success.is-plain) {
background: #f0f9eb;
border-color: #e1f3d8;
color: #67c23a;
color: #10B981;
}
:deep(.el-tag--warning.is-plain) {
background: #fdf6ec;
border-color: #faecd8;
color: #e6a23c;
color: #F59E0B;
}
:deep(.el-tag--danger.is-plain) {
background: #fef0f0;
border-color: #fde2e2;
color: #f56c6c;
color: #EF4444;
}
</style>

View File

@@ -1027,12 +1027,12 @@ const handleConfirm = async () => {
.status-tag {
padding: 4px 12px;
border-radius: 4px;
background-color: #409eff; /* 蓝色背景 */
background-color: #3B82F6; /* 蓝色背景 */
color: #ffffff; /* 白色文字 */
}
.condition-text {
color: #409eff;
color: #3B82F6;
font-weight: 500;
}
@@ -1071,13 +1071,13 @@ const handleConfirm = async () => {
/* 增强选中状态样式的优先级 */
.options-horizontal .option-item.selected {
background-color: #409eff !important;
background-color: #3B82F6 !important;
color: #ffffff !important;
}
.option-item:hover:not(.selected) {
background-color: #ecf5ff;
color: #409eff;
color: #3B82F6;
}
/* 响应式调整 */

View File

@@ -256,16 +256,16 @@ watch(
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-link {
color: #409eff;
color: #3B82F6;
cursor: pointer;
text-decoration: underline;
}

View File

@@ -555,13 +555,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {

View File

@@ -931,13 +931,13 @@ defineExpose({
.report-refresh-icon {
cursor: pointer;
color: #909399;
color: #64748B;
transition: color 0.2s;
font-size: 18px;
}
.report-refresh-icon:hover {
color: #409eff;
color: #3B82F6;
}
.report-refresh-icon.is-loading {
@@ -947,7 +947,7 @@ defineExpose({
.report-status-tag {
cursor: pointer;
background-color: #f0f9eb !important;
border-color: #67c23a !important;
border-color: #10B981 !important;
color: #529b2e !important;
font-weight: 600;
}