mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-14 02:15:51 +00:00
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:
1 parent
de4e74b4cd
commit
4926cdba0e
2 files changed
+4
-3
No files matched your search
@@ -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,
|
||||
|
||||
Reference in new issue
Block a user