From ab1a0af807e920f5ee673f0c2e65603a761d3ac3 Mon Sep 17 00:00:00 2001
From: Georges-Antoine Assi <contact@me.gantoine.com>
Date: Thu, 16 May 2024 19:46:01 -0400
Subject: [PATCH] darken btn colors

---
 app.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/app.vue b/app.vue
index 58e5594..4561823 100644
--- a/app.vue
+++ b/app.vue
@@ -414,9 +414,19 @@ const menuItems: MenuItem[] = [
 }
 
 .p-button {
-  background-color: theme("colors.purple.500");
-  border-color: theme("colors.purple.500");
+  background-color: theme("colors.purple.600");
+  border-color: theme("colors.purple.600");
   color: theme("colors.white");
+
+  &:hover {
+    background-color: theme("colors.purple.500");
+    border-color: theme("colors.purple.500");
+  }
+
+  &:focus {
+    background-color: theme("colors.purple.400");
+    border-color: theme("colors.purple.400");
+  }
 }
 </style>