feat: add highlightjs for inline code block (#24)

package.json

@@ -4,13 +4,8 @@
   "description": "🦫 Soothing pastel theme for Logseq",
   "main": "index.html",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "sass --watch scss:.",
-    "build:latte": "sass scss/ctp-latte.scss ctp-latte.css --no-source-map",
-    "build:frappe": "sass scss/ctp-frappe.scss ctp-frappe.css --no-source-map",
-    "build:macchiato": "sass scss/ctp-macchiato.scss ctp-macchiato.css --no-source-map",
-    "build:mocha": "sass scss/ctp-mocha.scss ctp-mocha.css --no-source-map",
-    "build": "sass scss:. --no-source-map",
+    "start": "sass -I node_modules --watch scss:.",
+    "build": "sass -I node_modules --no-charset --no-source-map scss:.",
     "clean": "rimraf *.css*"
   },
   "repository": {
@@ -25,6 +20,8 @@
   },
   "homepage": "https://github.com/catppuccin/logseq#readme",
   "devDependencies": {
+    "@catppuccin/highlightjs": "^0.1.4",
+    "@catppuccin/palette": "^1.1.0",
     "rimraf": "^3.0.2",
     "sass": "^1.55.0"
   },
@@ -61,7 +58,7 @@
         "mode": "dark"
       }
     ],
-	"title": "Catppuccin",
+    "title": "Catppuccin",
     "id": "logseq-catppuccin",
     "icon": "./assets/icon.png"
   }

scss/_highlightjs.scss

@@ -0,0 +1,8 @@
+@use "@catppuccin/highlightjs/sass/catppuccin.variables";
+
+html:not(html[data-color]),
+html[data-color='none'] {
+    code.hljs {
+        background-color: var(--ctp-tertiary-background-color);
+    }
+}

scss/_main.scss

@@ -3,4 +3,5 @@
 @use "ls-vars.scss";
 @use "lx-vars.scss";
 @use "custom.scss";
-@use "codemirror.scss";
+@use "codemirror.scss";
+@use "highlightjs.scss";