style(ui): 更新项目整体配色方案为Tailwind CSS标准色彩
- 将主要蓝色从 #409eff 替换为 #3B82F6 - 将成功绿色从 #67c23a 替换为 #10B981 - 将警告橙色从 #e6a23c 替换为 #F59E0B - 将危险红色从 #f56c6c 替换为 #EF4444 - 将信息灰色从 #909399 替换为 #64748B - 更新所有组件中的相关颜色配置 - 调整菜单主题为更深邃的午夜蓝风格 - 移除SCSS变量导出的注释标记
This commit is contained in:
@@ -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 阴影 */
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user