Skip to content

Instantly share code, notes, and snippets.

@sebastiano-guerriero
Last active August 17, 2018 13:49
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save sebastiano-guerriero/ffc0d8158fb4213f1f794919fbc3617e to your computer and use it in GitHub Desktop.
:root {
/* main colors */
--color-primary: #4D84F4;
--color-primary-light: color-mod(var(--color-primary) tint(15%));
--color-primary-dark: color-mod(var(--color-primary) shade(15%));
--color-primary-bg: color-mod(var(--color-primary) alpha(20%));
--color-accent: #f5414f;
--color-accent-light: color-mod(var(--color-accent) tint(15%));
--color-accent-dark: color-mod(var(--color-accent) shade(10%));
--color-accent-bg: color-mod(var(--color-accent) alpha(20%));
// shades - generated using chroma.js - 12 steps
--black: #1d1d21;
--gray-10: #2e2e31;
--gray-6: #7b7a7d;
--gray-4: #a5a5a6;
--gray-3: #bbbbbc;
--gray-2: #d1d0d2;
--gray-1: #e8e7e8;
--white: white;
/* feedback */
--color-success: #88c459;
--color-error: #f5414f;
--color-warning: #ffd137;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment