Full document, spreadsheet, slideshow, and diagram tooling
Merge pull request 'fix: change focus ring from red accent to teal' (#36) from fix/focus-color-teal into main
+5
-5
+5
-5
src/css/app.css
+5
-5
src/css/app.css
···
19
19
--color-border: oklch(0.87 0.008 75);
20
20
--color-border-strong:oklch(0.78 0.01 75);
21
21
--color-hover: oklch(0.92 0.01 75);
22
-
--color-focus: oklch(0.52 0.14 25 / 0.3);
22
+
--color-focus: oklch(0.48 0.1 195 / 0.3);
23
23
--color-success: oklch(0.6 0.14 155);
24
24
--color-warning: oklch(0.72 0.14 85);
25
25
--color-danger: oklch(0.55 0.16 25);
···
94
94
--color-border: oklch(0.28 0.008 75);
95
95
--color-border-strong:oklch(0.38 0.01 75);
96
96
--color-hover: oklch(0.23 0.01 75);
97
-
--color-focus: oklch(0.62 0.14 25 / 0.3);
97
+
--color-focus: oklch(0.60 0.1 195 / 0.3);
98
98
--color-success: oklch(0.65 0.14 155);
99
99
--color-warning: oklch(0.72 0.14 85);
100
100
--color-danger: oklch(0.60 0.16 25);
···
140
140
--color-border: oklch(0.28 0.008 75);
141
141
--color-border-strong:oklch(0.38 0.01 75);
142
142
--color-hover: oklch(0.23 0.01 75);
143
-
--color-focus: oklch(0.62 0.14 25 / 0.3);
143
+
--color-focus: oklch(0.60 0.1 195 / 0.3);
144
144
--color-success: oklch(0.65 0.14 155);
145
145
--color-warning: oklch(0.72 0.14 85);
146
146
--color-danger: oklch(0.60 0.16 25);
···
3474
3474
3475
3475
/* Show outline only on keyboard-triggered focus (Tab, arrow keys) */
3476
3476
*:focus-visible {
3477
-
outline: 2px solid var(--color-accent);
3477
+
outline: 2px solid var(--color-teal);
3478
3478
outline-offset: 1px;
3479
3479
}
3480
3480
···
3483
3483
.toolbar-dropdown-toggle:focus-visible,
3484
3484
.toolbar-overflow-toggle:focus-visible,
3485
3485
button:focus-visible {
3486
-
outline: 1.5px solid var(--color-accent);
3486
+
outline: 1.5px solid var(--color-teal);
3487
3487
outline-offset: 0px;
3488
3488
}
3489
3489