refactor(ui): replace hardcoded colors with semantic tokens (#2749)

This commit is contained in:
Ephraim Duncan
2026-05-19 14:19:31 +10:00
committed by GitHub
parent 9e0b567686
commit 247a0158bd
19 changed files with 31 additions and 34 deletions
@@ -169,26 +169,23 @@ export const SignaturePad = ({
<TabsContent
value="draw"
className="relative flex aspect-signature-pad items-center justify-center rounded-md border border-border bg-neutral-50 text-center dark:bg-background"
className="relative flex aspect-signature-pad items-center justify-center rounded-md border border-border bg-muted/25 text-center"
>
<SignaturePadDraw className="h-full w-full" onChange={onDrawSignatureChange} value={drawSignature} />
</TabsContent>
<TabsContent
value="text"
className="relative flex aspect-signature-pad items-center justify-center rounded-md border border-border bg-neutral-50 text-center dark:bg-background"
className="relative flex aspect-signature-pad items-center justify-center rounded-md border border-border bg-muted/25 text-center"
>
<SignaturePadType value={typedSignature} defaultValue={fullName} onChange={onTypedSignatureChange} />
</TabsContent>
<TabsContent
value="image"
className={cn(
'relative aspect-signature-pad rounded-md border border-border bg-neutral-50 dark:bg-background',
{
'bg-white': imageSignature,
},
)}
className={cn('relative aspect-signature-pad rounded-md border border-border bg-muted/25', {
'bg-background': imageSignature,
})}
>
<SignaturePadUpload value={imageSignature} onChange={onImageSignatureChange} />
</TabsContent>