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
@@ -199,7 +199,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: 'spoiler',
+    backgroundColor: 'spoiler',
+  },
   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,7 @@
   panelSecondaryForegroundBorder: '#D1D1D6',
   redButton: '#BB8888',
   redText: '#FF4444',
+  spoiler: '#33332C',
   tabBarAccent: '#7E57C2',
   tabBarBackground: '#F5F5F5',
   tabBarActiveTintColor: '#7E57C2',
@@ -149,6 +150,7 @@
   panelSecondaryForegroundBorder: '#666666',
   redButton: '#FF4444',
   redText: '#FF4444',
+  spoiler: '#33332C',
   tabBarAccent: '#AE94DB',
   tabBarBackground: '#0A0A0A',
   tabBarActiveTintColor: '#AE94DB',