From 5a7fe0b84dd4c98044712c3e8446661a829fb848 Mon Sep 17 00:00:00 2001
From: Chika <djchikalkin@gmail.com>
Date: Thu, 16 Dec 2021 10:56:19 +0300
Subject: [PATCH] UIKit: move main colors to .env

---
 .env                       |  3 +++
 .gitignore                 |  2 --
 package.json               |  3 ++-
 src/client/UIKit/colors.js | 33 +++------------------------------
 4 files changed, 8 insertions(+), 33 deletions(-)
 create mode 100644 .env

diff --git a/.env b/.env
new file mode 100644
index 0000000..49a893b
--- /dev/null
+++ b/.env
@@ -0,0 +1,3 @@
+REACT_APP_COLOR_PRIMARY=#BF3676
+REACT_APP_COLOR_SECONDARY=#FD4047
+REACT_APP_COLOR_TERTIARTY=#FF9112
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index af3f2e0..0f6157b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,8 +13,6 @@
 
 # misc
 .DS_Store
-.env
-.env.development
 
 npm-debug.log*
 yarn-debug.log*
diff --git a/package.json b/package.json
index de1b9de..de3ac79 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
     "@types/uuid": "^8.3.0",
     "commitizen": "^4.2.3",
     "cz-conventional-changelog": "^3.3.0",
+    "dotenv-cli": "^4.1.1",
     "source-map-explorer": "^2.5.2"
   },
   "resolutions": {
@@ -61,7 +62,7 @@
   "scripts": {
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "start": "craco start",
+    "start": "dotenv -e .env craco start",
     "build": "craco build",
     "eslint": "eslint ./src",
     "eslint:fix": "eslint ./src --fix",
diff --git a/src/client/UIKit/colors.js b/src/client/UIKit/colors.js
index 429d011..34c95d2 100644
--- a/src/client/UIKit/colors.js
+++ b/src/client/UIKit/colors.js
@@ -1,6 +1,3 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable no-undef */
-
 const colors = {
   BLACK: {
     0: '#000000',
@@ -21,36 +18,12 @@ const colors = {
     400: '#B6B6B6',
     500: '#A4A4A4',
   },
-
-  BLUE: {
-    0: '#1C01A9',
-    100: '#1B019B',
-    200: '#190190',
-    300: '#160184',
-    400: '#140178',
-    500: '#12016C',
-  },
-
-  PURPLE: {
-    0: '#300191',
-    100: '#3A0185',
-    200: '#440179',
-    300: '#4E016D',
-    400: '#580161',
-    500: '#620256',
-  },
 };
 
 const colorTheme = {
-  primary: process.env.REACT_APP_PRODUCTION
-    ? colors.BLUE[0]
-    : colors.PURPLE[300],
-  secondary: process.env.REACT_APP_PRODUCTION
-    ? colors.PURPLE[100]
-    : colors.PURPLE[400],
-  tertiary: process.env.REACT_APP_PRODUCTION
-    ? colors.PURPLE[400]
-    : colors.PURPLE[0],
+  primary: process.env.REACT_APP_COLOR_PRIMARY,
+  secondary: process.env.REACT_APP_COLOR_SECONDARY,
+  tertiary: process.env.REACT_APP_COLOR_TERTIARTY,
 };
 
 module.exports = Object.assign(colors, colorTheme);