Android: em.color is overwritten by paragraph TextSpan color

[BatiSlyme]

Greetings, I found the following problem while trying to style the :

Describe the bug
em.color works on iOS but does not render on Android in EnrichedMarkdownText.

To Reproduce
Steps to reproduce the behavior:

<EnrichedMarkdownText
  markdown="_Stand: Februar 2026_"
  flavor="github"
  markdownStyle={{
    paragraph: {
      color: "#1F1F21",
      fontSize: 14,
      lineHeight: 19,
    },
    em: {
      color: "#58585C",
      fontStyle: "normal",
    },
  }}
/>

Expected behavior
Android renders the text with the em color (#58585C).

Actual
iOS renders the em.color correctly.
Android renders the text with the paragraph color (#1F1F21) instead of (#58585C).

Device (please complete the following information):

• Device: Pixel_9a
• OS: Android
• Version 36.1
• react-native-enriched-markdown: 0.6.0

Additional context
Suspected Cause
On Android, EmphasisSpan appears to apply the emphasis color, but TextSpan later resets the paint color to the block color:

tp.color = blockStyle.color
This likely overwrites inline styles like em.color.

• A possible fix might be for TextSpan to preserve inline colors, similar to:

tp.applyColorPreserving(blockStyle.color, *styleCache.colorsToPreserve)

[hryhoriiK97]

hi @BatiSlyme, I've tried reproduce this problem but I couldn't - can you create a simple project with repro?

[BatiSlyme]

Hello,

Sorry for giving a wrong example, it seems the problem comes from the "code"'s "color" field property, as it was overwriting the color value for the "em":

markdownStyle:{{
code: {fontSize: 14, fontFamily: 'monospace', fontWeight: '400', lineHeight: 19, color: '#1F1F21', backgroundColor: '#f5f5f5'},
codeBlock: {fontFamily: 'monospace'},
em: {color: '#EB1616', fontStyle: 'normal'},
h1: {fontSize: 24, fontFamily: 'CocoSharpCustom-Bold', lineHeight: 30},
h2: {fontSize: 20, fontFamily: 'CocoSharpCustom-Bold', lineHeight: 25},
h3: {fontSize: 18, fontFamily: 'CocoSharpCustom-Bold', lineHeight: 23},
h4: {fontSize: 16, fontFamily: 'CocoSharpCustom-Bold', lineHeight: 20},
link: {color: 'black', underline: true},
list: {color: '#1F1F21', bulletColor: '#1F1F21', markerColor: '#1F1F21'},
paragraph: {fontSize: 14, fontFamily: 'CocoSharpCustom-Regular', fontWeight: '400', lineHeight: 19, flex: 1,
 backgroundColor: 'transparent', marginTop: 10, marginBottom: 16, color: '#1F1F21'},
strong: {fontFamily: 'CocoSharpCustom-Bold', fontWeight: 'bold'},
}}

I would suggest also adding color to codeBlock and strong and see if that would overwrite the em color property as well

[hryhoriiK97]

Hi @BatiSlyme, thanks! I've created a PR with the fix. It will be available in tomorrow's nightly release.

[BatiSlyme]

Thanks!