feat(feedback): [v7] Customize feedback placeholder text color (#11521)

c298lee · web-flow · commit 220580f79ee9 · 2024-04-10T10:52:36.000-04:00
Backports #11417 to v7
diff --git a/packages/feedback/src/widget/Dialog.css.ts b/packages/feedback/src/widget/Dialog.css.ts
@@ -120,6 +120,11 @@ export function createDialogStyles(d: Document): HTMLStyleElement {
   padding: 6px 12px;
 }
 
+.form__input::placeholder {
+  color: var(--input-foreground);
+  opacity: 0.65;
+}
+
 .form__input:focus-visible {
   outline: 1px auto var(--input-outline-focus);
 }

Original file line number	Diff line number	Diff line change
`@@ -120,6 +120,11 @@ export function createDialogStyles(d: Document): HTMLStyleElement {`
`120`	`120`	`padding: 6px 12px;`
`121`	`121`	`}`
`122`	`122`
	`123`	`+.form__input::placeholder {`
	`124`	`+ color: var(--input-foreground);`
	`125`	`+ opacity: 0.65;`
	`126`	`+}`
	`127`	`+`
`123`	`128`	`.form__input:focus-visible {`
`124`	`129`	`outline: 1px auto var(--input-outline-focus);`
`125`	`130`	`}`