Added syntax colorization

src/myfasthtml/assets/myfasthtml.js

@@ -2250,6 +2250,27 @@ function initDslEditor(config) {
   // Mark lint function as async for CodeMirror
   dslLint.async = true;
 
+  /* --------------------------------------------------
+   * Register Simple Mode if available and config provided
+   * -------------------------------------------------- */
+
+  let modeName = null;
+
+  if (typeof CodeMirror.defineSimpleMode !== "undefined" && dsl && dsl.simpleModeConfig) {
+    // Generate unique mode name from DSL name
+    modeName = `dsl-${dsl.name.toLowerCase().replace(/\s+/g, '-')}`;
+
+    // Register the mode if not already registered
+    if (!CodeMirror.modes[modeName]) {
+      try {
+        CodeMirror.defineSimpleMode(modeName, dsl.simpleModeConfig);
+      } catch (err) {
+        console.error(`Failed to register Simple Mode for ${dsl.name}:`, err);
+        modeName = null;
+      }
+    }
+  }
+
   /* --------------------------------------------------
    * Create CodeMirror editor
    * -------------------------------------------------- */
@@ -2262,6 +2283,8 @@ function initDslEditor(config) {
 
   const editorOptions = {
     value: textarea.value || "",
+    mode: modeName || undefined,  // Use Simple Mode if available
+    theme: "daisy",  // Use DaisyUI theme for automatic theme switching
     lineNumbers: !!lineNumbers,
     readOnly: !!readonly,
     placeholder: placeholder || "",