From f61cce753d29254641f6a54715211137b1a29490 Mon Sep 17 00:00:00 2001 From: Catherine Lee <55311782+c298lee@users.noreply.github.com> Date: Wed, 3 Apr 2024 20:58:24 -0400 Subject: [PATCH 1/2] customize placeholder color --- packages/feedback/src/modal/components/Dialog.css.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/feedback/src/modal/components/Dialog.css.ts b/packages/feedback/src/modal/components/Dialog.css.ts index 72fe0bd59cb4..05a9cdc25f70 100644 --- a/packages/feedback/src/modal/components/Dialog.css.ts +++ b/packages/feedback/src/modal/components/Dialog.css.ts @@ -133,6 +133,11 @@ export function createDialogStyles(): HTMLStyleElement { padding: 6px 12px; } +.form__input::placeholder { + color: var(--input-foreground); + opacity: 0.6; +} + .form__input:focus-visible { outline: 1px auto var(--input-outline-focus); } From baf310fb930fd9763dd4de498f79be5e3eca2e76 Mon Sep 17 00:00:00 2001 From: Catherine Lee <55311782+c298lee@users.noreply.github.com> Date: Wed, 3 Apr 2024 21:15:14 -0400 Subject: [PATCH 2/2] opacity --- packages/feedback/src/modal/components/Dialog.css.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/feedback/src/modal/components/Dialog.css.ts b/packages/feedback/src/modal/components/Dialog.css.ts index 05a9cdc25f70..f1ef58d68c6b 100644 --- a/packages/feedback/src/modal/components/Dialog.css.ts +++ b/packages/feedback/src/modal/components/Dialog.css.ts @@ -135,7 +135,7 @@ export function createDialogStyles(): HTMLStyleElement { .form__input::placeholder { color: var(--input-foreground); - opacity: 0.6; + opacity: 0.65; } .form__input:focus-visible {