diff --git a/src/components/DarkMode.astro b/src/components/DarkMode.astro
index f54d4bd..e3837ea 100644
--- a/src/components/DarkMode.astro
+++ b/src/components/DarkMode.astro
@@ -35,13 +35,13 @@
 
 <style lang="scss">
   .darkmode-toggle {
-    border: 2px solid var(--secondary-clr-500);
+    border: 2px solid var(--secondary-500);
     border-radius: var(--radius-small);
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
 
     &:hover {
-      color: var(--neutral-clr-0);
-      background-color: var(--secondary-clr-500);
+      color: var(--neutral-100);
+      background-color: var(--secondary-500);
     }
   }
 </style>