diff --git a/assets/img/logo-dark.png b/assets/img/logo-dark.png
old mode 100644
new mode 100755
index e62924b..098ff21
Binary files a/assets/img/logo-dark.png and b/assets/img/logo-dark.png differ
diff --git a/assets/img/logo-light.png b/assets/img/logo-light.png
old mode 100644
new mode 100755
index f0b21b2..d8d383b
Binary files a/assets/img/logo-light.png and b/assets/img/logo-light.png differ
diff --git a/assets/styles/directory.css b/assets/styles/directory.css
index 77e9e64..a23e0e7 100644
--- a/assets/styles/directory.css
+++ b/assets/styles/directory.css
@@ -23,11 +23,11 @@
 @media (any-hover: hover) {
   #directory li:hover {
     background-color: var(--color-text);
-    border-color: var(--color-text);
   }
 
   #directory li:hover h2 {
     color: var(--color-bg);
+    border-color: var(--color-accent-flipped);
   }
 }
 
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 2f100aa..54c8c7a 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -1,19 +1,19 @@
 :root {
   color-scheme: light dark;
 
-  --color-light: #d5e9ff;
-  --color-light-alt: #beddff;
-  --color-dark: #001a33;
-  --color-dark-alt: #00274b;
-  --color-orange-light: #ff764f;
-  --color-orange-dark: #f55e33;
+  --color-light: #e5e0c7;
+  --color-light-alt: #d1cbab;
+  --color-dark: #142B15;
+  --color-dark-alt: #1a3b1b;
+  --color-accent-light: #4ba19e;
+  --color-accent-dark: #0c6a74;
 
   --color-bg: light-dark(var(--color-light), var(--color-dark));
   --color-text: light-dark(var(--color-dark), var(--color-light));
   --color-bg-alt: light-dark(var(--color-light-alt), var(--color-dark-alt));
   --color-text-alt: light-dark(var(--color-dark-alt), var(--color-light-alt));
-  --color-accent: light-dark(var(--color-orange-dark), var(--color-orange-light));
-  --color-accent-flipped: light-dark(var(--color-orange-light), var(--color-orange-dark));
+  --color-accent: light-dark(var(--color-accent-dark), var(--color-accent-light));
+  --color-accent-flipped: light-dark(var(--color-accent-light), var(--color-accent-dark));
 }
 
 * {
diff --git a/assets/styles/nav.css b/assets/styles/nav.css
index 8bee42c..646ccee 100644
--- a/assets/styles/nav.css
+++ b/assets/styles/nav.css
@@ -20,8 +20,8 @@ nav a {
 @media (any-hover: hover) {
   nav a:hover {
     color: var(--color-bg);
-    background-color: var(--color-text);
-    border-color: var(--color-text);
+    background-color: var(--color-text-alt);
+    border-color: var(--color-accent-flipped);
   }
 }
 
@@ -37,7 +37,6 @@ nav a:focus-visible {
 	height: 1px;
 	overflow: hidden;
 	z-index: -99;
-  background-color: var(--color-bg);
 }
 
 #skip:focus-visible {