diff --git a/src/root/styles.css b/src/root/styles.css
index 7cb3631..e11a8f5 100644
--- a/src/root/styles.css
+++ b/src/root/styles.css
@@ -31,7 +31,7 @@ body {
 }
 
 .title a:hover {
-    color: var(--accent);
+    color: var(--lblue);
     transform: translateY(50%);
 }
 
@@ -91,7 +91,7 @@ ul.nav-links {
 }
 
 .nav li a:hover {
-    color: var(--accent);
+    color: var(--lblue);
 }
 
 @media only screen and (max-width: 1200px) {
@@ -186,7 +186,7 @@ ul.nav-links {
     transition: all 0.1s;
 }
 .page a:hover {
-    color: var(--foreground);
+    color: var(--lpink);
 }
 
 .page .text-panel {
@@ -378,17 +378,17 @@ ul.blog-index li {
 }
 
 ul.blog-index li a {
-    color: var(--foreground-inactive);
+    color: var(--lblue);
     transition: none;
     text-decoration: none;
 }
 
 .blog-index li a:hover {
-    color: var(--accent);
+    color: var(--lpink);
 }
 
 .blog-index li a:visited {
-    color: var(--foreground);
+    color: var(--lpink);
 }
 
 .page ul.blog-index li a::before {
@@ -482,8 +482,7 @@ a {
     transition: color 0.3s;
 }
 .socials i:hover {
-
-    color: var(--accent);
+    color: var(--lblue);
 }
 
 .socials a {