Increase color contrast on focus highlight for counter button. Fixes d…

…otnet/aspnetcore#42367
dotnet · Aug 4, 2022 · bbd5404 · bbd5404
1 parent 5f01be1
commit bbd5404
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git 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
@@ -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;
 }