Theme switching with next-themes
Created by CodeCraft LLCSet up, advise on, and review theming with next-themes
Product and technology names are trademarks of their respective owners, used only to identify what this skill covers. CodeCraft LLC is not affiliated with or endorsed by them.
by Jace (@jamick)v1.0.1 · updated 2026-10-03Report copyright infringement
Description
Set up, advise on, and review theming with next-themes — ThemeProvider placement, class vs data-attribute strategy, system preference, avoiding hydration mismatch and theme flash, theme toggles, forced themes per page, multiple themes, and wiring dark mode into Tailwind v4 and CSS variables. Use whenever `next-themes` is in package.json, or the user asks for dark mode, a theme switcher, light/dark toggle, "the page flashes white", "hydration mismatch on html class", or theme-aware images/logos in a React or Next.js app.
Included with all-access
$5.00 value as a single download
AiSkillz is in preview: browse the catalogue now - skill downloads and subscriptions open soon.
All skills are included with the all-access subscription
Changelog
v1.0.1Oct 3, 2026Latest
Changed
- Renamed the title to describe what the skill does with the product, so it doesn't read as an official or endorsed edition.
- Added a trademark notice to the README.
v1.0.0Oct 2, 2026
Added
- First release.