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
ā±ļø Timestamps:
š Newsletter:
šŖElsewhere:
šConcepts:
šResources:
š¬ Subscribe!
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.
š¤Æ 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