Creating a Dark & Light Toggle Mode on your UI Designs

-- Giving your users the option to toggle between a light and dark mode can be a nice feature. A dark mode can be easier to read and also reduce battery consumption on mobile devices. Today, I'm going to show you how to integrate this feature using data attributes and native CSS variables -- along...

Intermediate - 18 min - Design & Creative Software - DesignCourse

The full course: Learn UX Design free

What you'll need

• Laptop stand: Screen at eye level for long study sessions.
• Noise-cancelling headphones: Focus through long video lessons.
• Second monitor: Video on one screen, practice on the other.
• Wireless keyboard and mouse: Comfortable for hours of typing.

Books

1. Don't Make Me Think by Steve Krug - View on Amazon
2. Lean UX by Jeff Gothelf - View on Amazon
3. Just Enough Research by Erika Hall - View on Amazon
4. Articulating Design Decisions by Tom Greever - View on Amazon
5. UX for Beginners by Joel Marsh - View on Amazon

Next lessons

• The 2019 UI Design Crash Course for Beginners (97 min, DesignCourse, Beginner)
• The UI/UX Crash Course for 2023 - Learn UI/UX Design (78 min, DesignCourse, Beginner)
• Designing & Building a Personal Portfolio from SCRATCH! (118 min, DesignCourse, Beginner)
• Learn UI/UX Design & Figma - 2022 Interactive Crash Course (83 min, DesignCourse, Beginner)
• 1 Design Trend in 2022 That I Think will be BIG! (7 Examples) (10 min, DesignCourse, Intermediate)
• Interactive UI/UX Crash Course (345 min, DesignCourse, Beginner)
• New UI Design Trends - Vibrant Gradients & Colored Drop Shadows! (23 min, DesignCourse, Intermediate)
• Bad at Picking COLORS? Let's fix that - RAPID Color Scheming (17 min, DesignCourse, Intermediate)