diff --git a/.changeset/syntax-tokens.md b/.changeset/syntax-tokens.md
new file mode 100644
index 0000000..e672684
--- /dev/null
+++ b/.changeset/syntax-tokens.md
@@ -0,0 +1,5 @@
+---
+'@dskripchenko/openapi': patch
+---
+
+The source editor colours the token kinds `@dskripchenko/ui` 1.24 adds (types, regular expressions, meta, inserted and deleted lines); with that kit the YAML and JSON source is highlighted by `@dskripchenko/syntax`.
diff --git a/package.json b/package.json
index ae7cbc6..722af95 100644
--- a/package.json
+++ b/package.json
@@ -86,7 +86,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^3.0.3",
-    "@dskripchenko/ui": "^1.13.0",
+    "@dskripchenko/ui": "^1.24.0",
     "@eslint/js": "^10.0.1",
     "@microsoft/api-extractor": "^7.59.4",
     "@types/node": "^22.20.5",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 691b73e..89404ee 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,8 +12,8 @@ importers:
         specifier: ^3.0.3
         version: 3.0.3
       '@dskripchenko/ui':
-        specifier: ^1.13.0
-        version: 1.13.0(vue@3.5.44(typescript@6.0.3))
+        specifier: ^1.24.0
+        version: 1.24.0(vue@3.5.44(typescript@6.0.3))
       '@eslint/js':
         specifier: ^10.0.1
         version: 10.0.1(eslint@10.13.0)
@@ -218,8 +218,12 @@ packages:
     resolution: {integrity: sha512-OoKoR0f76dCY666JlcbhmVTs2drYj1GUXZTYTcbUgJjh9Nv41aFfZ21bPQTERm5+L5cBDo466NltB2lplS5GBw==}
     engines: {node: '>=20.19.0'}
 
-  '@dskripchenko/ui@1.13.0':
-    resolution: {integrity: sha512-39/sA2rtlMLmJuvpZ4bZuvZWK2X1uMDj4ZWFUMo/Xdev+bCV0+DpmnsVf7TeQWsCWFgdU/mPO3ybO1OHeA1rhg==}
+  '@dskripchenko/syntax@0.3.2':
+    resolution: {integrity: sha512-IwbURY60JyHzZdYkzIOmmxHYi4VgJD5Md/j5Il7Mbot3q2ic/Rxad4U5eke2AqVIt4caPXoZAuqBttptQC/c2A==}
+    engines: {node: '>=20'}
+
+  '@dskripchenko/ui@1.24.0':
+    resolution: {integrity: sha512-KyCpiQneS5BLll4XLa6e+IKiirok6zJ3l6J6fpj5sp+gQznMwk/Y/gYUVeWTUuLDRcfhETfSwYpkVjfx4o8sWw==}
     engines: {node: '>=20'}
     peerDependencies:
       vue: ^3.4.0
@@ -1859,8 +1863,11 @@ snapshots:
 
   '@csstools/css-tokenizer@4.0.2': {}
 
-  '@dskripchenko/ui@1.13.0(vue@3.5.44(typescript@6.0.3))':
+  '@dskripchenko/syntax@0.3.2': {}
+
+  '@dskripchenko/ui@1.24.0(vue@3.5.44(typescript@6.0.3))':
     dependencies:
+      '@dskripchenko/syntax': 0.3.2
       lucide-vue-next: 0.460.0(vue@3.5.44(typescript@6.0.3))
       vue: 3.5.44(typescript@6.0.3)
 
diff --git a/src/vue/openapi.css b/src/vue/openapi.css
index fc281a7..920afb8 100644
--- a/src/vue/openapi.css
+++ b/src/vue/openapi.css
@@ -767,6 +767,11 @@
   --uid-code-tok-attr: var(--uid-warning);
   --uid-code-tok-property: var(--uid-info);
   --uid-code-tok-punctuation: var(--uid-text-secondary);
+  --uid-code-tok-type: var(--uid-info);
+  --uid-code-tok-regex: var(--uid-success);
+  --uid-code-tok-meta: var(--uid-text-secondary);
+  --uid-code-tok-inserted: var(--uid-success);
+  --uid-code-tok-deleted: var(--uid-danger);
   display: flex;
   flex-direction: column;
   gap: 8px;