Modern Color and Dark Mode

oklch, color-mix, light-dark() and a color-managed dark mode that just works.

Playlist by @modern_css

18 tracks, shared on Audicious.

  1. 10 CSS Pro Tips - Code this, NOT that! — Fireship
  2. How to Choose Colors (Easy 3-Step Process) — Flux Academy
  3. How To Make Website DARK MODE | Dark Theme Website Design Using HTML, CSS & JS — GreatStack
  4. How I make UI color palettes — UX Tools
  5. 5 CSS Tips & Tricks for better Responsive Web Design — Coding2GO
  6. The Easy Way to Pick UI Colors — Sajid
  7. Create a Dark Mode Switch with HTML, CSS, JavaScript — Coding2GO
  8. How to make a website light/dark toggle with CSS & JS — Kevin Powell
  9. Light & Dark mode WITHOUT CSS! — Kevin Powell
  10. Dynamic color change while scrolling with CSS — Kevin Powell
  11. The Best Way to Handle Dark Mode with TailwindCSS — Tom Is Loading
  12. The 7 Color Mistakes that RUIN your UI Designs — Kole Jain
  13. Are you using the WRONG color model in your CSS? — Kevin Powell
  14. A simple mistake that can screw up your light/dark theme (and how to fix it) — Kevin Powell
  15. Dark mode with TailwindCSS in under 7 minutes — Built With Code
  16. Understanding the Material Design color system | Google Design Tutorials — Google Design
  17. Form Styling Essentials | The basics to modern CSS tips & tricks — Kevin Powell
  18. Using currentColor with color-mix is amazing — Kevin Powell