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.
Example site: https://www.davidwparker.com/
🤯 Support
/ davidwparker
https://www.buymeacoffee.com/davidwpa...
⏱️ 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: / davidwparker
Twitter: / programmingtil
GitHub: https://github.com/davidwparker
💭Concepts:
Dark and Light mode in SvelteKit
📚Resources:
https://github.com/davidwparker/progr...
🎬 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 #tailwindcss