Merge pull request #1345 from hgiesel/windowsfocus

Use different artificial reviewer button highlight for Windows
ankitects · Aug 29, 2021 · 395119b · 395119b
2 parents e4f8ba0 + 3b90b27
commit 395119b
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/qt/aqt/data/web/css/reviewer-bottom.scss b/qt/aqt/data/web/css/reviewer-bottom.scss
@@ -3,6 +3,14 @@
 
 @use 'ts/sass/card-counts';
 
+:root {
+    --focus-color: #0078d7;
+
+    .isMac {
+        --focus-color: rgba(0 103 244 / 0.247);
+    }
+}
+
 body {
     margin: 0;
     padding: 0;
@@ -42,13 +50,13 @@ button {
 }
 
 .focus {
-    outline: 5px auto rgba(0, 103, 244, 0.247);
+    outline: 5px auto var(--focus-color);
 
     #innertable:focus-within & {
         outline: unset;
 
         &:focus {
-            outline: 5px auto rgba(0, 103, 244, 0.247);
+            outline: 5px auto var(--focus-color);
         }
     }
 }