From 3f707924d29e1cf665c181e08ca568858122430c Mon Sep 17 00:00:00 2001
From: tfomkin <tfomkin@ronasit.com>
Date: Fri, 30 Jan 2026 14:46:39 +0800
Subject: [PATCH] chore: replaced styles for Markdown code block with
 classnames

---
 .../shared/features/markdown-view/src/lib/component.tsx    | 7 +------
 libs/mobile/shared/ui/code-block/src/lib/component.tsx     | 4 +++-
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/libs/mobile/shared/features/markdown-view/src/lib/component.tsx b/libs/mobile/shared/features/markdown-view/src/lib/component.tsx
index 3a4e41e..50c3d65 100644
--- a/libs/mobile/shared/features/markdown-view/src/lib/component.tsx
+++ b/libs/mobile/shared/features/markdown-view/src/lib/component.tsx
@@ -54,7 +54,7 @@ export function AppMarkdownView({
     ) => {
       return (
         <CodeBlock
-          fenceStyle={[inheritedStyles, markdownStyles.fence]}
+          fenceStyle={inheritedStyles}
           key={`code-block-${node.key}`}
           sourceInfo={node.sourceInfo}
           content={node.content}
@@ -302,9 +302,4 @@ const markdownStyles = createStyles({
     backgroundColor: colorScheme.get() === 'dark' ? colors.gray700 : colors.gray75,
     textDecorationLine: 'none',
   },
-  fence: {
-    backgroundColor: colorScheme.get() === 'dark' ? colors.gray700 : colors.gray75,
-    borderRadius: 8,
-    padding: 12,
-  },
 });
diff --git a/libs/mobile/shared/ui/code-block/src/lib/component.tsx b/libs/mobile/shared/ui/code-block/src/lib/component.tsx
index 2a4a22a..6579716 100644
--- a/libs/mobile/shared/ui/code-block/src/lib/component.tsx
+++ b/libs/mobile/shared/ui/code-block/src/lib/component.tsx
@@ -56,7 +56,9 @@ export function CodeBlock({
     return (
       <View className='gap-4'>
         {copyButton}
-        <AppText style={fenceStyle}>{formattedContent}</AppText>
+        <AppText style={fenceStyle} className={'bg-background-tertiary rounded-lg p-12'}>
+          {formattedContent}
+        </AppText>
       </View>
     );
   }