rime 2 stars on github

/

css

css custom properties, with both the base16 slots and the color names. this site runs on them.

files: rime.css · rime-glacier.css · rime-aurora.css · rime-abyss.css · rime-frost.css · on github

use

@import "rime.css";

body {
  background: var(--rime-bg);
  color: var(--rime-fg);
}

a {
  color: var(--rime-blue); /* or var(--base0D) */
}
other variants

rime-glacier

@import "rime-glacier.css";

body {
  background: var(--rime-bg);
  color: var(--rime-fg);
}

a {
  color: var(--rime-blue); /* or var(--base0D) */
}

rime-aurora

@import "rime-aurora.css";

body {
  background: var(--rime-bg);
  color: var(--rime-fg);
}

a {
  color: var(--rime-blue); /* or var(--base0D) */
}

rime-abyss

@import "rime-abyss.css";

body {
  background: var(--rime-bg);
  color: var(--rime-fg);
}

a {
  color: var(--rime-blue); /* or var(--base0D) */
}

rime-frost

@import "rime-frost.css";

body {
  background: var(--rime-bg);
  color: var(--rime-fg);
}

a {
  color: var(--rime-blue); /* or var(--base0D) */
}

every color name is there as --rime-<name>, with _ written as -: --rime-bg-alt, --rime-fg-bright. the full list is on colors.