chore: way better landing page

mainmatter · May 21, 2024 · 13ea9b8 · 13ea9b8
1 parent ad54844
commit 13ea9b8
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 18 deletions.
diff --git a/docs/src/assets/bg.svg b/docs/src/assets/bg.svg
diff --git a/docs/src/assets/houston.webp b/docs/src/assets/houston.webp
diff --git a/docs/src/styles/global.css b/docs/src/styles/global.css
@@ -2,36 +2,37 @@
 :root {
 	--sl-color-accent-low: #421107;
 	--sl-color-accent: #bd2b00;
-	--sl-color-accent-high: #f7b7a7;
+	--sl-color-accent-high: #fff0eb;
 	--sl-color-white: #ffffff;
-	--sl-color-gray-1: #f1edea;
-	--sl-color-gray-2: #c5c1be;
-	--sl-color-gray-3: #928a84;
-	--sl-color-gray-4: #5e5651;
-	--sl-color-gray-5: #3e3732;
-	--sl-color-gray-6: #2c2521;
-	--sl-color-black: #1b1715;
+	--sl-color-gray-1: #eeeeee;
+	--sl-color-gray-2: #c2c2c2;
+	--sl-color-gray-3: #8b8b8b;
+	--sl-color-gray-4: #585858;
+	--sl-color-gray-5: #383838;
+	--sl-color-gray-6: #272727;
+	--sl-color-black: #181818;
 }
 
 /* Light mode colors. */
 :root[data-theme='light'] {
 	--sl-color-accent-low: #fbcabe;
 	--sl-color-accent: #c02c00;
-	--sl-color-accent-high: #5f1100;
-	--sl-color-white: #1b1715;
-	--sl-color-gray-1: #2c2521;
-	--sl-color-gray-2: #3e3732;
-	--sl-color-gray-3: #5e5651;
-	--sl-color-gray-4: #928a84;
-	--sl-color-gray-5: #c5c1be;
-	--sl-color-gray-6: #f1edea;
-	--sl-color-gray-7: #f8f6f5;
+	--sl-color-accent-high: #521400;
+	--sl-color-white: #181818;
+	--sl-color-gray-1: #272727;
+	--sl-color-gray-2: #383838;
+	--sl-color-gray-3: #585858;
+	--sl-color-gray-4: #8b8b8b;
+	--sl-color-gray-5: #c2c2c2;
+	--sl-color-gray-6: #eeeeee;
+	--sl-color-gray-7: #f6f6f6;
 	--sl-color-black: #ffffff;
 }
 
 [data-has-hero] {
 	& body {
-		background: linear-gradient(var(--sl-color-bg), var(--sl-color-accent));
+		background-image: url(../assets/bg.svg);
+		background-size: cover;
 	}
 
 	& header {