| @@ -61,15 +61,16 @@ | ||
| 61 | 61 | } |
| 62 | 62 | } |
| 63 | 63 | |
| 64 | 64 | .status-animation { |
| 65 | + /* Follows the ink token so the shimmer stays legible on a dark palette. */ | |
| 65 | 66 | background-image: linear-gradient( |
| 66 | 67 | to right, |
| 67 | - #1e1e1e 0%, | |
| 68 | - #1e1e1e 25%, | |
| 69 | - #999999 50%, | |
| 70 | - #1e1e1e 75%, | |
| 71 | - #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% | |
| 72 | 73 | ); |
| 73 | 74 | background-size: 300% 100%; |
| 74 | 75 | color: transparent; |
| 75 | 76 | background-clip: text; |
