1 files changed, 11 insertions, 4 deletions
diff --git a/FrontEnd/src/views/common/AppBar.css b/FrontEnd/src/views/common/AppBar.css
index 3ec4fa36..272a99ad 100644
--- a/FrontEnd/src/views/common/AppBar.css
+++ b/FrontEnd/src/views/common/AppBar.css
@@ -16,16 +16,18 @@
 }
 
 .app-bar a {
-  color: var(--cru-primary-t1-color);
+  color: var(--cru-primary-on-color);
   text-decoration: none;
   margin: 0 1em;
   transition: color 1s;
 }
+
 .app-bar a:hover {
-  color: var(--cru-primary-t-color);
+  color: var(--cru-primary-on-color);
 }
+
 .app-bar a.active {
-  color: var(--cru-primary-t-color);
+  color: var(--cru-primary-on-color);
 }
 
 .app-bar-brand {
@@ -65,22 +67,27 @@
   background-color: var(--cru-primary-color);
   flex-direction: column;
 }
+
 .small-screen .app-bar-main-area.app-bar-collapse {
   transform: scale(1, 0);
 }
+
 .small-screen .app-bar-main-area a {
   text-align: left;
   padding: 0.5em 0.5em;
 }
+
 .small-screen .app-bar-link-area {
   flex-direction: column;
   align-items: stretch;
 }
+
 .small-screen .app-bar-user-area {
   flex-direction: column;
   align-items: stretch;
   margin-left: unset;
 }
+
 .small-screen .app-bar-avatar {
   align-self: flex-end;
 }
@@ -92,4 +99,4 @@
   color: var(--cru-primary-t-color);
   cursor: pointer;
   user-select: none;
-}
+}
+\ No newline at end of file