[PR #7970] feat: Added theme change transition animation with a polygon blur effect to the theme toggle. #7660

Open
opened 2026-03-13 13:44:47 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/better-auth/better-auth/pull/7970
Author: @sudhucodes
Created: 2/14/2026
Status: 🔄 Open

Base: canaryHead: canary


📝 Commits (1)

  • ffaf733 feat: Added theme change transition animation with a polygon blur effect to the theme toggle.

📊 Changes

1 file changed (+70 additions, -3 deletions)

View changed files

📝 docs/components/theme-toggle.tsx (+70 -3)

📄 Description

Summary by cubic

Adds a smooth theme toggle animation using a polygon blur effect powered by the View Transitions API. Falls back to an instant switch when the API is not available.

  • New Features
    • Injects CSS for polygon blur animation on first use; 1.2s duration with easing and separate light/dark keyframes.
    • Wraps theme change in document.startViewTransition, with a direct setTheme fallback if unsupported.

Written for commit ffaf7338c7. Summary will update on new commits.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/better-auth/better-auth/pull/7970 **Author:** [@sudhucodes](https://github.com/sudhucodes) **Created:** 2/14/2026 **Status:** 🔄 Open **Base:** `canary` ← **Head:** `canary` --- ### 📝 Commits (1) - [`ffaf733`](https://github.com/better-auth/better-auth/commit/ffaf7338c7acdda1d11fd0c3f018bb5244a32c04) feat: Added theme change transition animation with a polygon blur effect to the theme toggle. ### 📊 Changes **1 file changed** (+70 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `docs/components/theme-toggle.tsx` (+70 -3) </details> ### 📄 Description <!-- This is an auto-generated description by cubic. --> ## Summary by cubic Adds a smooth theme toggle animation using a polygon blur effect powered by the View Transitions API. Falls back to an instant switch when the API is not available. - **New Features** - Injects CSS for polygon blur animation on first use; 1.2s duration with easing and separate light/dark keyframes. - Wraps theme change in document.startViewTransition, with a direct setTheme fallback if unsupported. <sup>Written for commit ffaf7338c7acdda1d11fd0c3f018bb5244a32c04. Summary will update on new commits.</sup> <!-- End of auto-generated description by cubic. --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-03-13 13:44:47 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#7660