Collection of Free hand picked CSS Dark mode.
Day/Night mode switch toggle with React and ThemeProvider
A Demo by Maks Akymenko on CodePen.
Created on September 5, 2019 | Updated on September 18, 2019. Developed using HTML, JS.
Light & Dark Mode
The prefers-color-scheme CSS 5 Media Query is used to detect if the user has requested the system to use a light or dark color theme. This Pen demonstrates how to use a theme toggle for both legacy and progressive code.
A Demo by Michael Richins on CodePen.
Created on April 2, 2019 | Updated on October 10, 2019. Developed using HTML, SCSS, JS.
React Shopping cart template with multiple features
CSS Dark mode and other multiple features are in this demo.
A Demo by Dmitriy Levchenko on CodePen.
Created on May 29, 2018 | Updated on July 15, 2019. Developed using Pug, SCSS, React
Light and dark page toggle
A Demo by tris timb on CodePen.
Created on March 26, 2018 | Updated on March 28, 2018. Develped using HTML, SCSS, JS.
Day / Night Tumbler
A Demo by Pavel Rodionoff on CodePen.
Created on May 23, 2019 | Updated on April 16, 2020. Developed using HTML, Sass, JS.
Instagram Dark Mode
TIL that you can use data-attributes as CSS selectors. Here’s an exploration of Instagram’s dark mode implementing that.
A Demo by Aris Acoba on CodePen.
Created on April 2, 2019 | Updated on January 25, 2020. Developed using Pug, SCSS, JS.
CSS + jQuery Night Mode Toggle
Night mode toggle button demo that targets a specific container.
A Demo by Rico Mossesgeld on CodePen.
Created on March 2, 2017 | Updated on March 2, 2017. Developed using HTML, SCSS, JS.
Dark mode toggle in materialize
Toggle the button to enable or disable dark mode. Hit the heart button above if you liked this.
A Demo by Jay Holtslander on CodePen.
Created on April 8, 2019 | Updated on April 11, 2019. Developed using HTML, SCSS, JS.
Dark Mode Toggle
A Demo by John Riggles on CodePen.
Created on September 28, 2018 | Updated on April 11, 2019. Developed using Slim, SCSS, JS.
Pure CSS dark mode toggle switcher
A Demo by Demilade Olaleye on CodePen.
Created on March 9, 2019 | Updated on March 10, 2019. Developed using HTML, CSS.
Dark/Light Mode Switcher
A Demo by Kevin McCormack on CodePen.
Created on February 3, 2017 | Updated on February 3, 2017. Developed using HTML, SCSS, JS.
CSS Dark mode collections using Icons made by Pixel perfect from www.flaticon.com
Discussion about this post