From 56ed83d9f66e4f65c4a3c892fee75dad612367ae Mon Sep 17 00:00:00 2001
From: Maciej Caderek <maciej.caderek@gmail.com>
Date: Tue, 8 Feb 2022 00:07:20 +0100
Subject: [PATCH] WIP

---
 src/ui/app.css                 |  4 ++--
 src/ui/components/gameTabs.css | 24 ++++++++++++++++++------
 src/ui/components/load.css     |  3 ++-
 src/ui/components/moves.css    |  3 ++-
 4 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/ui/app.css b/src/ui/app.css
index 85310a6..dfbfd86 100644
--- a/src/ui/app.css
+++ b/src/ui/app.css
@@ -23,13 +23,13 @@ body {
 
 .dark {
   background-color: #191d24;
-  background-image: url(src/ui/img/pattern.png);
+  /* background-image: url(src/ui/img/pattern.png); */
   color: #ddd;
 }
 
 .light {
   background-color: #cfcfcf;
-  background-image: url(src/ui/img/pattern-light.png);
+  /* background-image: url(src/ui/img/pattern-light.png); */
   color: #222;
 }
 
diff --git a/src/ui/components/gameTabs.css b/src/ui/components/gameTabs.css
index c3aeb5a..6e2e8a3 100644
--- a/src/ui/components/gameTabs.css
+++ b/src/ui/components/gameTabs.css
@@ -1,23 +1,35 @@
 .game-tabs {
-  margin: 10px;
+  margin: 20px;
   /* height: 100%; */
 }
 
 .game-tabs__btn {
-  width: 50%;
-  background: #2a2c38;
+  width: 48%;
+  background: rgb(0, 173, 136);
+  color: #0e0e13;
   padding: 10px;
   font-family: Ubuntu;
   font-size: 1.5rem;
-  color: rgb(0, 207, 162);
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   cursor: pointer;
 }
 
+.game-tabs__btn:hover {
+  background: rgb(0, 207, 162);
+}
+
 .game-tabs__btn--active {
   width: 50%;
-  background: #13141a;
-  color: rgb(0, 173, 136);
+  background: #0e0e13;
+  color: #aaa;
   cursor: default;
 }
+
+.game-tabs__btn--active:hover {
+  background: #0e0e13;
+}
+
+.game-tabs__btn:nth-child(1) {
+  margin-right: 2%;
+}
diff --git a/src/ui/components/load.css b/src/ui/components/load.css
index 8854fff..0f6fb89 100644
--- a/src/ui/components/load.css
+++ b/src/ui/components/load.css
@@ -1,5 +1,6 @@
 .load {
-  background: #13141a;
+  background: #0e0e13;
+  /* background: #13141a; */
   padding: 20px;
 }
 
diff --git a/src/ui/components/moves.css b/src/ui/components/moves.css
index 3289f75..6345a17 100644
--- a/src/ui/components/moves.css
+++ b/src/ui/components/moves.css
@@ -1,5 +1,5 @@
 .moves {
-  background: #13141a;
+  background: #0e0e13;
   font-size: 1.4rem;
   font-family: "Fira Mono";
   text-align: left;
@@ -15,6 +15,7 @@
   width: 40px;
   text-align: right;
   margin-right: 10px;
+  color: #aaa;
 }
 
 .move__ply {