Dark mode in SvelteKit with TailwindCSS

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.
🤯 Support
  • https://www.patreon.com/davidwparker
  • https://www.buymeacoffee.com/davidwparker

⏱️ 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

💌 Newsletter:
  • https://www.programmingtil.com/

🪐Elsewhere:
  • Twitter: https://twitter.com/davidwparker
  • Twitter: https://twitter.com/programmingtil
  • GitHub: https://github.com/davidwparker

💭Concepts:
  • Dark and Light mode in SvelteKit

📚Resources:
  • https://github.com/davidwparker/programmingtil-svelte/tree/ep29

🎬 Subscribe!
  • http://bit.ly/subdavidwparker

My name is David W Parker and I’m creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. I’m a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. I’ve used React a lot in the past, as well as some Vue and AngularJS. I’ve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.

svelte #sveltekit

© programmingtil.com