branding.scss 1.7 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: #0e7e3c; //rgb(14, 126, 60);
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
28
29
30
/* brand color - blue */
$eos-bc-blue-500: #2453ff; //rgb(36,83,255);

/* brand color - Persimmon */
richa's avatar
richa committed
31
$eos-bc-persimmon-500: #fe7c3f; //rgb(254,124,63);
32

33
/* brand color - gray */
Cynthia Sanchez's avatar
Cynthia Sanchez committed
34
$eos-bc-gray-50: #f2f2f2; //rgb(242, 242, 242);
35
36
$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
37
$eos-bc-gray-500: #969494; //rgb(150, 148, 148);
38
$eos-bc-gray-700: #757575; //rgb(117, 117, 117);
Sorin Curescu's avatar
Sorin Curescu committed
39
$eos-bc-gray-900: #686565; //rgb(104, 101, 101);
40
$eos-bc-gray-1000: #141823; //rgb(20, 24, 35);
Sorin Curescu's avatar
Sorin Curescu committed
41

42
/* brand color - neutral */
43
$eos-bc-white: #fff; //rgb(255, 255, 255);
44
45

/* brand color - dark theme   */
46
47
$eos-bc-dt-gray-100: #2b2e38; //rgb(43, 46, 56);
$eos-bc-dt-gray-200: #1f222b; //rgb(31, 34, 43);
Sorin Curescu's avatar
Sorin Curescu committed
48
49

/* brand color - branding */
50
$eos-bc-waterhole-blue: #2453ff;