themes

Parent Directory
File Extension Image for README.md README.md File
File Extension Image for _bootstrap.scss _bootstrap.scss File
File Extension Image for _pre.scss _pre.scss File
File Extension Image for candy.scss candy.scss File
File Extension Image for cinnamon.scss cinnamon.scss File
File Extension Image for crystal.scss crystal.scss File
File Extension Image for dark.scss dark.scss File
File Extension Image for darker.scss darker.scss File
File Extension Image for darkest.scss darkest.scss File
File Extension Image for discotheque.scss discotheque.scss File
File Extension Image for enchanted.scss enchanted.scss File
File Extension Image for light.scss light.scss File
File Extension Image for lush.scss lush.scss File
File Extension Image for moonlight.scss moonlight.scss File
File Extension Image for neo.scss neo.scss File
File Extension Image for night.scss night.scss File
File Extension Image for nightpearl.scss nightpearl.scss File
File Extension Image for panda.scss panda.scss File
File Extension Image for tuscany.scss tuscany.scss File
File Extension Image for unicorn.scss unicorn.scss File
README.md

Themes

Themes are the biggest milestone of recent development.

Revisions

  1. One SASS file for all themes
    • Huge Bundle size for 3 themes (130kB gzipped)
  2. One SASS file per theme
    • Huge Bundle size if we import all themes
    • We can load light.scss synchronously and the rest of the themes when they are needed
      • 44kB gzipped

New Themes

To create a new theme, follow these steps:

  • Create an entry in themes.js
    • Make sure the id field is unique
  • Create a new SCSS file in this directory called ${id}.theme.scss