Skip to content
This repository was archived by the owner on Mar 13, 2025. It is now read-only.

Commit e22283a

Browse files
committed
update colors
1 parent 075802c commit e22283a

File tree

1 file changed

+27
-27
lines changed

1 file changed

+27
-27
lines changed

Diff for: src/styles/_mixins/variables.scss

+27-27
Original file line numberDiff line numberDiff line change
@@ -37,32 +37,32 @@ $tc-gray-neutral-light: #fafafb;
3737
$tc-white: #fff;
3838

3939
/* Accents & Shades. */
40-
$tc-dark-blue-110: #006dea;
40+
$tc-dark-blue-110: #006ad7;
4141
$tc-dark-blue-105: #006feb;
4242
$tc-dark-blue-100: #0681ff;
4343
$tc-dark-blue-70: #55a5ff;
4444
$tc-dark-blue-30: #cee6ff;
4545
$tc-dark-blue-10: #f4f9ff;
4646

4747
/* Light Blue - design color code. */
48-
$tc-light-blue-110: #169ed9;
49-
$tc-light-blue-100: #26ade9;
50-
$tc-light-blue-70: #67c5ef;
51-
$tc-light-blue-30: #bde6f8;
48+
$tc-light-blue-110: #009ddc;
49+
$tc-light-blue-100: #15acec;
50+
$tc-light-blue-70: #63c4f1;
51+
$tc-light-blue-30: #bce6f9;
5252
$tc-light-blue-10: #e9f6fc;
5353

5454
/* Warm Orange - data science color code. */
55-
$tc-orange-110: #f26500;
56-
$tc-orange-100: #fb7d22;
57-
$tc-orange-70: #fda464;
58-
$tc-orange-30: #fee3d0;
55+
$tc-orange-110: #ba4c00;
56+
$tc-orange-100: #fd7d00;
57+
$tc-orange-70: #ffa45d;
58+
$tc-orange-30: #ffe3cf;
5959
$tc-orange-10: #fff0eb;
6060

6161
/* Red - used for warnings/ */
6262
$tc-red-110: #ea1900;
63-
$tc-red-100: #f22f24;
64-
$tc-red-70: #ff5b52;
65-
$tc-red-30: #ffd4d1;
63+
$tc-red-100: #f52c14;
64+
$tc-red-70: #ff5a4c;
65+
$tc-red-30: #ffd4d0;
6666
$tc-red-10: #fff4f4;
6767

6868
/* Yellow. */
@@ -74,25 +74,25 @@ $tc-yellow-10: #fffde5;
7474

7575
/* Greens - development color code. */
7676
$tc-green-120: #328732;
77-
$tc-green-110: #55b000;
78-
$tc-green-100: #60c700;
79-
$tc-green-70: #96d957;
80-
$tc-green-30: #cfefb2;
81-
$tc-green-10: #effae5;
77+
$tc-green-110: #258025;
78+
$tc-green-100: #5cc900;
79+
$tc-green-70: #94db4e;
80+
$tc-green-30: #cef0af;
81+
$tc-green-10: #effae4;
8282

8383
/* Purples. */
84-
$tc-purple-110: #9050a3;
85-
$tc-purple-100: #9050a3;
86-
$tc-purple-70: #b47dd6;
87-
$tc-purple-30: #e2c7f2;
84+
$tc-purple-110: #753488;
85+
$tc-purple-100: #914da5;
86+
$tc-purple-70: #b57ad8;
87+
$tc-purple-30: #e2c6f3;
8888
$tc-purple-10: #f8f2fb;
8989

9090
/* TC Metal colors - Badges.
9191
*
9292
* For metals the level 100 is the base metal color; 110 is for text inside
9393
* the metal-colored areas; and 130 is for small text inside metal-colored
9494
* areas, for better visibility. */
95-
$tc-gold-130: #865e07;
95+
$tc-gold-130: #9a6d00;
9696
$tc-gold-110: #c99014;
9797
$tc-gold-100: #ffd84d;
9898

@@ -102,13 +102,13 @@ $tc-silver-100: #d1d0cf;
102102

103103
$tc-bronze-130: #733d17;
104104
$tc-bronze-110: #854e29;
105-
$tc-bronze-100: #d98d64;
105+
$tc-bronze-100: #d98f64;
106106

107107
/* Pastel colors, used for levels. */
108-
$tc-pastel-green: #25c089;
109-
$tc-pastel-blue: #666eff;
110-
$tc-pastel-yellow: #fcb816;
111-
$tc-pastel-crimson: #e6175c;
108+
$tc-pastel-green: #12c188;
109+
$tc-pastel-blue: #5656f4;
110+
$tc-pastel-yellow: #feb900;
111+
$tc-pastel-crimson: #e90c5a;
112112

113113
/* Color aliases. */
114114

0 commit comments

Comments
 (0)