src/app.css

@@ -37,13 +37,14 @@
 
     --radius: 0.5rem;
 
+	 --shadow: theme('colors.java.800');
 	 --name: theme('colors.java.800');
 	 --navlink: theme('colors.eucalyptus.400');
   }
 
   .dark {
     --background: 20 14.3% 4.1%;
-    --foreground: 230 9.1% 97.8%;
+    --foreground: 150 9.1% 70%;
 
     --muted: 12 6.5% 15.1%;
     --muted-foreground: 24 5.4% 63.9%;
@@ -70,6 +71,7 @@
     --destructive-foreground: 60 9.1% 97.8%;
 
     --ring: 24 5.7% 82.9%;
+	 --shadow: theme('colors.java.100');
 	 --name: theme('colors.java.300');
 	 --navlink: theme('colors.eucalyptus.200');
   }

src/routes/+page.svelte

@@ -138,8 +138,8 @@
 		width: 100%;
 		@apply bg-background;
 		@apply dark:bg-gray-800;
-		box-shadow:
-			0px -5px 10px 10px var(--foreground);
+		/*box-shadow:
+			0px -5px 5px var(--shadow);*/
 	}
 	#bio {
 		max-width: max(50vw, 100vh);

src/routes/Footer.svelte

@@ -7,6 +7,7 @@
 		text-align: center;
 		bottom: 10px;
 		font-size: 12px;
-		color: #888;
+		background-color: var(--background);
+		color: var(--foreground);
 	}
 </style>