fix: show proper theme in EarnAmountInput (#2044)

coinbase · Feb 26, 2025 · 9adc482 · 9adc482
1 parent 3e51ac0
commit 9adc482
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/earn/components/EarnAmountInput.tsx b/src/earn/components/EarnAmountInput.tsx
@@ -1,6 +1,6 @@
 import { TextInput } from '@/internal/components/TextInput';
 import { isValidAmount } from '@/internal/utils/isValidAmount';
-import { cn } from '@/styles/theme';
+import { cn, color, text } from '@/styles/theme';
 import { formatAmount } from '@/swap/utils/formatAmount';
 import type { EarnAmountInputReact } from '../types';
 
@@ -18,7 +18,9 @@ export function EarnAmountInput({
     >
       <TextInput
         className={cn(
-          'w-full border-none bg-transparent font-display text-5xl',
+          text.base,
+          color.foreground,
+          'w-full border-none bg-transparent text-5xl',
           'leading-none outline-none',
         )}
         placeholder="0.0"

diff --git a/src/styles/theme.ts b/src/styles/theme.ts
@@ -6,6 +6,7 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export const text = {
+  base: 'ock-font-family',
   body: 'ock-font-family font-normal text-base',
   caption: 'ock-font-family font-semibold text-xs',
   headline: 'ock-font-family font-semibold',