From b67eb255ff243ac4f64b9e3649e713f922fb04ad Mon Sep 17 00:00:00 2001
From: Arthurk12 <arthur_bockmann@hotmail.com>
Date: Fri, 31 Jul 2026 18:20:07 -0300
Subject: [PATCH] fix(BBBTextAreaInput): use standard palette colors for text
 and placeholder

Text color used colorLightGray (near-white), making typed content
nearly invisible against the white background, and the placeholder
had no explicit color at all. Align with BBBInput by using
colorTextDefault for text and colorTextLight for the placeholder.
---
 src/components/TextAreaInput/styles.ts | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/TextAreaInput/styles.ts b/src/components/TextAreaInput/styles.ts
index ffd9f2d..31d83fc 100644
--- a/src/components/TextAreaInput/styles.ts
+++ b/src/components/TextAreaInput/styles.ts
@@ -1,5 +1,7 @@
 import styled from 'styled-components';
-import { colorBorderDefault, colorBrand1, colorBrand2, colorLightGray, colorWhite } from '../../stylesheets/palette';
+import {
+  colorBorderDefault, colorBrand1, colorBrand2, colorTextDefault, colorTextLight, colorWhite,
+} from '../../stylesheets/palette';
 import { borderRadiusDefault } from '../../stylesheets/sizing';
 
 export const TextAreaInput = styled.textarea`
@@ -7,7 +9,7 @@ export const TextAreaInput = styled.textarea`
   background: ${colorWhite};
   background-clip: padding-box;
   margin: 0;
-  color: ${colorLightGray};
+  color: ${colorTextDefault};
   padding: calc(.3rem* 2.5) calc(.75rem* 1.25);
   resize: none;
   -webkit-transition: none;
@@ -20,6 +22,11 @@ export const TextAreaInput = styled.textarea`
   border: 1px solid ${colorBorderDefault};
   overflow-y: hidden;
   margin: 0.3em;
+
+  &::placeholder {
+    color: ${colorTextLight};
+  }
+
   &:focus {
     outline: ${colorBrand1} solid 2px;
     box-shadow: 0 0 0 2px ${colorBrand2} inset 0 0 0 1px ${colorBrand1};