Merge pull request #41 from RonasIT/PRD-2152-code-block-bg-color-fix

PRD-2152: code block background color fix

Author: veliseev93

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,
-  },
 });

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>
     );
   }