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

这个提交包含在:
2026-03-06 09:48:37 +08:00
父节点 62fd2a5398
当前提交 73b51ac068
共修改 39 个文件,包含 253 行新增和 250 行删除
@@ -39,7 +39,7 @@ export function ReimbursementActions({
return (
<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>
{actionError ? (
<p
@@ -61,8 +61,8 @@ export function ReimbursementActions({
</Button>
</div>
<div className="space-y-2 rounded-lg border border-slate-200 p-4">
<p className="text-sm font-medium text-slate-800">撤回报销</p>
<div className="space-y-2 rounded-lg border border-zinc-200 p-4">
<p className="text-sm font-medium text-zinc-800">撤回报销</p>
<Textarea
data-testid="reimbursement-withdraw-comment"
onChange={(event) => setWithdrawComment(event.target.value)}
@@ -81,8 +81,8 @@ export function ReimbursementActions({
</div>
{canPay ? (
<div className="space-y-2 rounded-lg border border-slate-200 p-4">
<p className="text-sm font-medium text-slate-800">财务支付</p>
<div className="space-y-2 rounded-lg border border-zinc-200 p-4">
<p className="text-sm font-medium text-zinc-800">财务支付</p>
<Input
data-testid="reimbursement-pay-voucher-no"
onChange={(event) => setPaymentVoucherNo(event.target.value)}
@@ -96,7 +96,7 @@ export function ReimbursementActions({
value={paymentDate}
/>
<select
className="h-11 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
data-testid="reimbursement-pay-channel"
onChange={(event) =>
setPaymentChannel(event.target.value as PaymentChannel)
@@ -59,13 +59,13 @@ export function ReimbursementItemEditor({
};
return (
<div className="space-y-3 rounded-lg border border-slate-200 p-4" data-testid="reimbursement-item-editor">
<p className="text-sm font-medium text-slate-800">
<div className="space-y-3 rounded-lg border border-zinc-200 p-4" data-testid="reimbursement-item-editor">
<p className="text-sm font-medium text-zinc-800">
{mode === "create" ? "新增明细" : "编辑明细"}
</p>
{expenseTypesLoading ? (
<p className="text-sm text-slate-500">加载费用类型中...</p>
<p className="text-sm text-zinc-500">加载费用类型中...</p>
) : null}
{expenseTypesError ? (
@@ -74,11 +74,11 @@ export function ReimbursementItemEditor({
<div className="grid gap-3 md:grid-cols-4">
<div className="space-y-1">
<label className="text-xs text-slate-600" htmlFor="expenseTypeId">
<label className="text-xs text-zinc-600" htmlFor="expenseTypeId">
费用类型
</label>
<select
className="h-11 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm"
className="h-11 w-full rounded-lg border border-zinc-300 bg-white px-3 py-2 text-sm"
data-testid="reimbursement-item-expense-type"
disabled={expenseTypes.length === 0 || isPending}
id="expenseTypeId"
@@ -95,7 +95,7 @@ export function ReimbursementItemEditor({
</div>
<div className="space-y-1">
<label className="text-xs text-slate-600" htmlFor="expenseDate">
<label className="text-xs text-zinc-600" htmlFor="expenseDate">
发生日期
</label>
<Input
@@ -109,7 +109,7 @@ export function ReimbursementItemEditor({
</div>
<div className="space-y-1">
<label className="text-xs text-slate-600" htmlFor="amount">
<label className="text-xs text-zinc-600" htmlFor="amount">
金额
</label>
<Input
@@ -123,7 +123,7 @@ export function ReimbursementItemEditor({
</div>
<div className="space-y-1 md:col-span-4">
<label className="text-xs text-slate-600" htmlFor="itemDescription">
<label className="text-xs text-zinc-600" htmlFor="itemDescription">
说明
</label>
<Textarea