fix(dashboard): match auto-refresh paused-dot outline to icon color

[richardfogaca]

SUMMARY

The auto-refresh status indicator's paused-state dot was using theme.colorBorder for its 1px outline, which is too dim against the surrounding container — making the dot nearly invisible. Switch the outline to theme.colorTextSecondary so it visually aligns with the adjacent play/pause icon (which already uses colorTextSecondary in the parent iconButtonStyles).

Single-line change in StatusIndicatorDot.tsx — only affects the Paused status; the other statuses (Success/Idle/Fetching/Delayed/Error) don't render a border.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before: outline rendered with colorBorder — barely visible.
After: outline rendered with colorTextSecondary — matches the play icon color.

(Screenshots to be attached.)

TESTING INSTRUCTIONS

1. Open a dashboard that has auto-refresh enabled (Edit dashboard → Properties → set a refresh interval).
2. The status indicator next to the play/pause button should be a colored dot (green/blue/yellow/red).
3. Click the pause button. The dot becomes a hollow circle outlined in the container background.
4. Verify the outline color matches the play icon color (both colorTextSecondary), not the dimmer colorBorder.

ADDITIONAL INFORMATION

• Has associated issue:
• Required feature flags:
• Changes UI
• Includes DB Migration
• Introduces new feature or API
• Removes existing feature or API

[bito-code-review]

Code Review Agent Run #e897ee

Actionable Suggestions - 0

Additional Suggestions - 1

• superset-frontend/src/dashboard/components/AutoRefreshStatus/StatusIndicatorDot.tsx - 1

  • Theme Token Misuse · Line 144-144
    The border color uses theme.colorTextSecondary, which is semantically intended for text colors, not borders. This violates Ant Design theming best practices. Use theme.colorBorderSecondary instead for consistency with border styling across the codebase.
    Code suggestion

     @@ -143,3 +143,3 @@
    -      border: ${statusConfig.needsBorder
    -        ? `1px solid ${theme.colorTextSecondary}`
    -        : 'none'};
    +      border: ${statusConfig.needsBorder
    +        ? `1px solid ${theme.colorBorderSecondary}`
    +        : 'none'};

Review Details

• Files reviewed - 1 · Commit Range: 46c77eb..46c77eb

  • superset-frontend/src/dashboard/components/AutoRefreshStatus/StatusIndicatorDot.tsx
• Files skipped - 0
• Tools

  • Whispers (Secret Scanner) - ✔︎ Successful
  • Detect-secrets (Secret Scanner) - ✔︎ Successful

---

Bito Usage Guide

Commands

Type the following command in the pull request comment and save the comment.

• /review - Manually triggers a full AI review.

• /pause - Pauses automatic reviews on this pull request.

• /resume - Resumes automatic reviews.

• /resolve - Marks all Bito-posted review comments as resolved.

• /abort - Cancels all in-progress reviews.

Refer to the documentation for additional commands.

Configuration

This repository uses Superset You can customize the agent settings here or contact your Bito workspace admin at evan@preset.io.

Documentation & Help

• Customize agent settings
• Review rules
• General documentation
• FAQ

AI Code Review powered by

[Copilot]

Pull request overview

Updates the dashboard auto-refresh status indicator’s paused-state dot outline color to improve contrast and visually align it with the adjacent play/pause icon styling.

Changes:

• Change paused-state dot outline from theme.colorBorder to theme.colorTextSecondary in StatusIndicatorDot.

[michaelmorera-preset]

With the fix, when the status is paused the dot becomes a hollow circle outlined in the container background.

Evidence - before and after:

Light

Dark

[github-actions]

🎪 Showtime is building environment on GHA for 946cfaf

[github-actions]

🎪 Showtime deployed environment on GHA for 946cfaf

• Environment: http://54.200.114.43:8080 (admin/admin)
• Lifetime: 48h auto-cleanup
• Updates: New commits create fresh environments automatically

[bito-code-review]

Bito Automatic Review Skipped – PR Already Merged

Bito scheduled an automatic review for this pull request, but the review was skipped because this PR was merged before the review could be run.
No action is needed if you didn't intend to review it. To get a review, you can type /review in a comment and save it