add tailwind css variables

tailwind.config.js

@@ -7,6 +7,18 @@ export default {
     },
   ],
   theme: {
+    colors: {
+      background: "var(--background)",
+      lineBackground: "var(--lineBackground)",
+      foreground: "var(--foreground)",
+      caret: "var(--caret)",
+      selection: "var(--selection)",
+      selectionMatch: "var(--selectionMatch)",
+      gutterBackground: "var(--gutterBackground)",
+      gutterForeground: "var(--gutterForeground)",
+      gutterBorder: "var(--gutterBorder)",
+      lineHighlight : "var(--lineHighlight)",
+    },
     extend: {},
     hljs: {
       theme: "nord",