Skip to content

Add multicolor gradient to mic ring, buttons, and toggles#9

Merged
phillsatellite merged 1 commit into
mainfrom
color_buttons
Mar 10, 2026
Merged

Add multicolor gradient to mic ring, buttons, and toggles#9
phillsatellite merged 1 commit into
mainfrom
color_buttons

Conversation

@phillsatellite

Copy link
Copy Markdown
Owner

Summary

  • Mic button idle ring — slowly rotating conic gradient (indigo → violet → pink) using CSS @property animation. Stops and snaps to solid red when recording.
  • New chat button — gradient background replacing the previous flat surface style
  • API key submit button — gradient background
  • Settings toggles (on state) — gradient background replacing flat accent color

Gradient palette: #6366f1 (indigo) → #a855f7 (violet) → #ec4899 (pink)

Test plan

  • Idle mic ring shows rotating gradient border
  • Mic ring switches to solid red when recording
  • New chat button shows gradient
  • API key submit button shows gradient
  • Settings → Formats toggles show gradient when enabled
  • Settings → Account dark mode toggle shows gradient when on

Rotating conic gradient border on the idle mic button. Gradient background
on New chat, API key submit, and settings on-toggles (indigo → violet → pink).
@phillsatellite phillsatellite merged commit 9d61f89 into main Mar 10, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant