docs inline code styling fix (#2146)

* docs inline code styling fix * color and background change inline code
kadena-community · May 17, 2024 · b45db66 · b45db66
1 parent dc99fdc
commit b45db66
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/thirty-gifts-train.md 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
@@ -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',