dark_theme: Clean up .placeholder definitions.

This commit is contained in:
Karl Stolley
2025-04-04 10:48:18 -05:00
committed by Tim Abbott
parent e9bd974760
commit c72e9bed36
3 changed files with 2 additions and 11 deletions

View File

@@ -110,7 +110,7 @@ evidence Edge may have bugs in its handling of placeholder opacity
CSS: https://github.com/necolas/normalize.css/issues/741
*/
.placeholder {
color: hsl(0deg 0% 45%);
color: var(--color-text-placeholder);
opacity: 1;
}

View File

@@ -1292,6 +1292,7 @@
);
--color-text-search: light-dark(hsl(0deg 0% 35%), hsl(0deg 0% 100% / 75%));
--color-text-search-hover: light-dark(hsl(0deg 0% 0%), hsl(0deg 0% 100%));
--color-text-placeholder: light-dark(hsl(0deg 0% 45%), hsl(0deg 0% 55%));
--color-text-search-placeholder: light-dark(
hsl(0deg 0% 50%),
hsl(0deg 0% 100% / 50%)

View File

@@ -3,16 +3,6 @@
%dark-theme {
color-scheme: dark;
.placeholder {
color: hsl(0deg 0% 55%);
opacity: 1;
}
& textarea::placeholder,
input::placeholder {
@extend .placeholder;
}
kbd {
text-shadow: none;
}