Default text color in inputs

the-collab-lab · Apr 7, 2024 · d0e2cdb · d0e2cdb
1 parent bb7d2f0
commit d0e2cdb
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/src/components/AddItem.jsx b/src/components/AddItem.jsx
@@ -62,7 +62,7 @@ export function AddItem({ data, listPath }) {
 					type="text"
 					value={newItem.itemName}
 					onChange={handleItemChange}
-					className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 mx-4 max-w-full mt-2 col-span-1 shrink text-xl xs:text-2xl"
+					className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 mx-4 max-w-full mt-2 col-span-1 shrink text-xl xs:text-2xl text-off-black"
 				></input>
 				<button
 					type="submit"
@@ -82,7 +82,7 @@ export function AddItem({ data, listPath }) {
 					value={newItem.daysUntilNextPurchase}
 					onChange={handleItemChange}
 					required
-					className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 mx-4 max-w-full grow mt-2 text-xl xs:text-2xl"
+					className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 mx-4 max-w-full grow mt-2 text-xl xs:text-2xl text-off-black"
 				>
 					<option value="">Select Urgency</option>
 					<option value={7}>Soon</option>

diff --git a/src/components/ListItem.jsx b/src/components/ListItem.jsx
@@ -56,7 +56,7 @@ export function ListItem({ listPath, item }) {
 				name="purchased"
 				onChange={changeHandler}
 				checked={isChecked}
-				className="rounded-full border-dark-green w-8 h-8 mx-4 hover:bg-slate-100 row-span-2 xs:row-span-1"
+				className="rounded-full border-dark-green w-8 h-8 mx-4 hover:bg-slate-100 row-span-2 xs:row-span-1 "
 			/>
 			<label htmlFor={item.name}>
 				<RiShoppingCart2Fill className="inline" /> {item.name}

diff --git a/src/views/Home.jsx b/src/views/Home.jsx
@@ -63,7 +63,7 @@ export function Home({ data, userId, userEmail, setListPath }) {
 					name="listName"
 					value={newListName}
 					onChange={handleChange}
-					className="border-2 border-sage rounded-lg min-h-14 bg-white grow text-xl xs:text-2xl"
+					className="border-2 border-sage rounded-lg min-h-14 bg-white grow text-xl xs:text-2xl text-off-black"
 				/>
 				<button className="bg-pale-green rounded-lg px-3 py-1 border-2 border-sage text-off-black">
 					Create

diff --git a/src/views/List.jsx b/src/views/List.jsx
@@ -61,7 +61,7 @@ export function List({ data, listPath }) {
 								name="itemFilter"
 								value={searchTerm}
 								onChange={handleChange}
-								className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 grow max-w-full mt-2 text-xl xs:text-2xl"
+								className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 grow max-w-full mt-2 text-xl xs:text-2xl text-off-black"
 							/>
 							{searchTerm ? (
 								<button

diff --git a/src/views/ManageList.jsx b/src/views/ManageList.jsx
@@ -77,7 +77,7 @@ export function ManageList({ setListPath, listPath, userEmail, userId }) {
 									value={shareEmail}
 									placeholder="Enter Recipient Email"
 									onChange={handleShareChange}
-									className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 md:w-8/12 grow mt-4 text-xl xs:text-2xl"
+									className="bg-white border-solid border-2 rounded-xl border-sage pl-2 min-h-14 md:w-8/12 grow mt-4 text-xl xs:text-2xl text-off-black"
 								></input>
 								<button
 									type="submit"