feat (ui): Light/Dark Theme added

2026-03-03 15:17:52 +01:00
parent 3a80ba09af
commit 1d5bdd5089
4 changed files with 255 additions and 81 deletions
@@ -1,5 +1,23 @@
 let cmEditor = null;

+function filesCurrentTheme() {
+  const t = document.documentElement.getAttribute('data-theme');
+  return (t === 'light') ? 'light' : 'dark';
+}
+
+function filesCodeMirrorTheme() {
+  return filesCurrentTheme() === 'light' ? 'default' : 'material-darker';
+}
+
+function filesSetEditorTheme(themeName) {
+  if (!cmEditor) return;
+  const cmTheme = (themeName === 'light') ? 'default' : 'material-darker';
+  cmEditor.setOption('theme', cmTheme);
+  cmEditor.refresh();
+}
+
+window.filesSetEditorTheme = filesSetEditorTheme;
+
 function _isFolderCollapsed(folderKey) {
  return localStorage.getItem('files_folder_collapsed:' + folderKey) !== '0';
  // default collapsed = true
@@ -51,7 +69,7 @@ async function filesRefresh() {
        lineNumbers: true,
        lineWrapping: true,
        mode: 'text/plain',
-        theme: 'material-darker'
+        theme: filesCodeMirrorTheme()
      });
      cmEditor.setSize('100%', 360);
    }