Fix CSS

config.json

@@ -17,23 +17,20 @@
     "bitcoin": "14KvY3Pg2GKyaxGzkHAh2gNtapZeKd4jM2"
   },
   "colors": {
-    "light": {
+    "light-background": "#FBF1C9",
-      "background": "#FBF1C9",
+    "light-foreground": "#3C3836",
-      "foreground": "#3C3836",
+    "light-yellow": "#D79921",
-      "yellow": "#D79921",
+    "light-green": "#98971A",
-      "green": "#98971A",
+    "light-gray": "#7C6F64",
-      "gray": "#7C6F64",
+    "light-blue": "#458588",
-      "blue": "#458588",
+    "light-red": "#CA2124",
-      "red": "#CA2124"
+
-    },
+    "dark-background": "#2E3440",
-    "dark": {
+    "dark-foreground": "#E5E9F0",
-      "background": "#2E3440",
+    "dark-yellow": "#5E81AC",
-      "foreground": "#E5E9F0",
+    "dark-green": "#A3BE8C",
-      "yellow": "#5E81AC",
+    "dark-gray": "#88C0D0",
-      "green": "#A3BE8C",
+    "dark-blue": "#EBCB8B",
-      "gray": "#88C0D0",
+    "dark-red": "#BF616A"
-      "blue": "#EBCB8B",
-      "red": "#BF616A"
-    }
   }
 }

src/styles/global.css

@@ -1,6 +1,5 @@
-@tailwind base;
+@import "tailwindcss";
-@tailwind components;
+@config "../../tailwind.config.js";
-@tailwind utilities;
 
 @font-face {
   font-family: 'Hack';

tailwind.config.js

@@ -5,17 +5,11 @@ module.exports = {
     './src/pages/**/*.{js,ts,jsx,tsx}',
     './src/components/**/*.{js,ts,jsx,tsx}',
   ],
-  darkMode: 'media', // or 'media' or 'class'
+  darkMode: 'media',
   theme: {
-    colors: {
+    extend: {
-      transparent: 'transparent',
+      colors,
-      current: 'currentColor',
-      ...colors,
     },
-    extend: {},
-  },
-  variants: {
-    extend: {},
   },
   plugins: [],
 };

tsconfig.json

@@ -14,7 +14,7 @@
     "incremental": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "react-jsx"