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);