diff --git a/src/lib/components/Sidebar.svelte b/src/lib/components/Sidebar.svelte
index 66be0e1..b1a5e7d 100644
--- a/src/lib/components/Sidebar.svelte
+++ b/src/lib/components/Sidebar.svelte
@@ -173,6 +173,19 @@
 		}
 	}
 
+	:global(body.dark .nav-wrapper.open) {
+				@media (prefers-color-scheme: dark) {
+					background-color: var(--bg);
+
+					nav a {
+						&:hover,
+						&.highlight {
+							color: white !important;
+						}
+					}
+				}
+	}
+
 	nav {
 		display: flex;
 		flex-direction: column;