diff --git a/bun.lockb b/bun.lockb
index e3e8d4a..4678400 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 5eb2f38..7f9cf2c 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
"version": "0.0.1",
"private": true,
"scripts": {
- "dev": "vite dev",
+ "dev": "CF_PAGES=1 vite dev",
"build": "vite build",
"preview": "vite preview",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
@@ -14,11 +14,11 @@
"devDependencies": {
"@eslint/js": "^9.12.0",
"@sveltejs/adapter-auto": "6.0.1",
- "@sveltejs/adapter-cloudflare": "7.0.3",
+ "@sveltejs/adapter-cloudflare": "^7.0.3",
"@sveltejs/kit": "^2.7.1",
"@sveltejs/vite-plugin-svelte": "5.0.3",
- "autoprefixer": "^10.4.20",
- "daisyui": "^4.12.13",
+ "@tailwindcss/postcss": "^4.1.6",
+ "daisyui": "5.0.35",
"eslint": "^9.12.0",
"eslint-config-prettier": "10.1.5",
"eslint-plugin-svelte": "3.6.0",
@@ -30,7 +30,7 @@
"svelte-check": "^4.0.5",
"svelte-eslint-parser": "1.1.3",
"svelte-preprocess": "^6.0.3",
- "tailwindcss": "4.1.6",
+ "tailwindcss": "^4.1.6",
"tslib": "^2.7.0",
"typescript": "^5.6.3",
"typescript-eslint": "^8.9.0",
@@ -38,6 +38,7 @@
},
"type": "module",
"dependencies": {
+ "@tailwindcss/vite": "^4.1.6",
"lucide-svelte": "0.510.0"
}
}
diff --git a/postcss.config.js b/postcss.config.js
index 2aa7205..c2ddf74 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,5 @@
export default {
plugins: {
- tailwindcss: {},
- autoprefixer: {},
+ "@tailwindcss/postcss": {},
},
};
diff --git a/src/app.css b/src/app.css
index 54d0fd6..c1d5cb0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,6 +1,29 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@import "tailwindcss";
+
+@plugin "daisyui" {
+ themes:
+ sunset --default,
+ cmyk;
+}
+
+/*
+ The default border color has changed to `currentcolor` in Tailwind CSS v4,
+ so we've added these compatibility styles to make sure everything still
+ looks the same as it did with Tailwind CSS v3.
+
+ If we ever want to remove these styles, we need to add an explicit border
+ color utility to any element that depends on these defaults.
+*/
+@layer base {
+ *,
+ ::after,
+ ::before,
+ ::backdrop,
+ ::file-selector-button {
+ border-color: var(--color-gray-200, currentcolor);
+ }
+}
.height-minus-nav {
min-height: calc(100vh - 4.75rem);
diff --git a/src/app.html b/src/app.html
index 0177a15..d756cb2 100644
--- a/src/app.html
+++ b/src/app.html
@@ -3,7 +3,10 @@
nickbland.dev
-
+
+