From 45764476ac782918e816e1017a97990f5b8f576e Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Sun, 22 Dec 2024 10:00:19 +0100
Subject: [PATCH] fix badge count bg color

---
 web/src/components/atomic/CountBadge.vue | 2 +-
 web/src/style.css                        | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/components/atomic/CountBadge.vue b/web/src/components/atomic/CountBadge.vue
index 23eaa1ed3..f66896e27 100644
--- a/web/src/components/atomic/CountBadge.vue
+++ b/web/src/components/atomic/CountBadge.vue
@@ -1,6 +1,6 @@
 <template>
   <span
-    class="bg-wp-code-inline-100 text-wp-text-code-inline-100 hover:bg-wp-code-inline-200 inline-block px-1.5 py-0.5 rounded-full min-w-5 font-bold text-center text-xs leading-4"
+    class="bg-wp-code-inline-400 text-wp-text-code-inline-100 hover:bg-wp-code-inline-200 inline-block px-1.5 py-0.5 rounded-full min-w-5 font-bold text-center text-xs leading-4"
   >
     {{ value }}
   </span>
diff --git a/web/src/style.css b/web/src/style.css
index dbd4e1b45..074010397 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -63,6 +63,7 @@
   --wp-background-300: theme('colors.int-wp-secondary.300');
   --wp-background-400: theme('colors.int-wp-secondary.400');
   --wp-background-500: theme('colors.int-wp-secondary.500');
+  --wp-background-600: theme('colors.int-wp-secondary.600');
 
   --wp-text-100: theme('colors.gray.300');
   --wp-text-200: theme('colors.gray.200');
@@ -102,9 +103,10 @@
   --wp-code-inline-100: theme('colors.int-wp-secondary.800');
   --wp-code-inline-text-100: theme('colors.gray.300');
 
-  --wp-code-100: theme('colors.int-wp-secondary.700'); /* #383c4a */
+  --wp-code-100: theme('colors.int-wp-secondary.700'); /* #222631 */
   --wp-code-200: theme('colors.int-wp-secondary.600'); /* #2a2e3a */
   --wp-code-300: theme('colors.int-wp-secondary.800'); /* #1B1F28 */
+  --wp-code-400: theme('colors.int-wp-secondary.300'); /* #383c4a */
 
   --wp-code-text-100: theme('colors.gray.200');
   --wp-code-text-alt-100: theme('colors.gray.400');