fix(ui): [UI7-2] 统一全局 Design Tokens,移除冗余字体,修复异常色值引用

这个提交包含在:
2026-03-06 09:48:37 +08:00
父节点 62fd2a5398
当前提交 73b51ac068
共修改 39 个文件,包含 253 行新增和 250 行删除
+16 -16
查看文件
@@ -140,7 +140,7 @@ export function FeatureFlagsPage() {
) : null}
<Card className="space-y-4 p-6">
<h3 className="text-base font-semibold text-slate-900">开关列表</h3>
<h3 className="text-base font-semibold text-zinc-900">开关列表</h3>
{flagsQuery.isLoading ? <TableSkeleton columns={6} rows={2} /> : null}
@@ -157,7 +157,7 @@ export function FeatureFlagsPage() {
) : null}
{!flagsQuery.isLoading && !flagsQuery.isError ? (
<div className="rounded-lg border border-slate-200">
<div className="rounded-lg border border-zinc-200">
<Table data-testid="feature-flags-table">
<TableHeader>
<tr>
@@ -177,8 +177,8 @@ export function FeatureFlagsPage() {
return (
<TableRow key={item.flagKey} data-testid={`feature-flag-row-${item.flagKey}`}>
<TableCell>
<div className="font-medium text-slate-900">{toDisplayName(item.flagKey)}</div>
<div className="font-mono text-xs text-slate-500">{item.flagKey}</div>
<div className="font-medium text-zinc-900">{toDisplayName(item.flagKey)}</div>
<div className="font-mono text-xs text-zinc-500">{item.flagKey}</div>
</TableCell>
<TableCell className="text-sm">
@@ -194,14 +194,14 @@ export function FeatureFlagsPage() {
{item.effectiveEnabled ? "ON" : "OFF"}
</span>
</div>
<div className="text-xs text-slate-500">reason: {item.effectiveReason}</div>
<div className="text-xs text-zinc-500">reason: {item.effectiveReason}</div>
</TableCell>
<TableCell className="space-y-2 text-sm">
<div>
<Label className="mb-1 block text-xs text-slate-500">override</Label>
<Label className="mb-1 block text-xs text-zinc-500">override</Label>
<select
className="h-10 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
className="h-10 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
value={draft.overrideMode}
onChange={(event) =>
patchDraft(item.flagKey, (prev) => ({
@@ -219,9 +219,9 @@ export function FeatureFlagsPage() {
</div>
<div>
<Label className="mb-1 block text-xs text-slate-500">rollout</Label>
<Label className="mb-1 block text-xs text-zinc-500">rollout</Label>
<select
className="h-10 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
className="h-10 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
value={draft.rolloutType}
onChange={(event) =>
patchDraft(item.flagKey, (prev) => ({
@@ -247,7 +247,7 @@ export function FeatureFlagsPage() {
{draft.rolloutType === "department_allowlist" ? (
<div className="space-y-2">
<select
className="h-10 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
className="h-10 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
value=""
onChange={(event) => {
const selected = event.target.value;
@@ -266,12 +266,12 @@ export function FeatureFlagsPage() {
))}
</select>
<div className="max-h-24 overflow-auto rounded border border-slate-200 p-2 text-xs">
<div className="max-h-24 overflow-auto rounded border border-zinc-200 p-2 text-xs">
{draft.departmentIds.length ? (
draft.departmentIds.map((departmentId) => (
<div
key={departmentId}
className="mb-1 flex items-center justify-between rounded bg-slate-50 px-2 py-1"
className="mb-1 flex items-center justify-between rounded bg-zinc-50 px-2 py-1"
>
<span>{departmentsById.get(departmentId) ?? departmentId}</span>
<button
@@ -289,18 +289,18 @@ export function FeatureFlagsPage() {
</div>
))
) : (
<p className="text-slate-500">暂无白名单部门</p>
<p className="text-zinc-500">暂无白名单部门</p>
)}
</div>
</div>
) : (
<span className="text-slate-500">全量</span>
<span className="text-zinc-500">全量</span>
)}
</TableCell>
<TableCell>
<textarea
className="min-h-24 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
className="min-h-24 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
placeholder="填写本次变更说明"
value={draft.note}
onChange={(event) =>
@@ -310,7 +310,7 @@ export function FeatureFlagsPage() {
}))
}
/>
<p className="mt-1 text-xs text-slate-500">version: {draft.version}</p>
<p className="mt-1 text-xs text-zinc-500">version: {draft.version}</p>
</TableCell>
<TableCell>