refactor: update component styles to use theme-aware colors and improve UI consistency

This commit is contained in:
asepharyana committed 2026-08-26 15:43:43 +07:00
1 parent a5f908dc06
commit 153e628aba
25 files changed
+141 -58

No files matched your search

@@ -7,9 +7,9 @@ export function Input({
return (
<input
className={cn(
"h-10 w-full rounded-[11px] bg-white/5 border border-hairline px-3.5 text-sm text-ink",
"h-10 w-full rounded-[8px] bg-surface-2 border border-hairline px-3.5 text-sm text-ink",
"placeholder:text-ink-faint transition-colors",
"focus:outline-none focus:border-signal/50 focus:bg-white/8",
"focus:outline-none focus:border-signal/50 focus:bg-surface",
className,
)}
{...props}
@@ -24,9 +24,9 @@ export function Textarea({
return (
<textarea
className={cn(
"w-full rounded-[11px] bg-white/5 border border-hairline px-3.5 py-2.5 text-sm text-ink",
"w-full rounded-[8px] bg-surface-2 border border-hairline px-3.5 py-2.5 text-sm text-ink",
"placeholder:text-ink-faint transition-colors resize-none",
"focus:outline-none focus:border-signal/50 focus:bg-white/8",
"focus:outline-none focus:border-signal/50 focus:bg-surface",
className,
)}
{...props}