attempt to fix tailwindcss utlity class but no worky

This commit is contained in:
JK-le-dev 2025-10-18 15:03:25 -05:00
commit 7d26bd750c
4 changed files with 26 additions and 26 deletions

View file

@ -3,7 +3,7 @@ import React from "react";
function App() {
return (
<div className="min-h-screen bg-blue-500 flex items-center justify-center">
<p className="text-3xl font-bold text-primary">Hello, world!</p>
<p className="text-3xl font-bold text-white">Hello, world!</p>
</div>
);
}

View file

@ -1,14 +1,14 @@
@import "tailwindcss";
@theme {
--color-primary: rgba(15, 40, 98);
--color-secondary: rgba(79, 95, 118);
--color-accent: rgba(158, 54, 58);
--color-paragraph: rgba(255, 255, 255);
--color-background: rgba(9, 31, 54);
}
body {
margin: 0;
background: rgba(var(--background));
}
@theme {
--color-primary: 15, 40, 98;
--color-secondary: 79, 95, 118;
--color-accent: 158, 54, 58;
--color-paragraph: 255, 255, 255;
--color-background: 9, 31, 54;
}

View file

@ -1,7 +1,7 @@
@theme {
--color-paragraph: 255, 255, 255;
--color-background: 9, 31, 54;
--color-primary: 15, 40, 98;
--color-secondary: 79, 95, 118;
--color-accent: 158, 54, 58;
--color-primary: rgba(15, 40, 98);
--color-secondary: rgba(79, 95, 118);
--color-accent: rgba(158, 54, 58);
--color-paragraph: rgba(255, 255, 255);
--color-background: rgba(9, 31, 54);
}