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

Commit 02145ce

Browse files
authored
Merge pull request #19 from r0hit-gupta/color-palette-fix
Color palette fix
2 parents 587b17f + fdfe7fd commit 02145ce

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
@@ -38,32 +38,32 @@ $tc-white: #fff;
3838

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

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

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

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

6969
/* Yellow. */
@@ -75,25 +75,25 @@ $tc-yellow-10: #fffde5;
7575

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

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

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

@@ -103,13 +103,13 @@ $tc-silver-100: #d1d0cf;
103103

104104
$tc-bronze-130: #733d17;
105105
$tc-bronze-110: #854e29;
106-
$tc-bronze-100: #d98d64;
106+
$tc-bronze-100: #d98f64;
107107

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

114114
/* Color aliases. */
115115

0 commit comments

Comments
 (0)