Diff options
| author | Bryce Kwon <bryce@brycekwon.com> | |
|---|---|---|
| committer | Bryce Kwon <bryce@brycekwon.com> | |
| commit | ||
| parent | ||
| tree | ||
| download | ||
Give form controls a border of 3:1 contrast
WCAG 1.4.11 asks for 3:1 where the border is what shows a field is
there, and the search field has no other edge. The strong grey gives
5.7:1 on the light background and 3.2:1 on the dark one. Hover moves to
the text colour so that it still shows.
| -rw-r--r-- | assets/cgit.css | 4 |
1 file changed, 2 insertions, 2 deletions
diff --git a/assets/cgit.css b/assets/cgit.css index f7c1819..a9ae84e 100644 --- a/assets/cgit.css +++ b/assets/cgit.css @@ -134,7 +134,7 @@ div#cgit input { height: var(--control-h); color: var(--fg); background-color: var(--surface); - border: solid 1px var(--border); + border: solid 1px var(--border-strong); border-radius: var(--radius); padding: 0 0.5em; line-height: 1.3; @@ -163,7 +163,7 @@ div#cgit input[type="submit"] { div#cgit select:hover, div#cgit input[type="submit"]:hover { - border-color: var(--border-mid); + border-color: var(--fg); } div#cgit a:focus-visible, |