@@ -20,16 +20,17 @@ $corner-radius: 2px;
20
20
*/
21
21
22
22
/* Grayscale colors. */
23
- $tc-black : #262628 ;
24
- $tc-gray-90 : #37373c ;
25
- $tc-gray-80 : #47474f ;
26
- $tc-gray-70 : #5d5d66 ;
27
- $tc-gray-60 : #747480 ;
28
- $tc-gray-50 : #888894 ;
29
- $tc-gray-40 : #a3a3ad ;
30
- $tc-gray-30 : #c3c3c8 ;
31
- $tc-gray-20 : #dcdce0 ;
32
- $tc-gray-10 : #ededf2 ;
23
+ $tc-black : #151516 ;
24
+ $tc-gray-90 : #2a2a2b ;
25
+ $tc-gray-80 : #404041 ;
26
+ $tc-gray-70 : #555 ;
27
+ $tc-gray-60 : #6b6b6b ;
28
+ $tc-gray-50 : #808080 ;
29
+ $tc-gray-40 : #959596 ;
30
+ $tc-gray-30 : #aaaaab ;
31
+ $tc-gray-20 : #c0c0c0 ;
32
+ $tc-gray-10 : #d5d5d5 ;
33
+ $tc-gray-05 : #e0e0e0 ;
33
34
$tc-gray-neutral-dark : #ebebeb ;
34
35
$tc-gray-neutral-light : #fafafb ;
35
36
$tc-white : #fff ;
@@ -42,24 +43,24 @@ $tc-dark-blue-30: #cee6ff;
42
43
$tc-dark-blue-10 : #f4f9ff ;
43
44
44
45
/* Light Blue - design color code. */
45
- $tc-light-blue-110 : #009ddc ;
46
- $tc-light-blue-100 : #15acec ;
47
- $tc-light-blue-70 : #63c4f1 ;
48
- $tc-light-blue-30 : #bce6f9 ;
46
+ $tc-light-blue-110 : #169ed9 ;
47
+ $tc-light-blue-100 : #26ade9 ;
48
+ $tc-light-blue-70 : #67c5ef ;
49
+ $tc-light-blue-30 : #bde6f8 ;
49
50
$tc-light-blue-10 : #e9f6fc ;
50
51
51
52
/* Warm Orange - data science color code. */
52
- $tc-orange-110 : #f46500 ;
53
- $tc-orange-100 : #fd7d00 ;
54
- $tc-orange-70 : #ffa45d ;
55
- $tc-orange-30 : #ffe3cf ;
53
+ $tc-orange-110 : #f26500 ;
54
+ $tc-orange-100 : #fb7d22 ;
55
+ $tc-orange-70 : #fda464 ;
56
+ $tc-orange-30 : #fee3d0 ;
56
57
$tc-orange-10 : #fff0eb ;
57
58
58
59
/* Red - used for warnings/ */
59
60
$tc-red-110 : #ea1900 ;
60
- $tc-red-100 : #f52c14 ;
61
- $tc-red-70 : #ff5a4c ;
62
- $tc-red-30 : #ffd4d0 ;
61
+ $tc-red-100 : #f22f24 ;
62
+ $tc-red-70 : #ff5b52 ;
63
+ $tc-red-30 : #ffd4d1 ;
63
64
$tc-red-10 : #fff4f4 ;
64
65
65
66
/* Yellow. */
@@ -70,17 +71,17 @@ $tc-yellow-30: #fff8ca;
70
71
$tc-yellow-10 : #fffde5 ;
71
72
72
73
/* Greens - development color code. */
73
- $tc-green-110 : #51b200 ;
74
- $tc-green-100 : #5cc900 ;
75
- $tc-green-70 : #94db4e ;
76
- $tc-green-30 : #cef0af ;
77
- $tc-green-10 : #effae4 ;
74
+ $tc-green-110 : #55b000 ;
75
+ $tc-green-100 : #60c700 ;
76
+ $tc-green-70 : #96d957 ;
77
+ $tc-green-30 : #cfefb2 ;
78
+ $tc-green-10 : #effae5 ;
78
79
79
80
/* Purples. */
80
- $tc-purple-110 : #753488 ;
81
- $tc-purple-100 : #914da5 ;
82
- $tc-purple-70 : #b57ad8 ;
83
- $tc-purple-30 : #e2c6f3 ;
81
+ $tc-purple-110 : #9050a3 ;
82
+ $tc-purple-100 : #9050a3 ;
83
+ $tc-purple-70 : #b47dd6 ;
84
+ $tc-purple-30 : #e2c7f2 ;
84
85
$tc-purple-10 : #f8f2fb ;
85
86
86
87
/* TC Metal colors - Badges.
@@ -101,10 +102,10 @@ $tc-bronze-110: #854e29;
101
102
$tc-bronze-100 : #d98d64 ;
102
103
103
104
/* Pastel colors, used for levels. */
104
- $tc-pastel-green : #12c188 ;
105
- $tc-pastel-blue : #6569ff ;
106
- $tc-pastel-yellow : #feb900 ;
107
- $tc-pastel-crimson : #e90c5a ;
105
+ $tc-pastel-green : #25c089 ;
106
+ $tc-pastel-blue : #666eff ;
107
+ $tc-pastel-yellow : #fcb816 ;
108
+ $tc-pastel-crimson : #e6175c ;
108
109
109
110
/* Color aliases. */
110
111
0 commit comments