Skip to content

A framework/library agnostic way to implement themes in CSS

License

Notifications You must be signed in to change notification settings

bearded-impala/CSS-Theming

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CSS-Theming

This repository is an example of a framework/library agnostic way to implement themes using CSS and some Javascript. I've used React along with Semantic UI in this example.

You know the drill:

$ git clone https://github.com/bearded-impala/CSS-Theming.git
$ yarn
$ yarn start

OR

$ git clone https://github.com/bearded-impala/CSS-Theming.git
$ npm
$ npm start

Overview

Here's what we are doing:

  • Writing a CSS mixin containing classes of the DOM elements we want to style as a part of our theme
  • Including our mixin in the stylesheet meant to be imported in the entry javascript(index.js) or the topmost component(App.js) along with color variables as its arguments.
  • Writing a short script to change the class of the "body element" using a dropdown in our App component

Releases

No releases published

Packages

No packages published