darken btn colors

rommapp · May 16, 2024 · ab1a0af · ab1a0af
1 parent e5940ea
commit ab1a0af
Showing 1 changed file with 12 additions and 2 deletions.
diff --git 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>