dark_theme_impl_example

This repository contains the backend part or the light/dark theme switch implementation example for websites using sass/less compilers without using css3 variables and also without webpack or similar crap.

The stylesheet used for this example is very minimalistic and contains only few rules, but that's only for demonstration purposes. This technique has been used in real project for years on very large and very complicated set of stylesheets (hundreds of kilobytes when compiled and minimized) and proven to be reliable.

Check out my blog post if you want to learn more.

Requirements

sassc compiler (in debian, the package is called sassc) for scss
nodejs

Clone repository:

git clone https://git.ch1p.io/dark_theme_impl_example.git
cd dark_theme_impl_example

Install dependencies:

npm i

Build the scss example:

make scss

Build the less example:

make less

Check out results in htdocs/dist-less or htdocs/dist-scss.

License

MIT