Refactor settings.html to add CSS variables for theme modes

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;