Merge pull request #323 from SELab-2/sidebar_topbar_ux

Sidebar topbar ux
SELab-2 · May 20, 2024 · e24dd07 · e24dd07
2 parents 81d94c6 + 2d3ecc2
commit e24dd07
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/frontend/src/assets/styles/mainpage.css b/frontend/src/assets/styles/mainpage.css
@@ -1,7 +1,9 @@
 :root {
     --sidebar-width: 80px;
-    --primary-dark: #6a74ce;
-    --primary-light: #9c9afd;
+    --primary-dark: #5f69cc;
+    --primary-light: #b2b1ff;
+    --primary-light-text: white;
+    --primary-dark-text: black;
 }
 
 .login-screen {
@@ -12,8 +14,10 @@
 .main-header {
     width: 100vw;
     height: var(--sidebar-width);
-    background-color: var(--primary-light);
+    background-color: var(--primary-dark);
     overflow: hidden;
+    color: var(--primary-light-text);
+    font-size: 30px;
 }
 
 .main-nav {
@@ -49,6 +53,7 @@
         a {
             transform: scale(1.5);
             font-size: 1em;
+            color: var(--primary-light-text);
         }
     }
 }

diff --git a/frontend/src/assets/styles/students_components.css b/frontend/src/assets/styles/students_components.css
@@ -44,12 +44,15 @@
 .deadline-head {
     background-color: var(--primary-dark);
     border-radius: 0.50rem 0.50rem 0 0;
+    color: var(--primary-light-text);
+    font-size: 20px;
 }
 
 .deadline-elements {
     height: 100%;
     overflow-y: auto;
     border-radius: 0 0 0.50rem 0.50rem;
+    color: var(--primary-dark-text);
 }
 
 .deadline-card {