Package Exports

css-theming
css-theming/dist/es/index.js
css-theming/dist/umd/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (css-theming) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

CSS Theming

A platform for CSS theming.

Uses modern CSS and SCSS. Contrast of computed colors is at least AA compatible by default.

niai

from https://niai.mrahhal.net

At a glance

Themes and theme category management
Auto detects user's system preference and activates the appropriate theme
Colors and their swatches automatically computed for light/dark themes
Auto computation of rgb variables for colors (provided as css variables for ease of use)
Foregrounds, backgrounds, borders
Support for icons/svgs
Programmatic access

Installation & Setup

Check this document.

Course

Please consider buying the course at educative.io here: https://www.educative.io/courses/css-theming-for-professionals

It contains a deep dive into the problems involved with creating themes and their solutions, and is the backbone behind css-theming.

Development

DEVELOPMENT.md

Samples

The samples folder contain several samples that show case some of the use cases. They're written in Vue so that we can focus on the theming aspects.

To run any sample app, run the following inside its folder:

npm i
npm start

In any sample app, hit "T" on the keyboard to flip between the 2 main themes and see instant changes.

Projects using css-theming

Thanks

@rubix-labs: I worked on most of this as part of my job here.
@sayache: Graphic, UX and UI designer.