Use different artificial reviewer button highlight for Windows

This commit is contained in:
Henrik Giesel 2021-08-28 21:30:07 +02:00
parent 3077a1f98a
commit 3b90b27095

View file

@ -3,6 +3,14 @@
@use 'ts/sass/card-counts'; @use 'ts/sass/card-counts';
:root {
--focus-color: #0078d7;
.isMac {
--focus-color: rgba(0 103 244 / 0.247);
}
}
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -42,13 +50,13 @@ button {
} }
.focus { .focus {
outline: 5px auto rgba(0, 103, 244, 0.247); outline: 5px auto var(--focus-color);
#innertable:focus-within & { #innertable:focus-within & {
outline: unset; outline: unset;
&:focus { &:focus {
outline: 5px auto rgba(0, 103, 244, 0.247); outline: 5px auto var(--focus-color);
} }
} }
} }