# 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](htdocs/scss/app.scss) 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](https://ch1p.io/dark-theme-scss-less-without-css3-variables/edit/) 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