diff --git a/meshchatx/src/frontend/components/micron-editor/MicronEditorPage.vue b/meshchatx/src/frontend/components/micron-editor/MicronEditorPage.vue index d998575..7f4f88c 100644 --- a/meshchatx/src/frontend/components/micron-editor/MicronEditorPage.vue +++ b/meshchatx/src/frontend/components/micron-editor/MicronEditorPage.vue @@ -44,16 +44,16 @@ > - +
@@ -83,28 +83,12 @@ export default { this.loadContent(); this.handleResize(); window.addEventListener("resize", this.handleResize); - - // Listen for theme changes to re-render micron - this.themeObserver = new MutationObserver(() => { - this.handleInput(); - }); - this.themeObserver.observe(document.documentElement, { - attributes: true, - attributeFilter: ["class"], - }); - this.handleInput(); }, beforeUnmount() { window.removeEventListener("resize", this.handleResize); - if (this.themeObserver) { - this.themeObserver.disconnect(); - } }, methods: { - isDarkMode() { - return document.documentElement.classList.contains("dark"); - }, handleResize() { this.isMobileView = window.innerWidth < 1024; if (!this.isMobileView) { @@ -113,7 +97,9 @@ export default { }, handleInput() { try { - const parser = new MicronParser(this.isDarkMode()); + // Always use dark mode for parser since preview pane is now always dark + // to match the NomadNet browser's classic appearance. + const parser = new MicronParser(true); this.renderedContent = parser.convertMicronToHtml(this.content); } catch (error) { console.error("Error rendering micron:", error);