Package Exports

css-theming

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. Color contrast is at least AA compatible by default!

niai

from http://niai.mrahhal.net

At a Glance

Themes and theme category management
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.

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 anywhere to flip between the 2 main themes and see instant changes.

Sites Using `css-theming`

http://niai.mrahhal.net

Thanks

@rubix-labs: All of this is the results of my work here

@sayache: Graphic, UX and UI designer

css-theming