From aedf3c8f2cb4e71536e1563215e4120a992b7e4f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 10 Nov 2025 20:54:25 +0000
Subject: [PATCH 1/2] Initial plan


From 50496232a9f1771533e19d2abec22d45b7ae6868 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 10 Nov 2025 21:00:49 +0000
Subject: [PATCH 2/2] Add dark mode support based on system preferences

Co-authored-by: DRSDavidSoft <4673812+DRSDavidSoft@users.noreply.github.com>
---
 css/main.css | 100 +++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 98 insertions(+), 2 deletions(-)

diff --git a/css/main.css b/css/main.css
index 85d9e5d..b35f684 100644
--- a/css/main.css
+++ b/css/main.css
@@ -6,8 +6,8 @@
     \___|_| |_| |_|\__,_|\___|_|   
    ========================================================================== */
 
-html, button, input, select, textarea {
-    color: #222;
+html, body, button, input, select, textarea {
+    color: #212529;
 }
 ::-moz-selection {
     background: #b3d4fc;
@@ -232,3 +232,99 @@ ul ol {
     padding: 0 0 0 30px;
     list-style: none;
 }
+
+/* -------------- Dark Mode -------------- */
+
+@media (prefers-color-scheme: dark) {
+    html, body, button, input, select, textarea {
+        color: #e0e0e0;
+    }
+    
+    body {
+        background-color: #1a1a1a;
+    }
+    
+    body > div.container, body > div.container-fluid {
+        background-color: #2a2a2a;
+        -webkit-box-shadow: 0 0 8px 3px #000;
+        -moz-box-shadow: 0 0 8px 3px #000;
+        box-shadow: 0 0 8px 3px #000;
+    }
+    
+    a {
+        color: #5dade2;
+    }
+    
+    h2 {
+        color: #d0d0d0;
+    }
+    
+    h2:before, h2:after {
+        background-color: #444;
+    }
+    
+    h3 {
+        background-color: #333;
+        color: #e0e0e0;
+    }
+    
+    h4 {
+        color: #d0d0d0;
+    }
+    
+    #pitch {
+        color: #e0e0e0;
+        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
+    }
+    
+    .btn {
+        border: 1px solid #444;
+        background-color: #555;
+        color: #e0e0e0;
+    }
+    
+    .btn.btn-default {
+        border: 1px solid #444;
+        background-color: #4a4a4a;
+        color: #e0e0e0;
+    }
+    
+    .btn.btn-default:hover {
+        border: 1px solid #555;
+        background-color: #555;
+        color: #e0e0e0;
+    }
+    
+    .btn.btn-default:active {
+        border: 1px solid #666;
+        background-color: #606060;
+        color: #e0e0e0;
+    }
+    
+    .btn.btn-primary {
+        border: 1px solid #2980b9;
+        background-color: #2980b9;
+        color: #e0e0e0;
+    }
+    
+    .btn.btn-primary:hover {
+        border: 1px solid #3498db;
+        background-color: #3498db;
+        color: #e0e0e0;
+    }
+    
+    .btn.btn-primary:active {
+        border: 1px solid #1E90FF !important;
+        background-color: #1E90FF !important;
+        color: #e0e0e0 !important;
+    }
+    
+    code {
+        color: #e0e0e0;
+        background-color: #3a3a3a;
+    }
+    
+    footer {
+        color: #b0b0b0;
+    }
+}