chore: import refactor

apps/consent/app/layout.tsx

@@ -1,8 +1,6 @@
 // eslint-disable-next-line import/no-unassigned-import
 import "./globals.css"
 // eslint-disable-next-line import/no-unassigned-import
-import "@galoy/galoy-components/tailwind.css"
-// eslint-disable-next-line import/no-unassigned-import
 import "react-toastify/dist/ReactToastify.css"
 import Script from "next/script"
 import type { Metadata } from "next"

lib/galoy-components/package.json

@@ -7,7 +7,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build:ts": "tsc",
-    "build:css": "postcss ./src/index.css -o ./tailwind.css",
+    "build:css": "postcss ./src/index.css -o ./src/tailwind.css",
     "build": "pnpm run build:ts && pnpm run build:css"
   },
   "dependencies": {

lib/galoy-components/src/index.ts

@@ -1,2 +1,3 @@
-import "./index.css"
+import "./index.css";
+import "./tailwind.css";
 export * from "./components";

lib/galoy-components/tailwind.css → lib/galoy-components/src/tailwind.css

@@ -434,6 +434,28 @@ video {
     --ring: 240 5% 64.9%;
     --radius: 0.6rem;
   }
+
+[data-theme="dark"] {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: var(--primary4);
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 85.7% 97.3%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+  }
   body {
     font-family: "Inter Tight", sans-serif;
   }