From 45ae63bc2eff9a7481fc1bd318f448c06a4644d2 Mon Sep 17 00:00:00 2001
From: Daniel Harvey <the.real.daniel.harvey@gmail.com>
Date: Sun, 17 May 2026 22:34:38 -0400
Subject: [PATCH] Fix dark mode: wire html/body background and text to
 MudBlazor palette variables; add min-height: 100vh to theme wrappers

---
 DeepDrftWeb/wwwroot/styles/deepdrft-styles.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/DeepDrftWeb/wwwroot/styles/deepdrft-styles.css b/DeepDrftWeb/wwwroot/styles/deepdrft-styles.css
index a6dc308..fdc024a 100644
--- a/DeepDrftWeb/wwwroot/styles/deepdrft-styles.css
+++ b/DeepDrftWeb/wwwroot/styles/deepdrft-styles.css
@@ -96,6 +96,21 @@
     --gradient-light: var(--deepdrft-green-light);
 }
 
+/* Base page colours — use MudBlazor's theme-injected variables so they
+   switch automatically when IsDarkMode toggles. The --mud-palette-background
+   and --mud-palette-text-primary variables are injected by MudThemeProvider
+   and update in both light and dark modes. */
+html, body {
+    background-color: var(--mud-palette-background);
+    color: var(--mud-palette-text-primary);
+}
+
+/* Ensure the theme wrapper fills the full viewport so no background gap shows. */
+.deepdrft-theme-dark,
+.deepdrft-theme-light {
+    min-height: 100vh;
+}
+
 /* =============================================================================
    2. GRADIENTS
    ============================================================================= */