feat: Daily Status Chart Toggle, Ring Palette, and Theme Palette Alignment

Type

Feature request / UI behavior update

Summary

Update the Team Status dashboard so the ring chart is available only in Daily Standup Status, and shown only when explicitly enabled via a Show Chart action. Keep the existing Daily list cards as the primary/default view. Align ring and theme colors to the provided palettes.

Background

The current status dashboard includes ring visualization and a strong color treatment that should be controlled and standardized.

Requirements

1) Ring chart visibility and behavior

  • Ring chart must not appear in Weekly Standup Status.
  • Ring chart must be available only in Daily Standup Status.
  • Daily list cards remain the primary/default view.
  • Add a Show Chart option below Refresh in the status controls.
  • Show Chart toggles chart visibility:
    • Show Chart when hidden
    • Hide Chart when visible

2) Ring colors (both light and dark themes)

Use these exact ring status colors:

  • Not Submitted (red): #7a0000
  • Delayed (yellow): #dcc21e
  • On Time (green): #0b4402

3) Light theme note

  • Keep current light theme look intact.
  • Only ring status colors should follow the specified palette above.

4) Dark theme

Keep dark mode with moon symbol and apply this palette direction:

  • Primary/background base: #000000
  • Inner components/surfaces: #0a0a0a
  • Buttons/accent family: #003465
  • Text: #ffffff
  • Ring colors in dark mode must remain the same as light mode:
    • #7a0000, #dcc21e, #0b4402

5) Hover member overlay polish

  • Team member names must be properly vertically aligned while hovering.
  • Hover member text must be readable in light mode (must not look like dark-mode text on light mode).

Acceptance Criteria

  • Weekly tab shows no ring chart section.
  • Daily tab shows list cards first; chart appears only after clicking Show Chart.
  • Refresh remains in place; Show Chart appears below Refresh.
  • Ring colors exactly match the provided hex values in both light and dark modes.
  • Dark mode uses moon symbol and the specified black/onyx/navy/white palette.
  • Hover member overlay alignment and readability are correct in both themes.

Non-Goals

  • No changes to standup verification logic.
  • No changes to API/state-management behavior.
  • No changes to routing or data-fetch flows.