diff --git a/native/markdown/rules.react.js b/native/markdown/rules.react.js
--- a/native/markdown/rules.react.js
+++ b/native/markdown/rules.react.js
@@ -198,7 +198,11 @@
         node: SharedMarkdown.SingleASTNode,
         output: SharedMarkdown.Output<SharedMarkdown.ReactElement>,
         state: SharedMarkdown.State,
-      ) => <Text key={state.key}>{output(node.content, state)}</Text>,
+      ) => (
+        <Text key={state.key} style={styles.spoiler}>
+          {output(node.content, state)}
+        </Text>
+      ),
     },
     inlineCode: {
       ...SimpleMarkdown.defaultRules.inlineCode,
diff --git a/native/markdown/styles.js b/native/markdown/styles.js
--- a/native/markdown/styles.js
+++ b/native/markdown/styles.js
@@ -14,6 +14,10 @@
   italics: {
     fontStyle: 'italic',
   },
+  spoiler: {
+    color: 'spoilerText',
+    backgroundColor: 'spoilerBackground',
+  },
   bold: {
     fontWeight: 'bold',
   },
diff --git a/native/themes/colors.js b/native/themes/colors.js
--- a/native/themes/colors.js
+++ b/native/themes/colors.js
@@ -75,6 +75,8 @@
   panelSecondaryForegroundBorder: '#D1D1D6',
   redButton: '#BB8888',
   redText: '#AA0000',
+  spoilerText: '#33332C',
+  spoilerBackground: '#33332C',
   tabBarAccent: '#AE94DB',
   tabBarBackground: '#F5F5F5',
   vibrantGreenButton: '#00C853',
@@ -147,6 +149,8 @@
   panelSecondaryForegroundBorder: '#666666',
   redButton: '#FF4444',
   redText: '#FF4444',
+  spoilerText: '#33332C',
+  spoilerBackground: '#33332C',
   tabBarAccent: '#AE94DB',
   tabBarBackground: '#0A0A0A',
   vibrantGreenButton: '#00C853',