update tailwind

.gitignore

@@ -1,4 +1,5 @@
 Todos.db
+node_modules/
 target/
 site/
 style/output.css

Makefile

@@ -13,6 +13,6 @@ deploy:
 install:
 	cargo leptos build --release
 	sudo systemctl stop rust_leptos.service
-	scp target/release/rust_leptos /var/www/rust_leptos/rust_leptos
-	#scp -r target/site /var/www/rust_leptos/
+	cp target/release/rust_leptos /var/www/rust_leptos/rust_leptos
+	cp -r target/site /var/www/rust_leptos/
 	sudo systemctl start rust_leptos.service

input.css

@@ -1,27 +1,23 @@
-@import 'tailwindcss';
+@import "tailwindcss";
 
-@config './tailwind.config.js';
+@theme {
+    /*--font-display: "Satoshi", "sans-serif";*/
+    /*--breakpoint-3xl: 120rem;*/
+    --color-prim: oklch(27.95% 0.0085 255.57);
+    --color-prim-light: oklch(30.28% 0.0092 248.13);
+    --color-second: oklch(99.11% 0 0);
+    --color-second-dark: oklch(66.55% 0.0038 247.88);
+    --color-third: oklch(61.47% 0.2541 24.53);
+    --color-third-light: oklch(64.41% 0.2245 24.53);
+    --color-fourth: oklch(83.29% 0.161 80.36);
+    --color-green: oklch(76.97% 0.261916 142.4953);
 
-/*
-  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);
-  }
+    --text-4xl: 4rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
 }
 
 body {
-    @apply dark:bg-prim dark:text-second
+    @apply dark:bg-prim dark:text-second;
 }
 
 .active-link {

package.json

@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@tailwindcss/cli": "^4.0.14",
+    "@tailwindcss/vite": "^4.0.14"
+  },
+  "devDependencies": {
+    "tailwindcss": "^4.0.14"
+  }
+}

tailwind.config.js

@@ -1,35 +1,12 @@
 /** @type {import('tailwindcss').Config} */
     module.exports = {
       content: {
+        relative: true,
         files: ["*.html", "./src/**/*.rs"],
       },
-  safelist: ['rotate-90', '-rotate-90'],
       theme: {
-    extend: {
-      colors: {
-        prim: {
-          lightest: "#2E3235",
-          light: "#2B2F33",
-          DEFAULT: "#26292D",
-        },
-        second: {
-          DEFAULT: "#FEFEFE",
-          dark: "#929496",
-        },
-        third: {
-          light: "#F96662",
-          DEFAULT: "#FC443D",
-        },
-        fourth: {
-          light: "#FFD885",
-          DEFAULT: "#FEBB2E",
-        },
-        green: "#00DA00",
-      },
-      fontSize: {
-        "4xl": ["4rem", "1.3"],
-      },
-    },
+        extend: {},
       },
       plugins: [],
-};
+    }
+