From 5d3f2e7084011142b2d170c3089b22d920df29d4 Mon Sep 17 00:00:00 2001
From: Mattias Granlund <mtsgrd@gmail.com>
Date: Mon, 27 Nov 2023 17:57:29 +0100
Subject: [PATCH] chore: update styling of input field to improve visibility
 and add placeholder color

---
 packages/ui/src/lib/components/TextArea.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/lib/components/TextArea.svelte b/packages/ui/src/lib/components/TextArea.svelte
index 489737413..ec65340e8 100644
--- a/packages/ui/src/lib/components/TextArea.svelte
+++ b/packages/ui/src/lib/components/TextArea.svelte
@@ -26,13 +26,18 @@
 
 		display: flex;
 		width: 100%;
-		color: var(--clr-theme-scale-ntrl-50);
 		align-items: center;
 		gap: var(--space-8);
 		padding: var(--space-12);
+		color: var(--clr-theme-scale-ntrl-0);
 
 		resize: none;
 
+		&::placeholder {
+			/* Most modern browsers support this now. */
+			color: var(--clr-theme-scale-ntrl-50);
+		}
+
 		&:hover {
 			border-color: var(--clr-theme-container-outline-pale);
 		}