update: configure tailwind and daisyui black theme

src/styles/app.css

@@ -1,5 +1,9 @@
-@import "tailwindcss";
+@import "tailwindcss/base";
-@plugin "daisyui" {
+@import "tailwindcss/components";
-  themes: dim --default;
+@import "tailwindcss/utilities";
-  logs: false;
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
+
+:root {
+  font-family: 'Inter', sans-serif;
 }

tailwind.config.js

@@ -0,0 +1,17 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: ["./src/**/*.{js,html}"],
+    theme: {
+        extend: {
+            fontFamily: {
+                sans: ['"Inter"', "sans-serif"],
+            },
+        },
+    },
+    plugins: [require("daisyui")],
+    daisyui: {
+        themes: ["black", "light"], // black is default dark, light is fallback
+        darkTheme: "black",
+        logs: false,
+    },
+};