fix: inconsistent focus color between chrome and firefox
Massimo Melina committed
Feb 12, 2022 at 12:45 UTC
6509531b7e7b97a5ccb75cdc4608a212531947a7
1 file changed
+6
frontend/src/index.scss
+6
@@ -6,6 +6,7 @@
6
--good-contrast: #000a;
7
--button-bg: #a4bac9;
8
--button-text: #444;
9
+ --focus-color: #55A;
10
.theme-dark {
11
--bg: #000;
12
--text: #999;
@@ -81,6 +82,11 @@ button {
82
button.toggled {
83
opacity: .6;
84
}
85
+button, .breadcrumb { /* consistent focus color */
86
+ &:focus-visible {
87
+ outline: 3px solid var(--focus-color);
88
+ }
89
+}
90
91
.error-msg {
92
background-color: #faa;