diff options
| author | Steve Sanderson <SteveSandersonMS@users.noreply.github.com> | 2022-08-03 19:03:56 +0300 |
|---|---|---|
| committer | Steve Sanderson <SteveSandersonMS@users.noreply.github.com> | 2022-08-03 19:03:56 +0300 |
| commit | 91739dd19d554e711c17c0d2c2418bc36f52cf9b (patch) | |
| tree | 8c3826a3d59baf521eae592a7564339236c0ae9b | |
| parent | 34259c22416f1facc4c433df6e4535d686a16c71 (diff) | |
Increase color contrast on focus highlight for counter button. Fixes https://github.com/dotnet/aspnetcore/issues/42367stevesa/accessibility-2022-aug
| -rw-r--r-- | src/content/Angular-CSharp/ClientApp/src/styles.css | 4 | ||||
| -rw-r--r-- | src/content/React-CSharp/ClientApp/src/custom.css | 4 |
2 files changed, 8 insertions, 0 deletions
diff --git a/src/content/Angular-CSharp/ClientApp/src/styles.css b/src/content/Angular-CSharp/ClientApp/src/styles.css index 3ef6a64..8b8c2e2 100644 --- a/src/content/Angular-CSharp/ClientApp/src/styles.css +++ b/src/content/Angular-CSharp/ClientApp/src/styles.css @@ -5,6 +5,10 @@ a { color: #0366d6; } +.btn:focus, .btn:active:focus { + box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; +} + code { color: #e01a76; } diff --git a/src/content/React-CSharp/ClientApp/src/custom.css b/src/content/React-CSharp/ClientApp/src/custom.css index 5fdfd06..4436615 100644 --- a/src/content/React-CSharp/ClientApp/src/custom.css +++ b/src/content/React-CSharp/ClientApp/src/custom.css @@ -3,6 +3,10 @@ a { color: #0366d6; } +.btn:focus, .btn:active:focus { + box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; +} + code { color: #E01A76; } |