Skip to content

Instantly share code, notes, and snippets.

@jonheslop
Created November 19, 2020 09:44
Show Gist options
  • Save jonheslop/785c5c8a63985776a92da826c00fce5f to your computer and use it in GitHub Desktop.
Save jonheslop/785c5c8a63985776a92da826c00fce5f to your computer and use it in GitHub Desktop.
:root {
/* Darks */
--black-light: var(--steel);
--black: #262d4d;
--black-dark: #2b2c3c;
--steel: #363b59;
--slate: #596080;
--silver: #a3aacc;
/* Tints */
--smoke-light: #dfe3f7;
--smoke: #d6daed;
--smoke-dark: #cfd3e6;
--snow-light: #f7f8ff;
--snow: #edeffa;
--snow-dark: #e4e7f7;
/* Brand colours */
--eggplant: #300d4f;
--channels: #6a52ff;
--chatkit: #ff8473;
--beams: #2ae9aa;
/* Primary action */
--dragonfruit-wash: #f5eefb;
--dragonfruit-light: #db07eb;
--dragonfruit: #8731d2;
--dragonfruit-dark: #b000bd;
/* Neutral highlight */
--starflower-wash: #d9ecff;
--starflower-light: #1ab2ff;
--starflower: #0074e8;
--starflower-dark: #0a67c4;
/* Positive highlight */
--kale-wash: #cef2ef;
--kale-light: #00bfaf;
--kale: #00998c;
--kale-dark: #007373;
/* Warning highlight */
--pumpkin-wash: #fff0e6;
--pumpkin-light: #ff8c1a;
--pumpkin: #e56000;
--pumpkin-dark: #c93200;
/* Error highlight */
--radish-wash: #ffe6ee;
--radish-light: #ff4080;
--radish: #d9215e;
--radish-dark: #b2123a;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment