feat: redesign web UI with theme toggle and improved styling

2026-02-03 09:51:09 +03:00
parent 6085c8aabe
commit fe5736905e
3 changed files with 1129 additions and 104 deletions
@@ -116,8 +116,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',