shoelace-ui-palette-solarized

palette-solarized

Solarized color palette.

Usage

Source:

@require 'shoelace-ui-solarized-palette'

body
  /* blue */
  color: palette--blue
  /* cyan */
  color: palette--cyan
  /* green */
  color: palette--green
  /* magenta */
  color: palette--magenta
  /* orange */
  color: palette--orange
  /* red */
  color: palette--red
  /* violet */
  color: palette--violet
  /* yellow */
  color: palette--yellow

  /* gray-base */
  color: palette--gray-base
  /* gray-light */
  color: palette--gray-light
  /* gray-lighter */
  color: palette--gray-lighter
  /* gray-lightest */
  color: palette--gray-lightest
  /* gray-dark */
  color: palette--gray-dark
  /* gray-darker */
  color: palette--gray-darker
  /* gray-darkest */
  color: palette--gray-darkest

Output:

body {
  /* blue */
  color: #268bd2;
  /* cyan */
  color: #2aa198;
  /* green */
  color: #859900;
  /* magenta */
  color: #d33682;
  /* orange */
  color: #cb4b16;
  /* red */
  color: #dc322f;
  /* violet */
  color: #6c71c4;
  /* yellow */
  color: #b58900;

  /* gray-base */
  color: #657b83;
  /* gray-light */
  color: #839496;
  /* gray-lighter */
  color: #93a1a1;
  /* gray-lightest */
  color: #eee8d5;
  /* gray-dark */
  color: #586e75;
  /* gray-darker */
  color: #073642;
  /* gray-darkest */
  color: #002b36;
}

Installation

$ npm install shoelace-ui-palette-solaraized

License

MIT