diff --git a/components/result/demo/error.md b/components/result/demo/error.md
index 3ef91047b5..631dc3e652 100644
--- a/components/result/demo/error.md
+++ b/components/result/demo/error.md
@@ -43,15 +43,27 @@ ReactDOM.render(
         </Text>
       </Paragraph>
       <Paragraph>
-        <CloseCircleOutlined style={{ color: 'red' }} /> Your account has been frozen
+        <CloseCircleOutlined className="site-result-demo-error-icon" /> Your account has been frozen
         <a>Thaw immediately &gt;</a>
       </Paragraph>
       <Paragraph>
-        <CloseCircleOutlined style={{ color: 'red' }} /> Your account is not yet eligible to apply{' '}
-        <a>Apply Unlock &gt;</a>
+        <CloseCircleOutlined className="site-result-demo-error-icon" /> Your account is not yet
+        eligible to apply <a>Apply Unlock &gt;</a>
       </Paragraph>
     </div>
   </Result>,
   mountNode,
 );
 ```
+
+```css
+.site-result-demo-error-icon {
+  color: red;
+}
+```
+
+<style>
+[data-theme="dark"] .site-result-demo-error-icon {
+  color: #a61d24;
+}
+</style>