From 81df3fceb609c580ce88be6d8c4b1c4e07c22f68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Preu=C3=9F?= <rene@preuss.io>
Date: Mon, 20 Feb 2023 13:59:34 +0100
Subject: [PATCH] Color fixes

---
 src/runtime/components/BitinflowButton.vue | 29 +++++++++-------------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/runtime/components/BitinflowButton.vue b/src/runtime/components/BitinflowButton.vue
index bb0b02b..5f05feb 100644
--- a/src/runtime/components/BitinflowButton.vue
+++ b/src/runtime/components/BitinflowButton.vue
@@ -97,40 +97,35 @@ export default {
 .primary-solid {
   @apply bg-primary-500 hover:bg-primary-600 dark:bg-primary-500 dark:hover:bg-primary-400 text-white;
 }
-
-.base-solid {
-  @apply bg-white hover:bg-zinc-100 dark:bg-base-700 dark:hover:bg-base-600 text-black dark:text-white;
-}
-
-.light-solid {
-  @apply bg-zinc-100 hover:bg-zinc-200 dark:bg-base-600 dark:hover:bg-base-500 text-black dark:text-white;
+.primary-outline {
+  @apply border-primary-500 hover:bg-primary-500 dark:hover:bg-primary-500 dark:border-primary-500 dark:hover:border-primary-500 text-primary-500 hover:text-white;
 }
 
 .danger-solid {
   @apply bg-rose-500 hover:bg-rose-600 dark:bg-rose-500 dark:hover:bg-rose-400 text-white;
 }
+.danger-outline {
+  @apply border-rose-500 hover:bg-rose-500 dark:hover:bg-rose-500 dark:border-rose-500 dark:hover:border-rose-500 text-rose-500 hover:text-white;
+}
 
 .warning-solid {
   @apply bg-amber-500 hover:bg-amber-600 dark:bg-amber-500 dark:hover:bg-amber-400 text-white;
 }
-
-.primary-outline {
-  @apply border-primary-500 hover:bg-primary-500 dark:hover:bg-primary-500 dark:border-primary-500 dark:hover:border-primary-500 text-primary-500 hover:text-white;
-}
-
 .warning-outline {
   @apply border-amber-500 hover:bg-amber-500 dark:hover:bg-amber-500 dark:border-amber-500 dark:hover:border-amber-500 text-amber-500 hover:text-white;
 }
 
+.base-solid {
+  @apply bg-white hover:bg-zinc-100 dark:bg-base-700 dark:hover:bg-base-600 text-black dark:text-white;
+}
 .base-outline {
   @apply border-zinc-200 hover:bg-zinc-200 dark:hover:bg-base-700 dark:border-base-500 dark:hover:border-base-500 text-black dark:text-white;
 }
 
-.light-outline {
-  @apply border-zinc-100 hover:bg-zinc-200 hover:border-zinc-200 dark:hover:bg-base-600 dark:border-base-600 dark:hover:border-base-600 text-black dark:text-white;
+.light-solid {
+  @apply bg-zinc-200 hover:bg-zinc-300 dark:bg-base-500 dark:hover:bg-base-400 text-black dark:text-white;
 }
-
-.danger-outline {
-  @apply border-rose-500 hover:bg-rose-500 dark:hover:bg-rose-500 dark:border-rose-500 dark:hover:border-rose-500 text-rose-500 hover:text-white;
+.light-outline {
+  @apply border-zinc-200 hover:bg-zinc-200 hover:border-zinc-200 dark:hover:bg-base-500 dark:border-base-500 dark:hover:border-base-500 text-black dark:text-white;
 }
 </style>