Dark mode is all the rage! Let’s implement dark mode using TailwindCSS with SvelteKit in this episode. For now, we’ll just implement our design and get it working. In the next episode, I’ll cover how we can set it up to work with and without JavaScript enabled and store/use it later.

⏱️ Timestamps:

  • 00:00 - Introduction
  • 00:20 - Demo
  • 01:40 - tailwind config changes
  • 02:40 - __layout.svelte and Nav.svelte changes
  • 04:40 - other component changes

📚Resources:

🎬 Subscribe!

#sveltekit #svelte #tailwind

Dark mode in SvelteKit with TailwindCSS
4.80 GEEK