From 984af1e6fc4485eab19388d7d962b6da9e16b86f Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Sun, 25 May 2025 00:28:18 +0200
Subject: [PATCH] Refactor settings.html to add CSS variables for theme modes

---
 settings.html | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/settings.html b/settings.html
index 1e388a6..173c15b 100644
--- a/settings.html
+++ b/settings.html
@@ -6,6 +6,22 @@
   <style>
     /* Grund-Reset */
     * { box-sizing: border-box; margin: 0; padding: 0; }
+
+    :root {
+      /* Default-Modus: Weißes Panel mit Rosa-Akzenten */
+      --bg-main:    #fff;        /* Hintergrund Content */
+      --bg-sidebar: #fff1f2;     /* Sidebar */
+      --accent:     #9f1239;     /* Rosa */
+      --border:     #ffe4e6;
+    }
+    body.sky-mode {
+      /* Sky-Mode: Himmelshintergrund und passende Akzente */
+      --bg-main:    rgb(173,216,230); /* sanftes Baby-Blau */
+      --bg-sidebar: rgb(200,220,240); /* etwas dunkleres Blau */
+      --accent:     rgb(20,60,100);   /* dunkles Marine-Blau als Akzent */
+      --border:     rgb(180,200,220);
+    }
+    
     html, body {
       width: 100%; height: 100%;
       overflow-x: hidden;