add color scss variables

This commit is contained in:
Ray Elliott 2020-05-18 21:39:14 +01:00
parent bf00c06c25
commit 623b9a3b7f
2 changed files with 43 additions and 0 deletions

37
src/scss/_color.scss Normal file
View File

@ -0,0 +1,37 @@
$color__primary-900: #352892;
$color__primary-800: #423ca7;
$color__primary-700: #4947b3;
$color__primary-600: #5251bf;
$color__primary-500: #585aca;
$color__primary-400: #6f74d3;
$color__primary-300: #888fdb;
$color__primary-200: #aaafe6;
$color__primary-100: #cccef0;
$color__primary-50: #ebecf9;
$color__secondary: #788bff;
$color__tertiary: #3f3d56;
$color__accent-900: #00672e;
$color__accent-800: #00854c;
$color__accent-700: #00965a;
$color__accent-600: #00a76b;
$color__accent-500: #00b678;
$color__accent-400: #00c48b;
$color__accent-300: #00d39e;
$color__accent-200: #14e3ba;
$color__accent-100: #94eed5;
$color__accent-50: #d5f9f0;
$color__neutral-900: #0f1317;
$color__neutral-800: #2c3437;
$color__neutral-700: #454d50;
$color__neutral-600: #6d7477;
$color__neutral-500: #959c9e;
$color__neutral-400: #a8b0b1;
$color__neutral-300: #bcc4c5;
$color__neutral-200: #d0d7d8;
$color__neutral-100: #e4ebec;
$color__white: #ffffff;
$color__black: #05080c;

View File

@ -1,3 +1,5 @@
@import "color";
$bp-s: 576px;
$bp-m: 768px;
$bp-l: 992px;
@ -11,3 +13,7 @@ $bp-max-l: 991.98px;
$bp-max-xl: 1199.98px;
$column-max-width: 1140px;
$color-body: $color__neutral-700;
$background-color: $color__white;