From cb1d134cd5f90a406568435c6357728981333d0b Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Sat, 21 Dec 2024 12:07:00 +0100
Subject: [PATCH] use existing color pallette colors for inline code bg

---
 web/src/style.css   | 13 ++++++-------
 web/windi.config.ts |  2 +-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/web/src/style.css b/web/src/style.css
index 07dc53111..54f90c8f1 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -39,9 +39,9 @@
   --wp-hint-warn-100: theme('colors.int-wp-hint-warn.100');
   --wp-hint-warn-200: theme('colors.int-wp-hint-warn.200');
 
-  --wp-code-100: theme('colors.int-wp-secondary.300');
-  --wp-code-200: theme('colors.int-wp-secondary.600');
-  --wp-code-300: #f0f1f3;
+  --wp-code-100: theme('colors.gray.200');
+  --wp-code-300: theme('colors.int-wp-secondary.300');
+  --wp-code-600: theme('colors.int-wp-secondary.600');
   --wp-code-text-100: theme('colors.gray.200');
   --wp-code-text-alt-100: theme('colors.gray.300');
 
@@ -89,9 +89,8 @@
   --wp-hint-warn-100: theme('colors.int-wp-hint-warn-dark.100');
   --wp-hint-warn-200: theme('colors.int-wp-hint-warn-dark.200');
 
-  --wp-code-100: theme('colors.int-wp-secondary.700');
-  --wp-code-200: theme('colors.int-wp-secondary.800');
-  --wp-code-300: #262934;
+  --wp-code-100: theme('colors.int-wp-secondary.300');
+  --wp-code-200: theme('colors.int-wp-secondary.600');
   --wp-code-text-100: theme('colors.gray.300');
   --wp-code-text-alt-100: theme('colors.gray.400');
 
@@ -151,5 +150,5 @@ body,
 
 .code-box-inline,
 code:not(pre > code) {
-  @apply bg-wp-code-300 px-1.5 py-0.5 rounded-md text-wp-text-100;
+  @apply bg-wp-code-100 px-1.5 py-0.5 rounded-md text-wp-text-100;
 }
diff --git a/web/windi.config.ts b/web/windi.config.ts
index 88373b4cc..38afab6da 100644
--- a/web/windi.config.ts
+++ b/web/windi.config.ts
@@ -196,7 +196,7 @@ export default defineConfig({
         'wp-code': {
           100: 'var(--wp-code-100)',
           200: 'var(--wp-code-200)',
-          300: 'var(--wp-code-300)',
+          300: 'var(--wp-code-100)',
         },
 
         'wp-code-text': {