src/app/globals.css

@@ -1,8 +1,5 @@
 @import "tailwindcss";
-@custom-variant dark (&:where(.dark, .dark *));
-@source "../../shared";
-@source "../../src";
-
+@config "../../tailwind.config.js";
 @import './tlyq-design-system.css' layer(base);
 
 @layer base {
@@ -11,6 +8,10 @@
     color: var(--fg);
     background-color: var(--bg);
   }
+  html.dark body {
+    background-color: var(--bg);
+    color: var(--fg);
+  }
 }
 
 @layer components {

tailwind.config.js

@@ -0,0 +1,7 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: 'class',
+  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
+  theme: { extend: {} },
+  plugins: [],
+}