From 29f0c5e9c28f3e6dffdd09ad574a67617f1523f5 Mon Sep 17 00:00:00 2001
From: Ammar <ammar+ai@ammar.io>
Date: Sat, 25 Oct 2025 10:51:19 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20Add=20global=20placeholder=20tex?=
 =?UTF-8?q?t=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add global CSS rules for placeholder styling
- Set placeholder color to muted gray with 60% opacity
- Reduce opacity to 40% on focus for better UX
- Applies to all input and textarea elements

_Generated with `cmux`_
---
 src/styles/globals.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index c3d79d409..11ebdc2af 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -798,6 +798,19 @@ input[type="checkbox"] {
   @apply checked:after:border-solid checked:after:border-white checked:after:content-[''];
 }
 
+/* Global placeholder styling */
+input::placeholder,
+textarea::placeholder {
+  color: var(--color-placeholder);
+  opacity: 0.6;
+}
+
+input:focus::placeholder,
+textarea:focus::placeholder {
+  opacity: 0.4;
+}
+
+
 .text-dim {
   color: var(--color-dim);
 }