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

Commit a5f5c72

Browse files
committed
Updates color pallete
According to topcoder-platform/community-app#784
1 parent 3c84757 commit a5f5c72

File tree

3 files changed

+38
-38
lines changed

3 files changed

+38
-38
lines changed

package-lock.json

Lines changed: 12 additions & 12 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,12 +31,12 @@
3131
"prepublishOnly": "npm run build",
3232
"test": "npm run lint && npm run jest"
3333
},
34-
"version": "0.2.0",
34+
"version": "0.2.1",
3535
"dependencies": {
3636
"babel-jest": "^22.1.0",
3737
"react": "^16.2.0",
3838
"react-css-super-themr": "^2.2.0",
39-
"topcoder-react-utils": "^0.1.4"
39+
"topcoder-react-utils": "^0.2.2"
4040
},
4141
"devDependencies": {
4242
"autoprefixer": "^7.2.5",

src/styles/_mixins/variables.scss

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -42,24 +42,24 @@ $tc-dark-blue-30: #cee6ff;
4242
$tc-dark-blue-10: #f4f9ff;
4343

4444
/* Light Blue - design color code. */
45-
$tc-light-blue-110: #169ed9;
46-
$tc-light-blue-100: #26ade9;
47-
$tc-light-blue-70: #67c5ef;
48-
$tc-light-blue-30: #bde6f8;
45+
$tc-light-blue-110: #009ddc;
46+
$tc-light-blue-100: #15acec;
47+
$tc-light-blue-70: #63c4f1;
48+
$tc-light-blue-30: #bce6f9;
4949
$tc-light-blue-10: #e9f6fc;
5050

5151
/* Warm Orange - data science color code. */
52-
$tc-orange-110: #f26500;
53-
$tc-orange-100: #fb7d22;
54-
$tc-orange-70: #fda464;
55-
$tc-orange-30: #fee3d0;
52+
$tc-orange-110: #f46500;
53+
$tc-orange-100: #fd7d00;
54+
$tc-orange-70: #ffa45d;
55+
$tc-orange-30: #ffe3cf;
5656
$tc-orange-10: #fff0eb;
5757

5858
/* Red - used for warnings/ */
5959
$tc-red-110: #ea1900;
60-
$tc-red-100: #f22f24;
61-
$tc-red-70: #ff5b52;
62-
$tc-red-30: #ffd4d1;
60+
$tc-red-100: #f52c14;
61+
$tc-red-70: #ff5a4c;
62+
$tc-red-30: #ffd4d0;
6363
$tc-red-10: #fff4f4;
6464

6565
/* Yellow. */
@@ -70,17 +70,17 @@ $tc-yellow-30: #fff8ca;
7070
$tc-yellow-10: #fffde5;
7171

7272
/* Greens - development color code. */
73-
$tc-green-110: #55b000;
74-
$tc-green-100: #60c700;
75-
$tc-green-70: #96d957;
76-
$tc-green-30: #cfefb2;
77-
$tc-green-10: #effae5;
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;
7878

7979
/* Purples. */
80-
$tc-purple-110: #9050a3;
81-
$tc-purple-100: #9050a3;
82-
$tc-purple-70: #b47dd6;
83-
$tc-purple-30: #e2c7f2;
80+
$tc-purple-110: #753488;
81+
$tc-purple-100: #914da5;
82+
$tc-purple-70: #b57ad8;
83+
$tc-purple-30: #e2c6f3;
8484
$tc-purple-10: #f8f2fb;
8585

8686
/* TC Metal colors - Badges.
@@ -101,10 +101,10 @@ $tc-bronze-110: #854e29;
101101
$tc-bronze-100: #d98d64;
102102

103103
/* Pastel colors, used for levels. */
104-
$tc-pastel-green: #25c089;
105-
$tc-pastel-blue: #666eff;
106-
$tc-pastel-yellow: #fcb816;
107-
$tc-pastel-crimson: #e6175c;
104+
$tc-pastel-green: #12c188;
105+
$tc-pastel-blue: #6569ff;
106+
$tc-pastel-yellow: #feb900;
107+
$tc-pastel-crimson: #e90c5a;
108108

109109
/* Color aliases. */
110110

0 commit comments

Comments
 (0)