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

@@ -510,15 +510,15 @@ const updateVolume = () => {
:host {
/* CSS变量定义适配项目主题 */
--primary-color: #409EFF; /* Element Plus 主色调 */
--secondary-color: #909399; /* 次要色 - 中性灰 */
--accent-color: #E6A23C; /* 强调色 - 警告色 */
--primary-color: #3B82F6; /* Element Plus 主色调 */
--secondary-color: #64748B; /* 次要色 - 中性灰 */
--accent-color: #F59E0B; /* 强调色 - 警告色 */
--background-color: #f5f7fa; /* 背景色 - 浅灰 */
--card-color: #ffffff; /* 卡片背景色 */
--text-color: #303133; /* 主文本色 */
--text-light: #606266; /* 次要文本色 */
--border-color: #dcdfe6; /* 边框色 */
--success-color: #67C23A; /* 成功色 */
--success-color: #10B981; /* 成功色 */
--shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); /* Element Plus 阴影 */
}

View File

@@ -2166,7 +2166,7 @@ onUnmounted(() => {
}
.stat-info {
color: #409eff;
color: #3B82F6;
}
}
@@ -2203,7 +2203,7 @@ onUnmounted(() => {
.panel-header {
padding: 15px 20px;
border-bottom: 2px solid #409eff;
border-bottom: 2px solid #3B82F6;
background-color: #f8f9fa;
display: flex;
justify-content: space-between;
@@ -2420,8 +2420,8 @@ onUnmounted(() => {
}
.rule-card.active {
border-color: #409eff;
box-shadow: 0 0 0 2px #409eff22;
border-color: #3B82F6;
box-shadow: 0 0 0 2px #3B82F622;
}
.rule-card.active::before {
@@ -2431,7 +2431,7 @@ onUnmounted(() => {
top: 10px;
bottom: 10px;
width: 4px;
background: #409eff;
background: #3B82F6;
border-radius: 0 4px 4px 0;
}