update tsconfig + added new color variables to tailwind

frontend/src/app.postcss

@@ -28,9 +28,15 @@
 		--accent: 240 4.8% 95.9%;
 		--accent-foreground: 240 5.9% 10%;
 
-		--destructive: #c20e4d;
+		--destructive: 0 84.2% 60.2%;
 		--destructive-foreground: 0 0% 98%;
 
+        --success: 141.9 69.2% 58%;
+        --success-foreground: 0 0% 98%;
+
+        --warning: 47.9 95.8% 53.1%;
+        --warning-foreground: 0 0% 98%;
+
 		--ring: 240 4.8% 95.9%;
 
 		--radius: 0.5rem;
@@ -61,9 +67,15 @@
 		--accent: 240 3.7% 15.9%;
 		--accent-foreground: 0 0% 98%;
 
-		--destructive: #c20e4d;
+		--destructive: 0 84.2% 60.2%;
 		--destructive-foreground: 0 0% 98%;
 
+        --success: 141.9 69.2% 58%;
+        --success-foreground: 0 0% 98%;
+
+        --warning: 47.9 95.8% 53.1%;
+        --warning-foreground: 0 0% 98%;
+
 		--ring: 240 3.7% 15.9%;
 	}
 }

frontend/tailwind.config.js

@@ -31,10 +31,20 @@ const config = {
 						'hsl(var(--secondary-foreground) / <alpha-value>)',
 				},
 				destructive: {
-					DEFAULT: 'var(--destructive)',
+					DEFAULT: 'hsl(var(--destructive) / <alpha-value>)',
 					foreground:
 						'hsl(var(--destructive-foreground) / <alpha-value>)',
 				},
+				success: {
+					DEFAULT: 'hsl(var(--success) / <alpha-value>)',
+					foreground:
+						'hsl(var(--success-foreground) / <alpha-value>)',
+				},
+				warning: {
+					DEFAULT: 'hsl(var(--warning) / <alpha-value>)',
+					foreground:
+						'hsl(var(--warning-foreground) / <alpha-value>)',
+				},
 				muted: {
 					DEFAULT: 'hsl(var(--muted) / <alpha-value>)',
 					foreground: 'hsl(var(--muted-foreground) / <alpha-value>)',

frontend/tsconfig.json

@@ -9,7 +9,8 @@
 		"skipLibCheck": true,
 		"sourceMap": true,
 		"strict": true,
-		"types": ["bun-types"]
+		"types": ["bun-types"],
+		"noErrorTruncation": true
 	}
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
 	//