diff --git a/sass/main.scss b/sass/main.scss
index b9dd2ce..9c93402 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -72,6 +72,7 @@
   --bg-0: #2f2f2f;
   --bg-1: rgba(133, 133, 133, 0.5);
   --bg-2: rgba(23, 23, 23, 100%);
+  --hover-color: black;
   --primary-color: #7cc4d1;
   --secondary-color: #4a4a4a;
   --links: #8fdfe5;
diff --git a/sass/parts/_footer.scss b/sass/parts/_footer.scss
index 842a0be..e409b1f 100644
--- a/sass/parts/_footer.scss
+++ b/sass/parts/_footer.scss
@@ -55,7 +55,7 @@ footer nav {
   .social {
     &:hover {
       &>img {
-        filter: invert(1);
+        filter: invert(0);
       }
     }
 
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
index 42e5e62..39004aa 100644
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -111,7 +111,7 @@ a {
 }
 
 a:hover {
-  background-color: var(--primary-color);
+  background-color: var(--accent-color);
   color: var(--hover-color);
 }
 
@@ -123,7 +123,7 @@ a:not(.no-hover-padding, .zola-anchor)::before {
   left: -0.15em;
   right: -0.15em;
   z-index: -1;
-  background-color: var(--primary-color);
+  background-color: var(--accent-color);
   opacity: 0;
 }