refactor: github flavored codemirror light theme

components/smart/CodeMirror.vue

@@ -14,12 +14,13 @@ const props = withDefaults(
     value: string
     mode: string
     placeholder?: string
-    wrap: boolean
+    wrap?: boolean
     linter: LinterDefinition | null
   }>(),
   {
-    linter: null as any,
     placeholder: "",
+    wrap: true,
+    linter: null as any,
   }
 )
 

helpers/editor/codemirror.ts

@@ -1,6 +1,6 @@
 import CodeMirror from "codemirror"
 
-import "codemirror/theme/base16-light.css"
+import "codemirror-github-light/lib/codemirror-github-light-theme.css"
 import "codemirror/theme/base16-dark.css"
 import "codemirror/theme/3024-night.css"
 
@@ -104,7 +104,7 @@ export function useCodemirror(
       case "system":
         return "default"
       case "light":
-        return "base16-light"
+        return "github-light"
       case "dark":
         return "base16-dark"
       case "black":

package-lock.json

@@ -19,6 +19,7 @@
         "acorn": "^8.5.0",
         "acorn-walk": "^8.2.0",
         "codemirror": "^5.62.3",
+        "codemirror-github-light": "^0.4.2",
         "core-js": "^3.17.2",
         "esprima": "^4.0.1",
         "firebase": "^9.0.1",
@@ -13115,6 +13116,11 @@
       "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.62.3.tgz",
       "integrity": "sha512-zZAyOfN8TU67ngqrxhOgtkSAGV9jSpN1snbl8elPtnh9Z5A11daR405+dhLzLnuXrwX0WCShWlybxPN3QC/9Pg=="
     },
+    "node_modules/codemirror-github-light": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/codemirror-github-light/-/codemirror-github-light-0.4.2.tgz",
+      "integrity": "sha1-iUl8JJWEipRaLNIaqj5Wa4d7FDU="
+    },
     "node_modules/collect-v8-coverage": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz",
@@ -46161,6 +46167,11 @@
       "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.62.3.tgz",
       "integrity": "sha512-zZAyOfN8TU67ngqrxhOgtkSAGV9jSpN1snbl8elPtnh9Z5A11daR405+dhLzLnuXrwX0WCShWlybxPN3QC/9Pg=="
     },
+    "codemirror-github-light": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/codemirror-github-light/-/codemirror-github-light-0.4.2.tgz",
+      "integrity": "sha1-iUl8JJWEipRaLNIaqj5Wa4d7FDU="
+    },
     "collect-v8-coverage": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz",

package.json

@@ -35,6 +35,7 @@
     "acorn": "^8.5.0",
     "acorn-walk": "^8.2.0",
     "codemirror": "^5.62.3",
+    "codemirror-github-light": "^0.4.2",
     "core-js": "^3.17.2",
     "esprima": "^4.0.1",
     "firebase": "^9.0.1",