diff --git a/src/styles.css b/src/styles.css index bd92a92..8d3b838 100644 --- a/src/styles.css +++ b/src/styles.css @@ -715,6 +715,21 @@ select:focus { box-shadow: 0 0 0 3px rgba(145, 70, 255, 0.18); } +/* Soft mouseover affordance — every text/search/number/etc. input + textarea + + select picks up a half-tone accent border on hover, matching the + .select-compact + .filter-input hover pattern. :not(:focus) keeps the + focus ring (above) from competing, :not(:disabled) leaves disabled + inputs inert. */ +input[type="text"]:hover:not(:focus):not(:disabled), +input[type="search"]:hover:not(:focus):not(:disabled), +input[type="number"]:hover:not(:focus):not(:disabled), +input[type="password"]:hover:not(:focus):not(:disabled), +input[type="email"]:hover:not(:focus):not(:disabled), +textarea:hover:not(:focus):not(:disabled), +select:hover:not(:focus):not(:disabled) { + border-color: rgba(145, 70, 255, 0.45); +} + /* ============================================ CUSTOM CHECKBOX — modern Twitch-purple ============================================