| @@ -1,8 +1,12 @@ | ||
| 1 | 1 | @import "tailwindcss" source(none) important; |
| 2 | 2 | @import "../tailwind.css" source(none); |
| 3 | 3 | @source "."; |
| 4 | 4 | |
| 5 | +:root { | |
| 6 | + color-scheme: only light; | |
| 7 | +} | |
| 8 | + | |
| 5 | 9 | /* no-prefix */ |
| 6 | 10 | .extendify-auto-launch { |
| 7 | 11 | -webkit-font-smoothing: antialiased; |
| 8 | 12 | } |
| @@ -57,15 +61,16 @@ | ||
| 57 | 61 | } |
| 58 | 62 | } |
| 59 | 63 | |
| 60 | 64 | .status-animation { |
| 65 | + /* Follows the ink token so the shimmer stays legible on a dark palette. */ | |
| 61 | 66 | background-image: linear-gradient( |
| 62 | 67 | to right, |
| 63 | - #1e1e1e 0%, | |
| 64 | - #1e1e1e 25%, | |
| 65 | - #999999 50%, | |
| 66 | - #1e1e1e 75%, | |
| 67 | - #1e1e1e 100% | |
| 68 | + var(--ext-ui-status-color, var(--color-ui-ink)) 0%, | |
| 69 | + var(--ext-ui-status-color, var(--color-ui-ink)) 25%, | |
| 70 | + var(--color-ui-ink-muted) 50%, | |
| 71 | + var(--ext-ui-status-color, var(--color-ui-ink)) 75%, | |
| 72 | + var(--ext-ui-status-color, var(--color-ui-ink)) 100% | |
| 68 | 73 | ); |
| 69 | 74 | background-size: 300% 100%; |
| 70 | 75 | color: transparent; |
| 71 | 76 | background-clip: text; |
