Update default Markdown style in README (#305)

Expensify · Apr 12, 2024 · 06c9233 · 06c9233
1 parent 60d75ff
commit 06c9233
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -57,6 +57,11 @@ It is also possible to customize the styling of the formatted contents of `Markd
 ```tsx
 import type {MarkdownStyle} from '@expensify/react-native-live-markdown';
 
+const FONT_FAMILY_MONOSPACE = Platform.select({
+  ios: 'Courier',
+  default: 'monospace',
+});
+
 const markdownStyle: MarkdownStyle = {
   syntax: {
     color: 'gray',
@@ -67,19 +72,24 @@ const markdownStyle: MarkdownStyle = {
   h1: {
     fontSize: 25,
   },
+  emoji: {
+    fontSize: 20,
+  },
   blockquote: {
     borderColor: 'gray',
     borderWidth: 6,
     marginLeft: 6,
     paddingLeft: 6,
   },
   code: {
-    fontFamily: 'monospace',
+    fontFamily: FONT_FAMILY_MONOSPACE,
+    fontSize: 20,
     color: 'black',
     backgroundColor: 'lightgray',
   },
   pre: {
-    fontFamily: 'monospace',
+    fontFamily: FONT_FAMILY_MONOSPACE,
+    fontSize: 20,
     color: 'black',
     backgroundColor: 'lightgray',
   },