style: 全局 UI 主题皮肤重构与样式模块化
引入 Element Plus 主题定制和主题皮肤 composable,将全局 样式拆分为组件级独立 CSS 文件(侧边栏、顶栏、工作台等), 统一色彩变量和间距规范,重构所有视图和组件样式以适配新 主题系统,优化图表和知识图谱组件视觉表现,提取审计和差 旅报销相关子组件。
This commit is contained in:
@@ -174,7 +174,7 @@
|
||||
.risk-sim-message-row.user .risk-sim-bubble {
|
||||
grid-column: 1;
|
||||
justify-self: end;
|
||||
background: #0f766e;
|
||||
background: var(--theme-primary);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -191,7 +191,7 @@
|
||||
border: 1px solid #dbe5ef;
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
color: #0f766e;
|
||||
color: var(--theme-primary-active);
|
||||
}
|
||||
|
||||
.risk-sim-message-row.user .risk-sim-avatar {
|
||||
@@ -483,8 +483,8 @@
|
||||
.risk-sim-recognized-fields em {
|
||||
padding: 3px 7px;
|
||||
border-radius: 999px;
|
||||
background: #ecfdf5;
|
||||
color: #047857;
|
||||
background: var(--success-soft);
|
||||
color: var(--success-hover);
|
||||
font-size: 11px;
|
||||
font-style: normal;
|
||||
font-weight: 850;
|
||||
@@ -574,9 +574,9 @@
|
||||
}
|
||||
|
||||
.risk-sim-file-chip.recognized {
|
||||
border-color: #bbf7d0;
|
||||
background: #ecfdf5;
|
||||
color: #047857;
|
||||
border-color: var(--success-line);
|
||||
background: var(--success-soft);
|
||||
color: var(--success-hover);
|
||||
}
|
||||
|
||||
.risk-sim-file-chip.failed {
|
||||
@@ -611,8 +611,8 @@
|
||||
}
|
||||
|
||||
.risk-sim-send-btn {
|
||||
border-color: #0f766e;
|
||||
background: #0f766e;
|
||||
border-color: var(--theme-primary);
|
||||
background: var(--theme-primary);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -634,8 +634,8 @@
|
||||
}
|
||||
|
||||
.risk-sim-composer-shell:focus-within {
|
||||
border-color: rgba(15, 118, 110, 0.58);
|
||||
box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
|
||||
border-color: rgba(var(--theme-primary-rgb), 0.58);
|
||||
box-shadow: 0 0 0 3px var(--theme-focus-ring);
|
||||
}
|
||||
|
||||
.risk-sim-composer-shell textarea {
|
||||
@@ -699,8 +699,8 @@
|
||||
}
|
||||
|
||||
.risk-sim-step.done i {
|
||||
background: #ecfdf5;
|
||||
color: #047857;
|
||||
background: var(--success-soft);
|
||||
color: var(--success-hover);
|
||||
}
|
||||
|
||||
.risk-sim-step.running i {
|
||||
@@ -823,8 +823,8 @@
|
||||
}
|
||||
|
||||
.risk-sim-primary-btn {
|
||||
border: 1px solid #0f766e;
|
||||
background: #0f766e;
|
||||
border: 1px solid var(--theme-primary);
|
||||
background: var(--theme-primary);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user