forked from PolarisPyra/daphnis
added colorscheme and fixed placeholder text
This commit is contained in:
parent
bb97254a54
commit
56bf64e297
@ -3,69 +3,71 @@
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 222.2 84% 4.9%;
|
||||
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 222.2 84% 4.9%;
|
||||
:root {
|
||||
--background: 0.00 0.00% 100.00%;
|
||||
--foreground: 0.00 0.00% 9.80%;
|
||||
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 222.2 84% 4.9%;
|
||||
--primary: 0.00 0.00% 0.00%;
|
||||
--primary-foreground: 0.00 0.00% 9.80%;
|
||||
|
||||
--primary: 222.2 47.4% 11.2%;
|
||||
--primary-foreground: 210 40% 98%;
|
||||
--card: 0.00 0.00% 100.00%;
|
||||
--card-foreground: 0.00 0.00% 9.80%;
|
||||
|
||||
--secondary: 210 40% 96.1%;
|
||||
--secondary-foreground: 222.2 47.4% 11.2%;
|
||||
--popover: 0.00 0.00% 100.00%;
|
||||
--popover-foreground: 0.00 0.00% 9.80%;
|
||||
|
||||
--muted: 210 40% 96.1%;
|
||||
--muted-foreground: 215.4 16.3% 46.9%;
|
||||
--secondary: 0.00 0.00% 100.00%;
|
||||
--secondary-foreground: 0.00 0.00% 0.00%;
|
||||
|
||||
--accent: 210 40% 96.1%;
|
||||
--accent-foreground: 222.2 47.4% 11.2%;
|
||||
--muted: 0.00 0.00% 100.00%;
|
||||
--muted-foreground: 0.00 0.00% 40.00%;
|
||||
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
--accent: 0.00 0.00% 100.00%;
|
||||
--accent-foreground: 0.00 0.00% 14.90%;
|
||||
|
||||
--border: 214.3 31.8% 91.4%;
|
||||
--input: 214.3 31.8% 91.4%;
|
||||
--ring: 222.2 84% 4.9%;
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
--border: 0.00 0.00% 20.00%;
|
||||
--input: 0.00 0.00% 87.45%;
|
||||
--ring: 0.00 0.00% 100.00%;
|
||||
|
||||
.dark {
|
||||
--background: 222.2 84% 4.9%;
|
||||
--foreground: 210 40% 98%;
|
||||
--radius: 0.5rem;
|
||||
|
||||
--card: 222.2 84% 4.9%;
|
||||
--card-foreground: 210 40% 98%;
|
||||
}
|
||||
.dark {
|
||||
|
||||
--popover: 222.2 84% 4.9%;
|
||||
--popover-foreground: 210 40% 98%;
|
||||
--background: 0.00 0.00% 0.00%;
|
||||
--foreground: 0.00 0.00% 100.00%;
|
||||
|
||||
--primary: 210 40% 98%;
|
||||
--primary-foreground: 222.2 47.4% 11.2%;
|
||||
--primary: 0.00 0.00% 100.00%;
|
||||
--primary-foreground: 0.00 0.00% 9.80%;
|
||||
|
||||
--secondary: 217.2 32.6% 17.5%;
|
||||
--secondary-foreground: 210 40% 98%;
|
||||
--card: 0.00 0.00% 7.84%;
|
||||
--card-foreground: 0.00 0.00% 100.00%;
|
||||
|
||||
--muted: 217.2 32.6% 17.5%;
|
||||
--muted-foreground: 215 20.2% 65.1%;
|
||||
--popover: 0.00 0.00% 0.00%;
|
||||
--popover-foreground: 0.00 0.00% 100.00%;
|
||||
|
||||
--accent: 217.2 32.6% 17.5%;
|
||||
--accent-foreground: 210 40% 98%;
|
||||
--secondary: 0.00 0.00% 34.90%;
|
||||
--secondary-foreground: 0.00 0.00% 100.00%;
|
||||
|
||||
--destructive: 0 62.8% 30.6%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
--muted: 0.00 0.00% 9.80%;
|
||||
--muted-foreground: 0.00 0.00% 50.20%;
|
||||
|
||||
--border: 217.2 32.6% 17.5%;
|
||||
--input: 217.2 32.6% 17.5%;
|
||||
--ring: 212.7 26.8% 83.9%;
|
||||
}
|
||||
--accent: 0.00 0.00% 34.90%;
|
||||
--accent-foreground: 0.00 0.00% 100.00%;
|
||||
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
|
||||
--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;
|
||||
|
@ -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">
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user