| @@ -9,14 +9,14 @@ | ||
| 9 | 9 | |
| 10 | 10 | .dm-focus { |
| 11 | 11 | --dm-focus-accent: #7c3aed; |
| 12 | 12 | --dm-focus-accent-2: #2563eb; |
| 13 | - /* The widget card is dark glass; the wpd-select / wpd-checkbox-label | |
| 14 | - components default their text to the near-black --wpd-fg, | |
| 13 | + /* The widget card is dark glass; the os-select / os-checkbox-label | |
| 14 | + components default their text to the near-black --os-ui-fg, | |
| 15 | 15 | which vanishes here. Override the tokens to light, matching the |
| 16 | 16 | Note Pad widget, and tint the accent to the timer's own colour. */ |
| 17 | - --wpd-fg: rgba( 255, 255, 255, 0.9 ); | |
| 18 | - --wpd-fg-muted: rgba( 255, 255, 255, 0.6 ); | |
| 17 | + --os-ui-fg: rgba( 255, 255, 255, 0.9 ); | |
| 18 | + --os-ui-fg-muted: rgba( 255, 255, 255, 0.6 ); | |
| 19 | 19 | --wp-admin-theme-color: var( --dm-focus-accent ); |
| 20 | 20 | display: flex; |
| 21 | 21 | flex-direction: column; |
| 22 | 22 | gap: 10px; |
| @@ -28,9 +28,9 @@ | ||
| 28 | 28 | } |
| 29 | 29 | |
| 30 | 30 | /* The shell forces `cursor: default !important`; out-specify it so our |
| 31 | 31 | controls feel clickable. */ |
| 32 | -body.desktop-mode-active .dm-focus button { | |
| 32 | +body.os-active .dm-focus button { | |
| 33 | 33 | cursor: pointer !important; |
| 34 | 34 | } |
| 35 | 35 | |
| 36 | 36 | /* --- Time display -------------------------------------------------- */ |
