add color highlight for ldif

fix color highlight in light mode

Author: marle3003

webui/src/ace-editor/ace-config.ts

@@ -5,7 +5,7 @@ import 'ace-builds/src-noconflict/mode-yaml'
 import 'ace-builds/src-noconflict/mode-javascript'
 import '@/ace-editor/ace-theme-mokapi-dark.js'
 import '@/ace-editor/ace-theme-mokapi-light.js'
-
+import '@/ace-editor/mode-ldif.js'
 
 // ace.config.setModuleUrl('ace/mode/json', modeJsonUrl)
 // ace.config.setModuleUrl('ace/mode/xml', xmlUrl)

webui/src/assets/ace-mokapi.css

@@ -15,7 +15,7 @@
 }
 
 .yaml .ace_tag {
-    color:rgb(126, 231, 135);
+    color:rgb(0, 102, 51);
 }
 .yaml .ace-mokapi-dark {
     color: rgb(165, 214, 255);
@@ -111,4 +111,28 @@
 
 .hex .ace_hex, .hex .ace_hex-alt {
     padding-right: 8px;
+}
+
+/* ldif */
+.ldif .ace-mokapi-dark .ace_keyword {
+    color: rgb(126, 231, 135)
+}
+.ldif .ace-mokapi-light .ace_keyword {
+    color:rgb(0, 102, 51);
+}
+.ldif .ace-mokapi-dark .ace_dn {
+    color: rgb(135, 206, 235);
+    font-weight: bold;
+}
+.ldif .ace-mokapi-light .ace_dn {
+    color:rgb(0, 102, 204);
+    font-weight: bold;
+}
+.ldif .ace-mokapi-dark .ace_comment { 
+    color: rgb(150, 150, 150); 
+    font-style: italic;
+}
+.ldif .ace-mokapi-light .ace_comment { 
+    color: rgb(128, 128, 128); 
+    font-style: italic;
 }

webui/src/composables/usePrettyLanguage.ts

@@ -41,6 +41,8 @@ export function usePrettyLanguage() {
             case 'json':
             case 'problem+json':
                 return 'json'
+            case 'ldif':
+                return 'ldif'
         }
 
         switch (contentType) {
@@ -70,6 +72,8 @@ export function usePrettyLanguage() {
                 return 'text/javascript'
             case '.ts':
                 return 'text/typescript'
+            case '.ldif':
+                return 'application/ldif'
             default:
                 return null
         }