From 43e1b1d4e80396391c18ef31211b1a554582a6af Mon Sep 17 00:00:00 2001
From: mariusz-sm <mariusz.smarz@gmail.com>
Date: Sun, 17 Jan 2021 19:57:20 +0100
Subject: [PATCH 1/3] Style button for first mode

---
 styles/App.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/styles/App.css b/styles/App.css
index 602441e..ed9406d 100644
--- a/styles/App.css
+++ b/styles/App.css
@@ -40,6 +40,11 @@ body {
     color: var(--optionBlue);
 }
 
+#whoIsThatPokemonOption {
+    background-color: var(--yellow);
+    color: var(--optionBlue);
+}
+
 .start-page {
     display: grid;
     padding: 1.5vh 5vw;

From a85bda984293e1b9cd185e60b467876f36c4a39c Mon Sep 17 00:00:00 2001
From: mariusz-sm <mariusz.smarz@gmail.com>
Date: Sun, 17 Jan 2021 20:50:42 +0100
Subject: [PATCH 2/3] Style button for default mode

---
 src/app/App.js | 13 +++++++++++++
 styles/App.css |  5 -----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/app/App.js b/src/app/App.js
index c92b55b..adcf90b 100644
--- a/src/app/App.js
+++ b/src/app/App.js
@@ -68,6 +68,19 @@ export const App = ({options}) => {
       }  
    });
 
+   // Change color of mode button
+   switch(SELECTED_MODE) {
+      case WHO_IS_THAT_POKEMON:
+         changeColorOfClickedButton('#whoIsThatPokemonOption');
+         break;
+      case WHAT_DOES_THIS_POKEMON_LOOK_LIKE:
+         changeColorOfClickedButton('#whatItLooksLikeOption');
+         break;
+      case WHO_IS_THAT_POKEMON_HARD_MODE:
+         changeColorOfClickedButton('#whoIsThatPokemonHardModeOption');
+         break;
+   }
+
    
    //input (disabled "play" button when input name is empty)
    const inputName = document.querySelector('#enterYourNameInput');
diff --git a/styles/App.css b/styles/App.css
index ed9406d..602441e 100644
--- a/styles/App.css
+++ b/styles/App.css
@@ -40,11 +40,6 @@ body {
     color: var(--optionBlue);
 }
 
-#whoIsThatPokemonOption {
-    background-color: var(--yellow);
-    color: var(--optionBlue);
-}
-
 .start-page {
     display: grid;
     padding: 1.5vh 5vw;

From dc33e492ba29eabf03c0785e04dd7387c57c87a7 Mon Sep 17 00:00:00 2001
From: mariusz-sm <mariusz.smarz@gmail.com>
Date: Sun, 17 Jan 2021 21:09:42 +0100
Subject: [PATCH 3/3] Add hover for mode buttons

---
 styles/App.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles/App.css b/styles/App.css
index 602441e..7db13ae 100644
--- a/styles/App.css
+++ b/styles/App.css
@@ -36,8 +36,8 @@ body {
 }
 
 .buttonWithText:hover {
-    background-color: var(--yellow);
-    color: var(--optionBlue);
+    background-color: var(--yellow) !important;
+    color: var(--optionBlue) !important;
 }
 
 .start-page {