Merge remote-tracking branch 'origin/251221-webui-redisign' into beta

# Conflicts:
#	www/index.html
#	www/links.html
#	www/main.js

www/config.html

@@ -9,10 +9,16 @@
             height: 100%;
         }
 
+        main {
+            flex: 0 0 auto;
+            padding: 10px 0;
+        }
+
         #config {
             flex: 1 1 auto;
-            border-top: 1px solid #ccc;
+            border-top: 1px solid var(--border-color);
             min-height: 300px;
+            overflow: hidden;
         }
     </style>
 </head>
@@ -116,8 +122,12 @@
 
         ensureYamlLanguage();
 
-        const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-        monaco.editor.setTheme(prefersDark ? 'vs-dark' : 'vs');
+        const getTheme = () => document.documentElement.getAttribute('data-theme') === 'light' ? 'vs' : 'vs-dark';
+        monaco.editor.setTheme(getTheme());
+
+        window.addEventListener('themeChanged', () => {
+            monaco.editor.setTheme(getTheme());
+        });
 
         const editor = monaco.editor.create(container, {
             language: 'yaml',
@@ -1173,8 +1183,6 @@
         };
 
         const layout = () => {
-            const top = container.getBoundingClientRect().top;
-            container.style.height = `${Math.max(200, window.innerHeight - top)}px`;
             editor.layout();
         };
         window.addEventListener('resize', layout);