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

Commit f38ec2f

Browse files
committed
Update of color palette
Fix for topcoder-platform/community-app#1130
1 parent 00d6a03 commit f38ec2f

File tree

3 files changed

+37
-36
lines changed

3 files changed

+37
-36
lines changed

package-lock.json

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
"lint:scss": "./node_modules/.bin/stylelint **/*.scss --syntax scss",
3333
"test": "npm run lint && npm run jest"
3434
},
35-
"version": "0.5.0",
35+
"version": "0.5.1",
3636
"dependencies": {
3737
"react": "^16.4.1",
3838
"react-css-super-themr": "^2.2.0",

src/styles/_mixins/variables.scss

+35-34
Original file line numberDiff line numberDiff line change
@@ -20,16 +20,17 @@ $corner-radius: 2px;
2020
*/
2121

2222
/* 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;
3334
$tc-gray-neutral-dark: #ebebeb;
3435
$tc-gray-neutral-light: #fafafb;
3536
$tc-white: #fff;
@@ -42,24 +43,24 @@ $tc-dark-blue-30: #cee6ff;
4243
$tc-dark-blue-10: #f4f9ff;
4344

4445
/* 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;
4950
$tc-light-blue-10: #e9f6fc;
5051

5152
/* 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;
5657
$tc-orange-10: #fff0eb;
5758

5859
/* Red - used for warnings/ */
5960
$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;
6364
$tc-red-10: #fff4f4;
6465

6566
/* Yellow. */
@@ -70,17 +71,17 @@ $tc-yellow-30: #fff8ca;
7071
$tc-yellow-10: #fffde5;
7172

7273
/* 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;
7879

7980
/* 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;
8485
$tc-purple-10: #f8f2fb;
8586

8687
/* TC Metal colors - Badges.
@@ -101,10 +102,10 @@ $tc-bronze-110: #854e29;
101102
$tc-bronze-100: #d98d64;
102103

103104
/* 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;
108109

109110
/* Color aliases. */
110111

0 commit comments

Comments
 (0)