diff --git a/app/globals.css b/app/globals.css
index 38652fe..9b8c8d2 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -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;
diff --git a/auth/components/signin/signin.tsx b/auth/components/signin/signin.tsx
index f1ffc4d..73eb29b 100644
--- a/auth/components/signin/signin.tsx
+++ b/auth/components/signin/signin.tsx
@@ -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">
diff --git a/auth/components/signup/signup.tsx b/auth/components/signup/signup.tsx
index 43c2514..ae30d2a 100644
--- a/auth/components/signup/signup.tsx
+++ b/auth/components/signup/signup.tsx
@@ -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>