From 38d54a060b163b823186786dfdaa3811364fde15 Mon Sep 17 00:00:00 2001
From: MariaGitCodeHere <42463574+MariaGitCodeHere@users.noreply.github.com>
Date: Tue, 28 Dec 2021 19:52:58 +0100
Subject: [PATCH 1/3] Update three colors

Change three colors for easy on the eyes (App.js, CategoryFilter.js, ReferenceItem.js).
---
 src/App.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index c98cff5..1a0e83e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -33,7 +33,7 @@ class App extends Component {
             React Cheat Sheet{" "}
             <small
               className={cxs({
-                color: "#6a7884",
+                color: "#3e4750",
                 fontSize: ".5em",
               })}
             >

From e339e6a816551c184ece8b9c94018dcb987ba1aa Mon Sep 17 00:00:00 2001
From: MariaGitCodeHere <42463574+MariaGitCodeHere@users.noreply.github.com>
Date: Tue, 28 Dec 2021 19:58:19 +0100
Subject: [PATCH 2/3] Updating three colors (CategoryFilter.js)

Change three colors for easy on the eyes (App.js, CategoryFilter.js, ReferenceItem.js).
---
 src/components/CategoryFilter.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CategoryFilter.js b/src/components/CategoryFilter.js
index 5ce6f96..35083b7 100644
--- a/src/components/CategoryFilter.js
+++ b/src/components/CategoryFilter.js
@@ -11,7 +11,7 @@ class CategoryFilter extends Component {
           marginRight: ".5rem",
           marginTop: ".5rem",
           borderRadius: "2px",
-          backgroundColor: active ? "#ffd43b" : "#868e96",
+          backgroundColor: active ? "#ffd43b" : "#b0b6bd",
           fontWeight: "500",
           color: "#fff",
           fontSize: "1em",

From 388f589e67a2617c09309fbd6fd7130ed4aea450 Mon Sep 17 00:00:00 2001
From: MariaGitCodeHere <42463574+MariaGitCodeHere@users.noreply.github.com>
Date: Tue, 28 Dec 2021 19:59:21 +0100
Subject: [PATCH 3/3] Updating three colors (ReferenceItem.js)

Change three colors for easy on the eyes (App.js, CategoryFilter.js, ReferenceItem.js).
---
 src/components/ReferenceItem.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ReferenceItem.js b/src/components/ReferenceItem.js
index 5cd67ca..00a63ff 100644
--- a/src/components/ReferenceItem.js
+++ b/src/components/ReferenceItem.js
@@ -82,7 +82,7 @@ const ReferenceItem = ({
           padding: "1rem",
           margin: "1rem 0",
           borderRadius: "2px",
-          backgroundColor: "#212529",
+          backgroundColor: "#39424a",
           color: "#fff",
           position: "relative",
           overflowX: "auto",