From b45db66d426bfc8f7bf086fada7e792e0993ea21 Mon Sep 17 00:00:00 2001
From: Isa Ozler <1378630+isaozler@users.noreply.github.com>
Date: Fri, 17 May 2024 12:54:22 +0300
Subject: [PATCH] docs inline code styling fix (#2146)

* docs inline code styling fix

* color and background change inline code
---
 .changeset/thirty-gifts-train.md                             | 5 +++++
 packages/apps/docs/src/components/Markdown/Code/style.css.ts | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/thirty-gifts-train.md

diff --git a/.changeset/thirty-gifts-train.md b/.changeset/thirty-gifts-train.md
new file mode 100644
index 0000000000..6b8706a86c
--- /dev/null
+++ b/.changeset/thirty-gifts-train.md
@@ -0,0 +1,5 @@
+---
+"@kadena/docs-tools": patch
+---
+
+Inline code styling fix according to the badge designs
diff --git a/packages/apps/docs/src/components/Markdown/Code/style.css.ts b/packages/apps/docs/src/components/Markdown/Code/style.css.ts
index fba934bda5..157c35b7cb 100644
--- a/packages/apps/docs/src/components/Markdown/Code/style.css.ts
+++ b/packages/apps/docs/src/components/Markdown/Code/style.css.ts
@@ -7,13 +7,13 @@ import { paragraphWrapperClass } from '../Paragraph/styles.css';
 export const inlineCode = style([
   atoms({
     borderRadius: 'sm',
-    backgroundColor: 'semantic.info.default',
-    color: 'text.semantic.info.default',
+    color: 'text.brand.secondary.default',
     marginInlineStart: 'xs',
     marginInlineEnd: 'xs',
     fontFamily: 'monospaceFont',
   }),
   {
+    backgroundColor: tokens.kda.foundation.color.neutral['n99@alpha10'],
     padding: `calc(${tokens.kda.foundation.spacing.xs} / 4) ${tokens.kda.foundation.spacing.xs}`,
     fontSize: 'smaller',
     fontWeight: 'bolder',