From d40cc28c529cf6ff63a37ab0a2ee667dc739faf4 Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Fri, 8 Jun 2018 19:10:28 +0300
Subject: [PATCH] change colors

---
 react/public/index.html            | 2 +-
 react/public/manifest.json         | 4 ++--
 react/src/components/App.css       | 2 +-
 react/src/containers/FilterLink.js | 1 +
 4 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/react/public/index.html b/react/public/index.html
index 5c2deab..489d6c7 100644
--- a/react/public/index.html
+++ b/react/public/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <meta name="theme-color" content="#000000">
+  <meta name="theme-color" content="#4ba6fa">
   <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
diff --git a/react/public/manifest.json b/react/public/manifest.json
index a655045..f8b5db3 100644
--- a/react/public/manifest.json
+++ b/react/public/manifest.json
@@ -10,6 +10,6 @@
   ],
   "start_url": "./",
   "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
+  "theme_color": "#4ba6fa",
+  "background_color": "#fbfbfb"
 }
diff --git a/react/src/components/App.css b/react/src/components/App.css
index 6888123..d691fb0 100644
--- a/react/src/components/App.css
+++ b/react/src/components/App.css
@@ -194,6 +194,6 @@ textarea.todo--input {
 }
 
 .filter--active {
-  font-weight: 400;
+  font-weight: 500;
   color: black;
 }
diff --git a/react/src/containers/FilterLink.js b/react/src/containers/FilterLink.js
index 6ace1db..238bedd 100644
--- a/react/src/containers/FilterLink.js
+++ b/react/src/containers/FilterLink.js
@@ -14,6 +14,7 @@ function Link({ active, onClick, children }) {
       style={{
         margin: '0 0.2rem',
         padding: '1rem 0.3rem',
+        color: active ? 'black' : '#444444',
         borderRadius: '7px',
       }}
       className={classes.join(' ')}
