branding.scss 1.49 KB
Newer Older
Sorin Curescu's avatar
Sorin Curescu committed
1
/* Primary colors variables. Shades generated at : http://mcg.mbitson.com/
2
   ========================================================================== */
3
/* brand color - green */
Sorin Curescu's avatar
Sorin Curescu committed
4
/* TODO: Add RGB Values */
5 6
$eos-bc-green-100: #e4f6ee; //rgb(228, 246, 238);
$eos-bc-green-500: #30ba78; //rgb(48, 186, 120);
7
$eos-bc-green-900: #139448; //rgb(23, 89, 57);
8

Cynthia Sanchez's avatar
Cynthia Sanchez committed
9
/* brand color - Pine */
10
$eos-bc-pine-500: #0c322c; //rgb(12, 50, 44);
11

12
/* brand color - cerulean */
13 14 15
$eos-bc-cerulean-100: #b3e8f6; //rgb(179, 232, 246);
$eos-bc-cerulean-500: #00b2e2; //rgb(0, 178, 226);
$eos-bc-cerulean-900: #008acf; //rgb(0, 138, 207);
16

17
/* brand color - red */
18 19 20
$eos-bc-red-100: #f5c2c7; //rgb(245, 194, 199);
$eos-bc-red-500: #dc3545; //rgb(220, 53, 69);
$eos-bc-red-900: #c5161f; //rgb(197, 22, 31);
21

22
/* brand color - yellow */
23 24 25
$eos-bc-yellow-100: #ffecb5; //rgb(255, 236, 181);
$eos-bc-yellow-500: #ffc107; //rgb(255, 193, 7);
$eos-bc-yellow-900: #ff9e02; //rgb(255, 158, 2);
26

27
/* brand color - gray */
Cynthia Sanchez's avatar
Cynthia Sanchez committed
28
$eos-bc-gray-50: #f2f2f2; //rgb(242, 242, 242);
29 30
$eos-bc-gray-100: #e0dfdf; //rgb(224, 223, 223);
$eos-bc-gray-300: #b6b4b4; //rgb(182, 180, 180);
Sorin Curescu's avatar
Sorin Curescu committed
31
$eos-bc-gray-500: #969494; //rgb(150, 148, 148);
Cynthia Sanchez's avatar
Cynthia Sanchez committed
32
$eos-bc-gray-700: #797777; //rgb(121, 119, 119);
Sorin Curescu's avatar
Sorin Curescu committed
33
$eos-bc-gray-900: #686565; //rgb(104, 101, 101);
34
$eos-bc-gray-1000: #141823; //rgb(20, 24, 35);
Sorin Curescu's avatar
Sorin Curescu committed
35

36
/* brand color - neutral */
Sorin Curescu's avatar
Sorin Curescu committed
37
$eos-bc-white: #ffffff; //rgb(255, 255, 255);
38 39 40 41 42 43

/* brand color - dark theme   */
$eos-bc-dt-gray-100: #2B2E38; //rgb(43, 46, 56);
$eos-bc-dt-gray-200: #1F222B; //rgb(31, 34, 43);