Dark overrides to ensure the hover states darken

Author: aaronshekey

components/button/index.tsx

@@ -13,7 +13,7 @@ const buttonVariants = cva(
 				outline:
 					"bg-white dark:bg-gray-50 border-blue-600 text-blue-600 hover:bg-blue-500/5 dark:hover:bg-blue-500/5 active:bg-blue-500/10 focus-visible:ring-blue-500/25",
 				solid:
-					"border-transparent bg-blue-500 text-button hover:bg-blue-600 active:bg-blue-700 focus-visible:border-blue-600 focus-visible:ring-blue-500/25",
+					"border-transparent bg-blue-500 text-button hover:bg-blue-600 dark:hover:bg-blue-400 active:bg-blue-700 dark:active:bg-blue-300 focus-visible:border-blue-600 focus-visible:ring-blue-500/25",
 				ghost:
 					"border-transparent text-blue-600 hover:bg-blue-500/5 active:bg-blue-500/10 focus-visible:ring-blue-500/25",
 			},
@@ -42,7 +42,7 @@ const buttonVariants = cva(
 				appearance: "solid",
 				priority: "danger",
 				class:
-					"border-transparent bg-red-500 hover:bg-red-600 active:bg-red-700 focus-visible:ring-red-500/25 focus-visible:border-red-600",
+					"border-transparent bg-red-500 hover:bg-red-600 active:bg-red-700 focus-visible:ring-red-500/25 focus-visible:border-red-600 dark:hover:bg-red-400 dark:active:bg-red-300",
 			},
 			{
 				appearance: "ghost",
@@ -60,7 +60,7 @@ const buttonVariants = cva(
 				appearance: "solid",
 				priority: "muted",
 				class:
-					"border-transparent bg-gray-500 hover:bg-gray-600 active:bg-gray-700 focus-visible:ring-gray-500/25 focus-visible:border-gray-600",
+					"border-transparent bg-gray-500 hover:bg-gray-600 active:bg-gray-700 focus-visible:ring-gray-500/25 focus-visible:border-gray-600 dark:hover:bg-gray-400 dark:active:bg-gray-300",
 			},
 		],
 	},