fix(ui): mute custom theme input placeholders

Darken --theme-placeholder-color and lower placeholder opacity so
custom-theme inputs read more clearly; update AppearanceThemeTest.
This commit is contained in:
Andras Bacsai committed 2026-08-07 15:45:58 +02:00
1 parent de4e74b4cd
commit 4926cdba0e
2 files changed
+4 -3

No files matched your search

+2 -2
View File
@@ -872,7 +872,7 @@ html[data-theme="custom"] {
--theme-bright-color: color-mix(in srgb, var(--theme-base-color) 85%, white);
--theme-scrollbar-thumb: color-mix(in srgb, var(--theme-bright-color) 70%, var(--theme-accent-foreground));
--theme-border-color: color-mix(in oklab, var(--theme-base-color) 42%, #52525b);
--theme-placeholder-color: color-mix(in srgb, white 82%, var(--theme-base-color));
--theme-placeholder-color: color-mix(in srgb, white 20%, var(--theme-base-color));
--color-accent: var(--theme-bright-color);
--color-coollabs: var(--theme-bright-color);
--color-coollabs-100: color-mix(in oklab, var(--theme-bright-color) 88%, white);
@@ -966,7 +966,7 @@ html[data-theme="custom"] [class~="dark:bg-white/[0.025]"] {
html[data-theme="custom"] input::placeholder,
html[data-theme="custom"] textarea::placeholder {
color: var(--theme-placeholder-color) !important;
opacity: 1;
opacity: 0.7;
}
html[data-theme="custom"] input:read-only,