Fix syntax highlighting for other language than lua

Other languages didn’t have syntax highlighting because our custom style is tailored specifically for Lua and might not include all necessary tags. That’s why we load the syntax from another theme (GitHub Dark) for other languages and override only the Lua language.

Author: FileEX

web/ec.config.mjs

@@ -1,16 +1,25 @@
-import fs from 'fs';
+import { readFileSync } from 'fs';
 
-export default {
-  themes: [
-    JSON.parse(fs.readFileSync('./src/themes/mtasa_lua-theme_dark.json', 'utf-8')),
-    JSON.parse(fs.readFileSync('./src/themes/mtasa_lua-theme_light.json', 'utf-8')),
+import githubDark from 'tm-themes/themes/github-dark.json' with { type: 'json' };
+const mtaLuaDark = JSON.parse(readFileSync('./src/themes/mtasa_lua-theme_dark.json', 'utf-8'));
+
+const hybridTheme = {
+  ...githubDark,
+  tokenColors: [
+    ...githubDark.tokenColors,
+    ...mtaLuaDark.tokenColors,
   ],
+  colors: [mtaLuaDark.colors]
+};
+
+export default {
+  themes: [hybridTheme],
   shiki: {
     langs: [
       {
         id: 'lua',
         scopeName: 'source.lua.mta',
-        ...JSON.parse(fs.readFileSync('./src/grammars/lua-mta.tmLanguage.json', 'utf-8')),
+        ...JSON.parse(readFileSync('./src/grammars/lua-mta.tmLanguage.json', 'utf-8')),
       },
     ],
   },

web/package-lock.json

@@ -18,7 +18,8 @@
     "glob": "^11.0.2",
     "js-yaml": "^4.1.0",
     "marked": "^15.0.6",
-    "sharp": "^0.32.5"
+    "sharp": "^0.32.5",
+    "tm-themes": "^1.10.6"
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "*"