[PR #6451] [MERGED] docs: improve ThemeToggle component and header layout #14920

Closed
opened 2026-04-13 09:42:12 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/better-auth/better-auth/pull/6451
Author: @bytaesu
Created: 12/1/2025
Status: Merged
Merged: 12/8/2025
Merged by: @Bekacru

Base: canaryHead: 2025-12-02/docs/header-theme-toggle


📝 Commits (5)

  • 1aca142 adjust ThemeToggle component and header layout
  • 5247cb8 Update docs/components/nav-mobile.tsx
  • 93fa134 Update docs/components/theme-toggle.tsx
  • e1510b5 exit motion
  • d329270 drop system theme

📊 Changes

5 files changed (+218 additions, -201 deletions)

View changed files

📝 docs/components/mobile-search-icon.tsx (+1 -1)
📝 docs/components/nav-bar.tsx (+1 -1)
📝 docs/components/nav-mobile.tsx (+9 -10)
docs/components/theme-toggle.tsx (+207 -0)
docs/components/theme-toggler.tsx (+0 -189)

📄 Description

Before:

https://github.com/user-attachments/assets/31dce863-1e69-436c-82fc-1ba3be32cac9

After:

https://github.com/user-attachments/assets/9caf7220-1516-4cec-a169-92dbcdb482dc


Summary by cubic

Replaced the old ThemeToggler with a new ThemeToggle and tightened the docs header layout for cleaner, consistent controls across breakpoints. Adds animated theme icons and standardizes button sizing in the navbar and mobile menu.

  • Refactors
    • Built ThemeToggle with framer-motion, theme-aware icons (light/dark), and client-safe rendering; removed dropdown and the system theme option.
    • Standardized header controls: icon buttons set to size-8; simplified mobile menu button; MobileSearchIcon size 9→8.
    • Updated nav-bar to import the new component; removed deprecated theme-toggler.tsx.

Written for commit d3292702b3. Summary will update automatically 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/6451 **Author:** [@bytaesu](https://github.com/bytaesu) **Created:** 12/1/2025 **Status:** ✅ Merged **Merged:** 12/8/2025 **Merged by:** [@Bekacru](https://github.com/Bekacru) **Base:** `canary` ← **Head:** `2025-12-02/docs/header-theme-toggle` --- ### 📝 Commits (5) - [`1aca142`](https://github.com/better-auth/better-auth/commit/1aca142b8846c00a68714c30df1f5b6f184e330f) adjust ThemeToggle component and header layout - [`5247cb8`](https://github.com/better-auth/better-auth/commit/5247cb8ae86fa78eb4f410fe37fc29ef7a1799df) Update docs/components/nav-mobile.tsx - [`93fa134`](https://github.com/better-auth/better-auth/commit/93fa134c8b402d618c94ab435eb3c438e02cdeed) Update docs/components/theme-toggle.tsx - [`e1510b5`](https://github.com/better-auth/better-auth/commit/e1510b59799ebab3c3a9aefb8c1f1ed4c62e62ca) exit motion - [`d329270`](https://github.com/better-auth/better-auth/commit/d3292702b3bd89ba81fcf4c3a74452059b74ef5e) drop system theme ### 📊 Changes **5 files changed** (+218 additions, -201 deletions) <details> <summary>View changed files</summary> 📝 `docs/components/mobile-search-icon.tsx` (+1 -1) 📝 `docs/components/nav-bar.tsx` (+1 -1) 📝 `docs/components/nav-mobile.tsx` (+9 -10) ➕ `docs/components/theme-toggle.tsx` (+207 -0) ➖ `docs/components/theme-toggler.tsx` (+0 -189) </details> ### 📄 Description ## Before: https://github.com/user-attachments/assets/31dce863-1e69-436c-82fc-1ba3be32cac9 ## After: https://github.com/user-attachments/assets/9caf7220-1516-4cec-a169-92dbcdb482dc <!-- This is an auto-generated description by cubic. --> --- ## Summary by cubic Replaced the old ThemeToggler with a new ThemeToggle and tightened the docs header layout for cleaner, consistent controls across breakpoints. Adds animated theme icons and standardizes button sizing in the navbar and mobile menu. - **Refactors** - Built ThemeToggle with framer-motion, theme-aware icons (light/dark), and client-safe rendering; removed dropdown and the system theme option. - Standardized header controls: icon buttons set to size-8; simplified mobile menu button; MobileSearchIcon size 9→8. - Updated nav-bar to import the new component; removed deprecated theme-toggler.tsx. <sup>Written for commit d3292702b3bd89ba81fcf4c3a74452059b74ef5e. Summary will update automatically 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-04-13 09:42:12 -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#14920