Dark mode is cool. Dark mode which works with and without JavaScript enabled? Very cool. There's a lot of great apps out there that have dark mode... but how many take the time to make their dark mode work without JS enabled? Not a lot, sadly. In this episode, I walk through how to use hooks, endpoints, and cookies in order to make a dark mode that works for all types of users.
🤯 Support

• https://www.patreon.com/davidwparker
• https://www.buymeacoffee.com/davidwparker

⏱️ Timestamps:

• 00:00 - Introduction
• 00:25 - Demo
• 01:00 - Icons, Stores, Nav bar changes
• 03:30 - theme toggle
• 05:10 - theme endpoint
• 07:20 - hooks
• 08:10 - layout.svelte

💌 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/ep31

🎬 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