hejsztynx · Oct 12, 2026 · Oct 15, 2026 · Oct 15, 2026 · Oct 15, 2026 · Oct 15, 2026
diff --git a/.maestro/enrichedInput/flows/custom_style_colors_visual.yaml b/.maestro/enrichedInput/flows/custom_style_colors_visual.yaml
@@ -0,0 +1,129 @@
+appId: swmansion.enriched.example
+---
+# Validates custom colors on plain text, inline styles, and paragraph styles.
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- tapOn:
+    id: 'editor-input'
+
+# Section 1: Plain text with colors
+
+- tapOn:
+    id: 'toolbar-text-color'
+- tapOn:
+    id: 'color-swatch-FF0000'
+- inputText: 'Red text'
+- tapOn:
+    id: 'toolbar-text-color'
+- tapOn:
+    id: 'color-swatch-clear'
+- inputText: ' '
+
+- tapOn:
+    id: 'toolbar-bg-color'
+- tapOn:
+    id: 'color-swatch-FFFF00'
+- inputText: 'Yellow back'
+- tapOn:
+    id: 'toolbar-bg-color'
+- tapOn:
+    id: 'color-swatch-clear'
+- inputText: ' '
+
+- tapOn:
+    id: 'toolbar-text-color'
+- tapOn:
+    id: 'color-swatch-FF0000'
+- tapOn:
+    id: 'toolbar-bg-color'
+- tapOn:
+    id: 'color-swatch-FFFF00'
+- inputText: 'Red+Yellow'
+- tapOn:
+    id: 'toolbar-text-color'
+- tapOn:
+    id: 'color-swatch-clear'
+- tapOn:
+    id: 'toolbar-bg-color'
+- tapOn:
+    id: 'color-swatch-clear'
+- inputText: ' '
+
+# Section 2: Inline styles + color
+
+- tapOn:
+    id: 'toolbar-bold'
+- tapOn:
+    id: 'toolbar-text-color'
+- tapOn:
+    id: 'color-swatch-FF0000'
+- inputText: 'Bold red'
+- tapOn:
+    id: 'toolbar-bold'
+- tapOn:
+    id: 'toolbar-text-color'
+- tapOn:
+    id: 'color-swatch-clear'
+- inputText: ' '
+
+- tapOn:
+    id: 'toolbar-italic'
+- tapOn:
+    id: 'toolbar-bg-color'
+- tapOn:
+    id: 'color-swatch-FFFF00'
+- inputText: 'Italic yellow back'
+- tapOn:
+    id: 'toolbar-italic'
+- tapOn:
+    id: 'toolbar-bg-color'
+- tapOn:
+    id: 'color-swatch-clear'
+- inputText: ' '
+- pressKey: Enter
+
+# Section 3: Paragraph styles + color
+
+- tapOn:
+    id: 'toolbar-heading-5'
+- tapOn:
+    id: 'toolbar-text-color'
+- tapOn:
+    id: 'color-swatch-FF0000'
+- inputText: 'H5 red'
+- pressKey: Enter
+- tapOn:
+    id: 'toolbar-text-color'
+- scroll
+- tapOn:
+    id: 'color-swatch-clear'
+- scrollUntilVisible:
+    element:
+      id: 'blur-button'
+    direction: UP
+
+- tapOn:
+    id: 'toolbar-quote'
+- tapOn:
+    id: 'toolbar-bg-color'
+- scroll
+- tapOn:
+    id: 'color-swatch-FFFF00'
+- inputText: 'Quote yellow back'
+- tapOn:
+    id: 'toolbar-bg-color'
+- scroll
+- tapOn:
+    id: 'color-swatch-clear'
+- scrollUntilVisible:
+    element:
+      id: 'blur-button'
+    direction: UP
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'custom_style_colors'
diff --git a/.maestro/enrichedInput/flows/custom_style_fonts_visual.yaml b/.maestro/enrichedInput/flows/custom_style_fonts_visual.yaml
@@ -0,0 +1,131 @@
+appId: swmansion.enriched.example
+---
+# Validates custom font size and font family on plain text, inline styles, and paragraph styles.
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- tapOn:
+    id: 'editor-input'
+
+# Section 1: Plain text with custom fonts
+
+- tapOn:
+    id: 'toolbar-font-size'
+- tapOn:
+    id: 'font-size-24'
+- inputText: '24px plain'
+- tapOn:
+    id: 'toolbar-font-size'
+- tapOn:
+    id: 'font-size-clear'
+- inputText: ' '
+
+- tapOn:
+    id: 'toolbar-font-family'
+- tapOn:
+    id: 'font-family-Nunito-Bold'
+- inputText: 'Bold family'
+- tapOn:
+    id: 'toolbar-font-family'
+- tapOn:
+    id: 'font-family-clear'
+- inputText: ' '
+
+- tapOn:
+    id: 'toolbar-font-size'
+- tapOn:
+    id: 'font-size-32'
+- tapOn:
+    id: 'toolbar-font-family'
+- tapOn:
+    id: 'font-family-Courier'
+- inputText: '32 Courier'
+- tapOn:
+    id: 'toolbar-font-size'
+- tapOn:
+    id: 'font-size-clear'
+- tapOn:
+    id: 'toolbar-font-family'
+- tapOn:
+    id: 'font-family-clear'
+- inputText: ' '
+
+# Section 2: Inline styles + custom fonts
+
+- tapOn:
+    id: 'toolbar-bold'
+- tapOn:
+    id: 'toolbar-font-size'
+- tapOn:
+    id: 'font-size-20'
+- inputText: 'Bold 20px'
+- tapOn:
+    id: 'toolbar-bold'
+- tapOn:
+    id: 'toolbar-font-size'
+- tapOn:
+    id: 'font-size-clear'
+- inputText: ' '
+
+- tapOn:
+    id: 'toolbar-italic'
+- tapOn:
+    id: 'toolbar-font-family'
+- tapOn:
+    id: 'font-family-Nunito-Italic'
+- inputText: 'Italic family'
+- tapOn:
+    id: 'toolbar-italic'
+- tapOn:
+    id: 'toolbar-font-family'
+- tapOn:
+    id: 'font-family-clear'
+- inputText: ' '
+
+- tapOn:
+    id: 'toolbar-inline-code'
+- tapOn:
+    id: 'toolbar-font-family'
+- scroll
+- tapOn:
+    id: 'font-family-CascadiaCode-Bold'
+- scrollUntilVisible:
+    element:
+      id: 'blur-button'
+    direction: UP
+- inputText: 'Code bold'
+- tapOn:
+    id: 'toolbar-inline-code'
+- tapOn:
+    id: 'toolbar-font-family'
+- scroll
+- tapOn:
+    id: 'font-family-clear'
+- scrollUntilVisible:
+    element:
+      id: 'blur-button'
+    direction: UP
+- inputText: ' '
+- pressKey: Enter
+
+# Section 3: Paragraph styles + custom fonts
+
+- tapOn:
+    id: 'toolbar-quote'
+- tapOn:
+    id: 'toolbar-font-family'
+- scroll
+- tapOn:
+    id: 'font-family-CascadiaCode-Regular'
+- inputText: 'Quote code family'
+- scrollUntilVisible:
+    element:
+      id: 'blur-button'
+    direction: UP
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'custom_style_fonts'
diff --git a/.maestro/enrichedInput/screenshots/android/custom_style_colors.png b/.maestro/enrichedInput/screenshots/android/custom_style_colors.png
diff --git a/.maestro/enrichedInput/screenshots/android/custom_style_fonts.png b/.maestro/enrichedInput/screenshots/android/custom_style_fonts.png
diff --git a/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_1.png b/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_1.png
diff --git a/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_2.png b/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_2.png
diff --git a/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_3.png b/.../enrichedInput/screenshots/android/mention_popup_closing_on_cursor_travel_3.png
diff --git a/.maestro/enrichedInput/screenshots/ios/custom_style_colors.png b/.maestro/enrichedInput/screenshots/ios/custom_style_colors.png
diff --git a/.maestro/enrichedInput/screenshots/ios/custom_style_fonts.png b/.maestro/enrichedInput/screenshots/ios/custom_style_fonts.png
diff --git a/...stro/enrichedInput/screenshots/ios/mention_popup_closing_on_cursor_travel_1.png b/...stro/enrichedInput/screenshots/ios/mention_popup_closing_on_cursor_travel_1.png
diff --git a/...stro/enrichedInput/screenshots/ios/mention_popup_closing_on_cursor_travel_2.png b/...stro/enrichedInput/screenshots/ios/mention_popup_closing_on_cursor_travel_2.png
diff --git a/...stro/enrichedInput/screenshots/ios/mention_popup_closing_on_cursor_travel_3.png b/...stro/enrichedInput/screenshots/ios/mention_popup_closing_on_cursor_travel_3.png
diff --git a/.maestro/enrichedText/flows/custom_style_colors_visual.yaml b/.maestro/enrichedText/flows/custom_style_colors_visual.yaml
@@ -0,0 +1,28 @@
+appId: swmansion.enriched.example
+---
+# Validates that custom style colors are displayed correctly
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- tapOn:
+    id: 'toggle-enriched-text-screen-button'
+
+- runFlow:
+    file: '../subflows/set_enriched_text_value.yaml'
+    env:
+      VALUE: >
+        <html>
+          <p><span style="color: #FF5733;">Standard 6-digit Hex text</span></p>
+          <p><span style="background-color: #000000; color: #FFFFFF;">White text on black background</span></p>
+          <p><span style="background-color: #00FF0040;">25% transparent green background</span></p>
+          <p><span style="color: #0000FF80;">50% transparent blue text</span></p>
+          <p><span style="color: #F00;">Red 3-digit shorthand text</span></p>
+          <h6><span style="background-color: #0F0; color: #000;">Black text on green</span></h6>
+        </html>
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'custom_style_colors_visual'
diff --git a/.maestro/enrichedText/flows/custom_style_fonts_visual.yaml b/.maestro/enrichedText/flows/custom_style_fonts_visual.yaml
@@ -0,0 +1,29 @@
+appId: swmansion.enriched.example
+---
+# Validates that custom style fonts are displayed correctly
+- launchApp
+
+- tapOn:
+    id: 'toggle-screen-button'
+
+- tapOn:
+    id: 'toggle-enriched-text-screen-button'
+
+- runFlow:
+    file: '../subflows/set_enriched_text_value.yaml'
+    env:
+      VALUE: >
+        <html>
+          <p>Regular family</p>
+          <p><span style="font-size: 24px;">24px plain</span></p>
+          <p><span style="font-family: Nunito-Bold;">Bold family</span></p>
+          <p><span style="font-size: 32px; font-family: Courier;">32 Courier</span></p>
+          <p><b><span style="font-size: 20px;">Bold 20px</span></b> <i><span style="font-family: Nunito-Italic;">Italic family</span></i> <code><span style="font-family: CascadiaCode-Bold;">Code bold</span></code></p>
+          <h5><span style="font-size: 40px;">H5 40px</span></h5>
+          <blockquote><p><span style="font-family: CascadiaCode-Regular;">Quote code family</span></p></blockquote>
+        </html>
+
+- runFlow:
+    file: '../subflows/capture_or_assert_screenshot.yaml'
+    env:
+      SCREENSHOT_NAME: 'custom_style_fonts_visual'
diff --git a/.maestro/enrichedText/screenshots/android/custom_style_colors_visual.png b/.maestro/enrichedText/screenshots/android/custom_style_colors_visual.png
diff --git a/.maestro/enrichedText/screenshots/android/custom_style_fonts_visual.png b/.maestro/enrichedText/screenshots/android/custom_style_fonts_visual.png
diff --git a/.maestro/enrichedText/screenshots/ios/custom_style_colors_visual.png b/.maestro/enrichedText/screenshots/ios/custom_style_colors_visual.png
diff --git a/.maestro/enrichedText/screenshots/ios/custom_style_fonts_visual.png b/.maestro/enrichedText/screenshots/ios/custom_style_fonts_visual.png
diff --git a/.playwright/screenshots/custom-style-colors-visual.png b/.playwright/screenshots/custom-style-colors-visual.png
diff --git a/.playwright/screenshots/custom-style-fonts-visual.png b/.playwright/screenshots/custom-style-fonts-visual.png
diff --git a/.playwright/screenshots/enriched-text-blockquote-code-codeblock.png b/.playwright/screenshots/enriched-text-blockquote-code-codeblock.png
diff --git a/.playwright/screenshots/inline-styles.png b/.playwright/screenshots/inline-styles.png