Summary
In `app/frontend/src/App.css`, the `.term-dot--success` class uses `--dot-running` (near-white, `#e6e6e6`) as its background:
```css
.term-dot--running {
background: var(--dot-running); /* #e6e6e6, with pulse animation */
animation: term-dot-pulse 1.2s ease-in-out infinite;
}
.term-dot--success {
background: var(--dot-running); /* same color, no animation */
}
```
Once the pulse animation stops on a completed command, the success dot is visually identical to a running dot mid-animation-cycle. There is no way to tell at a glance whether a command just finished or is still running.
The `.term-dot--background` class correctly uses `var(--color-success)` (green). `.term-dot--success` should do the same.
How to fix
```css
.term-dot--success {
background: var(--color-success);
}
```
Files
- `app/frontend/src/App.css` (lines 233-236, `.term-dot--success`)
Summary
In `app/frontend/src/App.css`, the `.term-dot--success` class uses `--dot-running` (near-white, `#e6e6e6`) as its background:
```css
.term-dot--running {
background: var(--dot-running); /* #e6e6e6, with pulse animation */
animation: term-dot-pulse 1.2s ease-in-out infinite;
}
.term-dot--success {
background: var(--dot-running); /* same color, no animation */
}
```
Once the pulse animation stops on a completed command, the success dot is visually identical to a running dot mid-animation-cycle. There is no way to tell at a glance whether a command just finished or is still running.
The `.term-dot--background` class correctly uses `var(--color-success)` (green). `.term-dot--success` should do the same.
How to fix
```css
.term-dot--success {
background: var(--color-success);
}
```
Files