Skip to content

Bug: completed command block dot uses the running-state color instead of the success color #63

Description

@KrisPowers

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`)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions