Skip to content

Instantly share code, notes, and snippets.

@jamesslock
Created June 28, 2016 15:01
Show Gist options
  • Save jamesslock/dd63a0a57c51657695cd98469711aacd to your computer and use it in GitHub Desktop.
Save jamesslock/dd63a0a57c51657695cd98469711aacd to your computer and use it in GitHub Desktop.
/***** Color Variables *****/
:root {
/* Base Colors */
--colorGreen: #95d06d;
--colorRed: #d06d6d;
--colorBlue: #41c1c8;
--colorBlueDark: #00587f;
--colorOrange: #f7931d;
--colorYellow: #d0ca6d;
--colorGray: #979797;
--colorGrayDark: #2F2F2F;
--colorGrayLight: #e7e7e7;
--colorGrayLightest: #FAFAFA;
/* Social Colors */
--colorFacebook: #3b5998;
--colorTwitter: #55ACEE;
--colorGoogle: #d14836;
/* Named Colors */
--colorPrimary: var(--colorBlue);
--colorSecondary: var(--colorBlueDark);
--colorTertiary: var(--colorOrange);
--colorPositive: var(--colorGreen);
--colorNegative: var(--colorRed);
/* Background Colors */
--colorBackground: var(--colorGrayLightest);
/* Font Colors */
--colorFont: var(--colorGray);
--colorFontHeading: var(--colorGrayDark);
--colorFontAccent: var(--colorBlue);
/* Link Colors */
--colorLink: var(--colorBlue);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment