diff --git a/frontend/src/assets/styles/mainpage.css b/frontend/src/assets/styles/mainpage.css
index b072c8b3..01c2726f 100644
--- a/frontend/src/assets/styles/mainpage.css
+++ b/frontend/src/assets/styles/mainpage.css
@@ -2,6 +2,8 @@
     --sidebar-width: 80px;
     --primary-dark: #5f69cc;
     --primary-light: #b2b1ff;
+    --primary-light-text: white;
+    --primary-dark-text: black;
 }
 
 .login-screen {
@@ -14,7 +16,7 @@
     height: var(--sidebar-width);
     background-color: var(--primary-dark);
     overflow: hidden;
-    color: white;
+    color: var(--primary-light-text);
     font-size: 30px;
 }
 
@@ -51,7 +53,7 @@
         a {
             transform: scale(1.5);
             font-size: 1em;
-            color: white;
+            color: var(--primary-light-text);
         }
     }
 }
diff --git a/frontend/src/assets/styles/students_components.css b/frontend/src/assets/styles/students_components.css
index 634d5b36..87e0fc9a 100644
--- 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 {