From bddda71be1e3972b4577754c2e655ace69782c4e Mon Sep 17 00:00:00 2001
From: Irem Toroslu <irem.toroslu@fau.de>
Date: Fri, 11 Jun 2021 02:18:30 +0200
Subject: [PATCH] reconfiguration of navbar

regarding the #106
---
 frontend/src/components/details/ColumnChartComponent.jsx | 2 +-
 frontend/src/components/details/navbar.css               | 9 +++++----
 frontend/src/theme.css                                   | 1 +
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/details/ColumnChartComponent.jsx b/frontend/src/components/details/ColumnChartComponent.jsx
index 2f0690b3..e5007b71 100644
--- a/frontend/src/components/details/ColumnChartComponent.jsx
+++ b/frontend/src/components/details/ColumnChartComponent.jsx
@@ -44,7 +44,7 @@ const ColumnChartComponent = () => {
             offsetY: -20,
             style: {
                 fontSize: '12px',
-                colors: ['#304758']
+                colors: ['#21C0FF']
             }
         },
         yaxis: {
diff --git a/frontend/src/components/details/navbar.css b/frontend/src/components/details/navbar.css
index 38f2aa55..7c6e3522 100644
--- a/frontend/src/components/details/navbar.css
+++ b/frontend/src/components/details/navbar.css
@@ -5,13 +5,13 @@
     height: 80px;
     padding-top:5px;
     color:  #1B1534;
-    border: 3px solid var(--global--button--color);
+    /* border: 3px solid var(--global--button--color); */
     /* background-color: var(--global--panel--color); */
 }
 
 /* -webkit-radial-gradient(  bottom right, #4D217A,#1B1534 ); */
 :root{
-    --global--button--color:#1B1534;
+    --global--button--color:#E6E6E6;
     --global--panel-title--FontSize: 22px;
     --global--text-subtitle--FontSize: 19px;
 }
@@ -21,7 +21,7 @@
     float: left;
     padding: 12px;
     /* color: var(--global--panel--color); */
-    background-color:#14DA79 ;
+    background-color:var(--global--button--color) ;
     text-decoration: none;
     font-size: 20px;
     width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
@@ -33,7 +33,7 @@
 .navbar b {
     float: left;
     padding: 12px;
-    background-color:#FFFFFF;
+    background-color:var(--global--button--color);
     /* color: var(--global--panel--color); */
     text-decoration: none;
     font-size: 22px;
@@ -50,3 +50,4 @@
         text-align: left; /* If you want the text to be left-aligned on small screens */
     }
 }
+
diff --git a/frontend/src/theme.css b/frontend/src/theme.css
index 1bce0613..27133014 100644
--- a/frontend/src/theme.css
+++ b/frontend/src/theme.css
@@ -15,6 +15,7 @@
     --global--sidebar--title--color: #f0f0f0;
     --global--panel--title--color: #38206a;
     --global--Sidebar--hover--color:#A54BF7;
+    --global--columnchart--color:#21C0FF;
 
     /* --global--text and title--fontsizes */
     --global--header-title--FontSize: 24px;