Update

Author: graycreate

public/image/ios-screenshot.png

@@ -25,20 +25,29 @@ const { title } = Astro.props;
 </html>
 <style is:global>
 	:root {
-		--accent: 0, 122, 255;
-		--accent-light: 88, 86, 214;
-		--accent-dark: 0, 64, 221;
-		--accent-gradient: linear-gradient(
-			45deg,
-			rgb(var(--accent)),
-			rgb(var(--accent-light)) 30%,
-			rgb(var(--accent-dark)) 60%
-		);
+		--accent: 51, 51, 67;
+		--text-primary: 255, 255, 255;
+		--text-secondary: 153, 153, 153;
+		--bg-primary: 0, 0, 0;
+		--bg-secondary: 17, 17, 17;
 	}
 	html {
 		font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
-		background: #13151a;
-		color: #fff;
+		background: rgb(var(--bg-primary));
+		color: rgb(var(--text-primary));
+	}
+	body {
+		margin: 0;
+		padding: 0;
+		line-height: 1.6;
+	}
+	@media (prefers-color-scheme: dark) {
+		:root {
+			--text-primary: 229, 229, 229;
+			--text-secondary: 153, 153, 153;
+			--bg-primary: 24, 24, 24;
+			--bg-secondary: 36, 36, 36;
+		}
 	}
 	code {
 		font-family: