reconfiguration of navbar

regarding the #106
amosproj · Jun 11, 2021 · bddda71 · bddda71
1 parent 85567d4
commit bddda71
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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;