Remove Theme Previewer

index.html

@@ -336,7 +336,6 @@
                   <select id="theme-selector" class="ml-4 border mb-2
                   text-sm rounded-lg block  p-2.5">
                   </select>
-                  <div id="theme-previewer"></div>
               </div>
               </div>
               <!-- Editor mode selection -->

src/DOM/DomElements.ts

@@ -34,7 +34,6 @@ export const singleElements = {
   midi_channels_scripts: "midi-channels-scripts",
   midi_clock_ppqn: "midi-clock-ppqn-input",
   theme_selector: "theme-selector",
-  theme_previewer: "theme-previewer",
   load_demo_songs: "load-demo-songs",
   normal_mode_button: "normal-mode",
   vim_mode_button: "vim-mode",

src/DOM/UILogic.ts

@@ -310,7 +310,6 @@ export const installInterfaceLogic = (app: Editor) => {
     for (const [key, _] of Object.entries(selected_theme)) {
       theme_preview += `<p class="inline text-${key} bg-${key}">█</div>`;
     }
-    app.interface.theme_previewer.innerHTML = theme_preview;
   });
 
   app.interface.settings_button.addEventListener("click", () => {
@@ -336,12 +335,6 @@ export const installInterfaceLogic = (app: Editor) => {
 
     // @ts-ignore
     let selected_theme = colors[app.settings.theme as string];
-    let theme_preview = "<div class='ml-6'>";
-    for (const [key, _] of Object.entries(selected_theme)) {
-      theme_preview += `<p class="inline text-${key} bg-${key}">█</p>`;
-    }
-    theme_preview += "</div>";
-    app.interface.theme_previewer.innerHTML = theme_preview;
     // Populate the font family selector
     const doughNudgeRange = app.interface.dough_nudge_range as HTMLInputElement;
     doughNudgeRange.value = app.dough_nudge.toString();