diff --git a/src/components/app/app.scss b/src/components/app/app.scss
index 7383be0..0e04fb5 100644
--- a/src/components/app/app.scss
+++ b/src/components/app/app.scss
@@ -10,4 +10,5 @@
 .theme-default
 {
     --unread: #ff6c00;
+    --main: #0c6dad;
 }
diff --git a/src/pages/overall/overall-course/overall-course.scss b/src/pages/overall/overall-course/overall-course.scss
index d306eb7..2317b41 100644
--- a/src/pages/overall/overall-course/overall-course.scss
+++ b/src/pages/overall/overall-course/overall-course.scss
@@ -22,7 +22,7 @@
     {
         overflow: hidden;
         font-size: 22px;
-        color: #0c6dad;
+        color: var(--main);
     }
 
     .course-name:hover