Remove colors

frontend/tailwind.config.js

@@ -4,9 +4,25 @@ export default {
     "./index.html",
     "./src/**/*.{vue,js,ts,jsx,tsx}",
   ],
+  darkMode: 'class',
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        hBackground: "var(--h-background)",
+        hOnBackground: "var(--h-on-background)",
+        hSurface: "var(--h-surface)",
+        hOnSurface: "var(--h-on-surface)",
+        hPrimary: "var(--h-primary)",
+        hOnPrimary: "var(--h-on-primary)",
+        hSecondary: "var(--h-secondary)",
+        hOnSecondary: "var(--h-on-secondary)",
+        hTertiary: "var(--h-tertiary)",
+        hOnTertiary: "var(--h-on-tertiary)",
+        hError: "var(--h-error)",
+        hOnError: "var(--h-on-error)",
+      }
+    }
   },
-  plugins: [],
+  plugins: []
 }