From bd65162c70b7435c00a7d0413a2f4de57c5ad064 Mon Sep 17 00:00:00 2001
From: Ayo <ayo@ayco.io>
Date: Mon, 8 Jun 2026 11:15:21 +0200
Subject: [PATCH] style: dotted bg for whole page

---
 src/layouts/Layout.astro  | 18 +++++++-----------
 src/layouts/variables.css |  2 +-
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index d012b93..a9f216d 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -51,9 +51,7 @@ const ogFileType = 'image/png'
         font-size: var(--font-size-base);
         color: var(--text-color-dark);
         background-color: var(--text-color-light);
-      }
 
-      body {
         background-image: radial-gradient(
           circle,
           hsl(var(--dot-grid-light)) 1px,
@@ -61,22 +59,20 @@ const ogFileType = 'image/png'
         );
         background-size: 24px 24px;
         background-position: -24px -24px;
-
-        @media (prefers-color-scheme: dark) {
-          background-image: radial-gradient(
-            circle,
-            hsl(var(--dot-grid-dark)) 1px,
-            transparent 1px
-          );
-        }
       }
 
       @media (prefers-color-scheme: dark) {
         html,
         body,
         * {
-          background: var(--bg-darker);
+          background-color: var(--bg-darker);
           color: var(--text-color-light);
+
+          background-image: radial-gradient(
+            circle,
+            hsl(var(--dot-grid-dark)) 1px,
+            transparent 1px
+          );
         }
       }
 
diff --git a/src/layouts/variables.css b/src/layouts/variables.css
index 46f3f46..b6dfdf6 100644
--- a/src/layouts/variables.css
+++ b/src/layouts/variables.css
@@ -28,5 +28,5 @@
   --bg-darkest: #000;
 
   --dot-grid-light: 214 32% 82%;
-  --dot-grid-dark: 215 25% 20%;
+  --dot-grid-dark: 215 25% 25%;
 }