From 9287adec01206183c24417f831848d2e239006c0 Mon Sep 17 00:00:00 2001
From: kayela <kayela@konceptkit.com>
Date: Wed, 14 Jan 2026 13:59:21 -0600
Subject: [PATCH] refactor: update button styles for improved theming and
 consistency

---
 src/pages/admin/AdminEvents.js  | 4 ++--
 src/pages/admin/AdminGallery.js | 4 ++--
 src/styles/components.css       | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/admin/AdminEvents.js b/src/pages/admin/AdminEvents.js
index a0df97a..4ccda8a 100644
--- a/src/pages/admin/AdminEvents.js
+++ b/src/pages/admin/AdminEvents.js
@@ -267,7 +267,7 @@ const AdminEvents = () => {
                   </Button>
                   <Button
                     type="submit"
-                    className="flex-1 bg-[var(--neutral-800)] text-[var(--purple-ink)] hover:bg-background rounded-full"
+                    className="btn-lavender flex-1"
                   >
                     {editingEvent ? 'Update Event' : 'Create Event'}
                   </Button>
@@ -408,7 +408,7 @@ const AdminEvents = () => {
           </p>
           <Button
             onClick={() => setIsCreateDialogOpen(true)}
-            className="bg-[var(--neutral-800)] text-[var(--purple-ink)] hover:bg-background rounded-full px-8"
+            className="btn-lavender px-8"
           >
             <Plus className="mr-2 h-5 w-5" />
             Create Event
diff --git a/src/pages/admin/AdminGallery.js b/src/pages/admin/AdminGallery.js
index 2b510b8..c30c545 100644
--- a/src/pages/admin/AdminGallery.js
+++ b/src/pages/admin/AdminGallery.js
@@ -184,7 +184,7 @@ const AdminGallery = () => {
 
           {/* Empty State Message */}
           {events.length === 0 && (
-            <div className="mt-4 p-4 bg-[var(--lavender-300)] border-2 border-[var(--neutral-800)] rounded-xl">
+            <div className="mt-4 p-4 bg-[var(--lavender-300)] dark:bg-brand-lavender/10 dark:border-transparent border-2 border-[var(--neutral-800)] rounded-xl">
               <div className="flex items-start gap-3">
                 <AlertCircle className="h-5 w-5 text-brand-purple  flex-shrink-0 mt-0.5" />
                 <div className="flex-1">
@@ -196,7 +196,7 @@ const AdminGallery = () => {
                   </p>
                   <Link to="/admin/events">
                     <Button
-                      className="btn-lavender  text-sm"
+                      className="btn-lavender text-sm"
                       style={{ fontFamily: "'Inter', sans-serif" }}
                     >
                       <Calendar className="h-4 w-4 mr-2" />
diff --git a/src/styles/components.css b/src/styles/components.css
index 822a2c6..494188d 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -73,7 +73,7 @@
     @apply bg-brand-pink  hover:bg-brand-dark-rose dark:text-[var(--lavender-100)] text-background dark:hover:text-white rounded-xl h-12 px-6 transition-transform;
   }
   .btn-lavender {
-    @apply bg-[var(--purple-lavender)] text-white hover:bg-[var(--purple-muted)] rounded-full flex items-center gap-2 dark:hover:bg-brand-lavender dark:hover:text-brand-dark-lavender;
+    @apply bg-[var(--purple-lavender)] text-white hover:bg-[var(--purple-muted)] rounded-full flex items-center gap-2 dark:hover:bg-foreground dark:hover:text-background;
   }
   .btn-light-lavender {
     @apply bg-[var(--neutral-800)] text-[var(--purple-ink)] hover:bg-brand-lavender rounded-full px-6 transition-transform dark:hover:bg-brand-lavender dark:hover:text-brand-dark-lavender ;