https://vitorpontual.com/tags/tailwindcss/ Recent content in Tailwindcss on Vitor Pontual | The VeePee Hub Hugo en-us Thu, 25 Dec 2025 14:00:00 -0500 https://vitorpontual.com/posts/dark-mode-support/ Thu, 25 Dec 2025 14:00:00 -0500 https://vitorpontual.com/posts/dark-mode-support/ <p>Dark mode is now fully functional on the site! You can toggle between light and dark themes using the moon/sun button in the header navigation.</p> <h2 id="implementation">Implementation</h2> <p>The feature uses Tailwind CSS&rsquo;s dark mode class strategy combined with JavaScript for theme persistence. Key features include:</p> <ul> <li><strong>Toggle button</strong> in the header with moon/sun icons</li> <li><strong>Persistent preference</strong> saved to localStorage</li> <li><strong>System preference detection</strong> - respects your OS color scheme on first visit</li> <li><strong>Smooth transitions</strong> between themes</li> <li><strong>Comprehensive styling</strong> across all page types (posts, photos, projects)</li> </ul> <p>The styling covers the entire site with appropriate <code>dark:</code> variants for backgrounds, text, links, and content cards. Your theme preference is remembered across page loads and sessions.</p>