Skip to content

Theme icon animation - #6847

Merged
faydesignsstuff merged 3 commits into
mainfrom
fay/theme-icon-animation
Aug 3, 2026
Merged

Theme icon animation#6847
faydesignsstuff merged 3 commits into
mainfrom
fay/theme-icon-animation

Conversation

@faydesignsstuff

@faydesignsstuff faydesignsstuff commented Aug 3, 2026

Copy link
Copy Markdown
Contributor

Documentation changes

Brief description of what's being updated

Closes


For Reviewers

When reviewing documentation PRs, please consider:

✅ Technical accuracy

  • Code examples work as written
  • Commands and configurations are correct
  • Links resolve to the right destinations
  • Prerequisites and requirements are accurate

✅ Clarity and completeness

  • Instructions are clear and easy to follow
  • Steps are in logical order
  • Nothing important is missing
  • Examples help illustrate the concepts

✅ User experience

  • A new user could follow these docs successfully
  • Common gotchas or edge cases are addressed
  • Error messages or troubleshooting guidance is helpful

Note

Low Risk
Docs playground UI only; no auth, data, or API changes.

Overview
Adds an animated light/dark theme icon on the assistant widget playground toolbar. Toggling preview theme (or when docs site dark mode changes) applies theme-icon--dark, which rotates the ring and flips the fill via CSS transforms over 0.5s; motion is disabled under prefers-reduced-motion.

The icon is inlined in the toolbar button instead of a nested ThemeIcon component so React keeps stable DOM nodes and transitions can run. docsIsDark state tracks document.documentElement class changes through the existing theme MutationObserver, and isPreviewDark drives the icon class and simplified theme toggle logic.

Reviewed by Cursor Bugbot for commit ec81958. Bugbot is set up for automated code reviews on this repo. Configure here.

@mintlify

mintlify Bot commented Aug 3, 2026

Copy link
Copy Markdown
Contributor

Preview deployment for your docs. Learn more about Mintlify Previews.

Project Status Preview Updated (UTC)
mintlify 🟢 Ready View Preview Aug 3, 2026, 4:12 PM

@mintlify

mintlify Bot commented Aug 3, 2026

Copy link
Copy Markdown
Contributor

Preview deployment for your docs. Learn more about Mintlify Previews.

Project Status Preview Updated (UTC)
tomee 🟢 Ready View Preview Aug 3, 2026, 4:12 PM

💡 Tip: Enable Workflows to automatically generate PRs for you.

Comment thread snippets/assistant-widget-playground.jsx

@cursor cursor Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.

There are 2 total unresolved issues (including 1 from previous review).

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit f230f81. Configure here.

Comment thread snippets/assistant-widget-playground.jsx
@faydesignsstuff
faydesignsstuff merged commit e7874fb into main Aug 3, 2026
6 checks passed
@faydesignsstuff
faydesignsstuff deleted the fay/theme-icon-animation branch August 3, 2026 16:57
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.

3 participants