Lighter color on hover for input elements

This commit is contained in:
cmdr2 2022-10-17 14:34:48 +05:30
parent a45e667e9c
commit ee80aa26db

View File

@ -6,6 +6,7 @@
--accent-hue: 266; --accent-hue: 266;
--accent-lightness: 36%; --accent-lightness: 36%;
--accent-lightness-hover: 40%;
--text-color: #eee; --text-color: #eee;
@ -21,6 +22,7 @@
--input-border-radius: 4px; --input-border-radius: 4px;
--input-border-size: 1px; --input-border-size: 1px;
--accent-color: hsl(var(--accent-hue), 100%, var(--accent-lightness)); --accent-color: hsl(var(--accent-hue), 100%, var(--accent-lightness));
--accent-color-hover: hsl(var(--accent-hue), 100%, var(--accent-lightness-hover));
--make-image-border: 2px solid hsl(var(--accent-hue), 100%, calc(var(--accent-lightness) - 21%)); --make-image-border: 2px solid hsl(var(--accent-hue), 100%, calc(var(--accent-lightness) - 21%));
} }
@ -573,6 +575,10 @@ textarea {
font-size: 9pt; font-size: 9pt;
} }
input:hover {
accent-color: var(--accent-color-hover);
}
input { input {
padding: 4px 6px; padding: 4px 6px;
} }