diff --git a/src/app/globals.css b/src/app/globals.css
index b64a576..d09198a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -14,7 +14,7 @@ body {
     --card-foreground: 222.2 84% 4.9%;
     --popover: 0 0% 100%;
     --popover-foreground: 222.2 84% 4.9%;
-    --primary: 262.1 83.3% 57.8%;
+    --primary: 142.1 83.3% 57.8%;
     --primary-foreground: 210 40% 98%;
     --secondary: 210 40% 96.1%;
     --secondary-foreground: 210 40% 9.8%;
@@ -26,7 +26,7 @@ body {
     --destructive-foreground: 210 40% 98%;
     --border: 214.3 31.8% 91.4%;
     --input: 214.3 31.8% 91.4%;
-    --ring: 262.1 83.3% 57.8%;
+    --ring: 142.1 83.3% 57.8%;
     --radius: 0.5rem;
     --chart-1: 12 76% 61%;
     --chart-2: 173 58% 39%;
@@ -42,7 +42,7 @@ body {
     --card-foreground: 210 40% 98%;
     --popover: 222.2 84% 4.9%;
     --popover-foreground: 210 40% 98%;
-    --primary: 263.4 95.2% 66.3%;
+    --primary: 143.4 95.2% 66.3%;
     --primary-foreground: 210 40% 98%;
     --secondary: 217.2 32.6% 17.5%;
     --secondary-foreground: 210 40% 98%;
@@ -54,7 +54,7 @@ body {
     --destructive-foreground: 0 85.7% 97.3%;
     --border: 217.2 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
-    --ring: 263.4 95.2% 66.3%;
+    --ring: 143.4 95.2% 66.3%;
     --chart-1: 220 70% 50%;
     --chart-2: 160 60% 45%;
     --chart-3: 30 80% 55%;
@@ -70,4 +70,4 @@ body {
   body {
     @apply bg-background text-foreground;
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 934d9cf..b88b00a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -19,8 +19,8 @@ export default function RootLayout({
         <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
         <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet"></link>
       </head>
-      <body className="font-body antialiased bg-gradient-to-br from-[#0a001a] to-[#1e0033] text-foreground min-h-screen">
-        <div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_400px_at_50%_300px,#3a007233,transparent)]"></div>
+      <body className="font-body antialiased bg-gradient-to-br from-[#001a0a] to-[#003320] text-foreground min-h-screen">
+        <div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_400px_at_50%_300px,#007a3233,transparent)]"></div>
         <div className="relative z-10">
           {children}
         </div>
@@ -28,4 +28,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}
\ No newline at end of file
diff --git a/src/components/create-prompt-dialog.tsx b/src/components/create-prompt-dialog.tsx
index 13ff4e8..2924da6 100644
--- a/src/components/create-prompt-dialog.tsx
+++ b/src/components/create-prompt-dialog.tsx
@@ -95,7 +95,7 @@ export function CreatePromptDialog() {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>
-        <Button>
+        <Button className="bg-primary/20">
           <PlusCircle className="mr-2 h-4 w-4" />
           New Prompt
         </Button>
diff --git a/src/components/prompt-card.tsx b/src/components/prompt-card.tsx
index ae365b1..4a8155a 100644
--- a/src/components/prompt-card.tsx
+++ b/src/components/prompt-card.tsx
@@ -46,7 +46,7 @@ export function PromptCard({ prompt }: PromptCardProps) {
       <CardFooter className="flex flex-col items-start gap-4">
         <div className="flex flex-wrap gap-2">
           {prompt.tags.map((tag) => (
-            <Badge key={tag} variant="secondary" className="bg-primary/20 text-primary-foreground/80 border-none">
+            <Badge key={tag} variant="secondary" className="bg-primary/20 text-primary-foreground/80 border-none hover:bg-primary/50">
               {tag}
             </Badge>
           ))}
@@ -55,9 +55,9 @@ export function PromptCard({ prompt }: PromptCardProps) {
           onClick={handleCopy}
           variant="ghost"
           size="sm"
-          className="w-full justify-center group"
+          className="w-full justify-center group bg-primary/60  hover:bg-primary/50"
         >
-          <Copy className="h-4 w-4 mr-2 group-hover:text-accent transition-colors" />
+          <Copy className="h-4 w-4 mr-2 group-hover:text-primaty/50 transition-colors" />
           Copy Prompt
         </Button>
       </CardFooter>
