Skip to content

Eco Mode is a repo of code snippets and assets to support light/dark/eco mode support. With sustainable and efficient SVGs, JS, HTML, CSS snippets, and implementation advice

License

Notifications You must be signed in to change notification settings

codewordcreative/eco-mode

Repository files navigation

Eco Mode: theme switcher and preferences advice

Eco Mode is a repo of code snippets and assets to support light/dark/eco mode support. With sustainable and efficient SVGs, JS, HTML, CSS snippets, and implementation advice (as comments in the suggested CSS, mainly).

Demo pics

Dark mode Light mode Eco mode Dark mode close-up Light mode close-up Eco mode close-up

Suggested implementations only

What works for your site will vary. But I figured it would help to share some simplified versions right here.

Example implementations

Less mature, single-page examples

More to follow soon, I hope!

Links


Thanks also to Nick Lewis for inspiring me with mad use of variables, and to various members of the W3C Sustainable Web Interest Group for bouncing ideas around about Eco mode, especially Tantek, Hidde, and Alex. Update: Thanks to Alex Dawson for the accessibility review/amendments!

About

Eco Mode is a repo of code snippets and assets to support light/dark/eco mode support. With sustainable and efficient SVGs, JS, HTML, CSS snippets, and implementation advice

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published