SvelteKit | Svelte | Theme swap light and dark mode
Consulting Ninja
View ChannelAbout
I am here to help as MANY others as possible with web development, software development, and consulting related obstacles and issues. I love development, technology, consulting and want to build a positive community of developers (front, back , middle, scripts, everyone!) and tech lovers helping each other and building each other up to become better! I hope to see you soon! My channel membership is live now you can check that out here: https://www.youtube.com/channel/UCwPrPv9eS7Xgfp_wi7uxt0g/join I hope to see you in one of my live stream meet ups! * FYI * No StackOverflow behavior will be tolerated in my channel. Give positive advice and clear feedback without talking down to those that don't know please.
Latest Posts
Video Description
This is another great video! In this video I show how to take a simple application and create light and dark mode swapping. I first show how to do this using a svelte store. I show the downside which is lost choice on refresh. After I show how to use a store I show how to use a service worker to swap the theme AND remember it for later. So we don't lose it on refresh! I hope you find this helpful! My channel membership is live check it out here!: https://www.youtube.com/channel/UCwPrPv9eS7Xgfp_wi7uxt0g/join Membership perk video: https://youtu.be/FJgKifAThdU Source code available here: https://github.com/consultingninja/lightDarkMode Service Worker Video: https://youtu.be/kVBJKSU7sw8 Need help? visit https://www.consultingninja.tech Check out my channel @ConsultingNinja for more videos like these. GoogleChrome Service Worker Doc: https://googlechrome.github.io/samples/service-worker/basic/ SvelteKit Service Worker Docs: https://kit.svelte.dev/docs/service-workers SvelteKit Sandbox: https://learn.svelte.dev/tutorial/welcome-to-svelte
Master Web Development Today
AI-recommended products based on this video
LEGO Speed Champions Ford Mustang Dark Horse Sports Car Toy, Buildable Ford Mustang Toy for Kids, Blue Toy Car Model Set, Gift Idea for Boys and Girls Aged 9 Years Old and Up, 76920
Growell Large Hydroponics Growing System Kit, 90 Pods Vertical Hydroponic Garden with 2 Light Modes Grow Light, Auto Circulating Water System, 40L Indoor Gardening System for Herb Vegetable Fruit
Hydroponics Growing System, Growell 16 Pods Indoor Garden with 28W Full Spectrum LED Grow Light, Auto Timer, 3 Smart Light Modes, 8L Large Herb Garden, Ideal Gardening Gift for Women, Men (Black)
LED Desk Lamp with Dual Heads, Height Adjustable, USB Charging Port, 5 Light Modes & Dimmable Brightness, Bedside Lamp for Reading, Crafting, Work, Study (White, 15W)
Camping String Lights Outdoor, 6 in 1 Outdoor Waterproof Solar/USB Rechargeable Retractable Portable Stowable String Light with 8 Modes (42ft), Tent Lights for Camping, Hiking, Yard, RV (Multicolor)
Firefly Variety 8 Pack - Fire Starter Accessory for Swiss Army Victorinox Knives (Neon Green-Yellow Glow)
