PolarisPyra/daphnis
1
2
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added colorscheme and fixed placeholder text

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

76
app/globals.css
View File

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

7
auth/components/signin/signin.tsx
View File

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

10
auth/components/signup/signup.tsx
View File

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