✨Utilized captionColor

carefree0910 · May 17, 2023 · bc55c56 · bc55c56
1 parent 2e0053b
commit bc55c56
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/cfdraw/.web/src/components/CFInput.tsx b/cfdraw/.web/src/components/CFInput.tsx
@@ -8,11 +8,11 @@ interface ICFInput extends InputProps {
   tooltip?: string;
 }
 function CFInput({ tooltip, ...props }: ICFInput) {
-  const { textColor } = themeStore.styles;
+  const { textColor, captionColor } = themeStore.styles;
 
   return (
     <CFTooltip label={tooltip}>
-      <Input color={textColor} flexShrink={0} {...props} />
+      <Input color={textColor} _placeholder={{ color: captionColor }} flexShrink={0} {...props} />
     </CFTooltip>
   );
 }

diff --git a/cfdraw/.web/src/components/CFTextarea.tsx b/cfdraw/.web/src/components/CFTextarea.tsx
@@ -8,11 +8,11 @@ interface ICFTextarea extends TextareaProps {
   tooltip?: string;
 }
 function CFTextarea({ tooltip, ...props }: ICFTextarea) {
-  const { textColor } = themeStore.styles;
+  const { textColor, captionColor } = themeStore.styles;
 
   return (
     <CFTooltip label={tooltip}>
-      <Textarea color={textColor} {...props} />
+      <Textarea color={textColor} _placeholder={{ color: captionColor }} {...props} />
     </CFTooltip>
   );
 }