added colorscheme and fixed placeholder text

This commit is contained in:
Polaris 2024-08-17 18:42:47 -04:00
parent bb97254a54
commit 56bf64e297
3 changed files with 70 additions and 59 deletions

View File

@ -3,69 +3,71 @@
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
:root {
--background: 0.00 0.00% 100.00%;
--foreground: 0.00 0.00% 9.80%;
--primary: 0.00 0.00% 0.00%;
--primary-foreground: 0.00 0.00% 9.80%;
--card: 0.00 0.00% 100.00%;
--card-foreground: 0.00 0.00% 9.80%;
--popover: 0.00 0.00% 100.00%;
--popover-foreground: 0.00 0.00% 9.80%;
--secondary: 0.00 0.00% 100.00%;
--secondary-foreground: 0.00 0.00% 0.00%;
--muted: 0.00 0.00% 100.00%;
--muted-foreground: 0.00 0.00% 40.00%;
--accent: 0.00 0.00% 100.00%;
--accent-foreground: 0.00 0.00% 14.90%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 0.00 0.00% 20.00%;
--input: 0.00 0.00% 87.45%;
--ring: 0.00 0.00% 100.00%;
--radius: 0.5rem;
}
.dark {
--background: 0.00 0.00% 0.00%;
--foreground: 0.00 0.00% 100.00%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--primary: 0.00 0.00% 100.00%;
--primary-foreground: 0.00 0.00% 9.80%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--card: 0.00 0.00% 7.84%;
--card-foreground: 0.00 0.00% 100.00%;
--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;
--popover: 0.00 0.00% 0.00%;
--popover-foreground: 0.00 0.00% 100.00%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--secondary: 0.00 0.00% 34.90%;
--secondary-foreground: 0.00 0.00% 100.00%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--muted: 0.00 0.00% 9.80%;
--muted-foreground: 0.00 0.00% 50.20%;
--accent: 0.00 0.00% 34.90%;
--accent-foreground: 0.00 0.00% 100.00%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 222.2 84% 4.9%;
--radius: 0.5rem;
}
.dark {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;
--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 212.7 26.8% 83.9%;
}
--border: 0.00 0.00% 20.00%;
--input: 0.00 0.00% 25.10%;
--ring: 0.00 0.00% 100.00%;
--radius: 0.5rem;
}
}
@layer base {
* {
@apply border-border;

View File

@ -43,7 +43,12 @@ export default function SignInForm() {
<form action={submit} className="grid gap-4">
<div className="grid gap-2">
<Label htmlFor="username">Username</Label>
<Input name="username" type="text" placeholder="clotho" required />
<Input
name="username"
type="text"
placeholder="username"
required
/>
</div>
<div className="grid gap-2">

View File

@ -16,7 +16,6 @@ import { toast } from "@/components/ui/use-toast";
import { signUp } from "./action";
export default function SignUpForm() {
const submit = async (data: FormData) => {
const { error } = await signUp(data);
if (error) {
@ -44,7 +43,12 @@ export default function SignUpForm() {
<form action={submit} className="grid gap-4">
<div className="grid gap-2">
<Label htmlFor="username">Username</Label>
<Input name="username" type="text" placeholder="clotho" required />
<Input
name="username"
type="text"
placeholder="username"
required
/>
</div>
<div className="grid gap-2">
@ -52,7 +56,7 @@ export default function SignUpForm() {
<Input
name="email"
type="email"
placeholder="clotho@fates.com"
placeholder="mail@mail.com"
required
/>
</div>