diff --git a/themes/bluewater/layouts/blog/list.html b/themes/bluewater/layouts/blog/list.html
index 41385b1..9520786 100644
--- a/themes/bluewater/layouts/blog/list.html
+++ b/themes/bluewater/layouts/blog/list.html
@@ -2,7 +2,7 @@
   <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-8">
     {{ range .Pages }}
       <div
-        class="overflow-hidden rounded-lg shadow-lg border-2 hover:bg-primary-300 text-slate-600"
+        class="overflow-hidden rounded-lg shadow-lg border-2 border-gray-200 hover:bg-primary-300 text-slate-600"
       >
         <a href="{{ .RelPermalink }}">
           {{ $image := .Resources.GetMatch "header" }}
diff --git a/themes/bluewater/package.json b/themes/bluewater/package.json
index f3482d9..4389c3d 100644
--- a/themes/bluewater/package.json
+++ b/themes/bluewater/package.json
@@ -5,14 +5,15 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "npx tailwindcss -i ./tailwind.css -o ./assets/style.css --minify",
-    "watch": "npx tailwindcss -i ./tailwind.css -o ./assets/style.css --watch"
+    "build": "npx @tailwindcss/cli -i ./tailwind.css -o ./assets/style.css --minify",
+    "watch": "npx @tailwindcss/cli -i ./tailwind.css -o ./assets/style.css --watch"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@tailwindcss/cli": "^4.0.1",
     "@tailwindcss/typography": "^0.5.7",
-    "tailwindcss": "^3.1.8"
+    "tailwindcss": "^4.0.1"
   }
 }
diff --git a/themes/bluewater/tailwind.css b/themes/bluewater/tailwind.css
index 376ca25..01a7858 100644
--- a/themes/bluewater/tailwind.css
+++ b/themes/bluewater/tailwind.css
@@ -1,9 +1,27 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+  --color-primary-300: oklch(95.62% 0.0207 261.77);
+  --color-primary-400: oklch(71.92% 0.1176 261.69);
+  --color-primary-500: oklch(55.71% 0.1353 261.55);
+  --color-primary-600: oklch(40.02% 0.1117 261.27);
+  --color-primary-700: oklch(15.31% 0.0193 258.38);
+  --color-secondary-300: oklch(97.87% 0.031 160.25);
+  --color-secondary-400: oklch(86.39% 0.1535 156.39);
+  --color-secondary-500: oklch(74.71% 0.1693 153.7);
+  --color-secondary-600: oklch(56.47% 0.1374 152.54);
+  --color-secondary-700: oklch(18.31% 0.0283 156.39);
+  --color-tertiary-300: oklch(94.76% 0.03079683825198993 304.2711120183577);
+  --color-tertiary-400: oklch(67.95% 0.1701 301.1);
+  --color-tertiary-500: oklch(52.03% 0.1902 298.58);
+  --color-tertiary-600: oklch(37.19% 0.1536 297.45);
+  --color-tertiary-700: oklch(14.6% 0.0313 303.08);
+}
 
 @layer base {
     .font-outline-1 {
       -webkit-text-stroke: 0.25px black;
     }
   }
+
+@plugin "@tailwindcss/typography";