refactor: update component styles to use theme-aware colors and improve UI consistency
This commit is contained in:
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}
|
||||
|
||||
Reference in new issue
Block a user