diff --git a/components/dropdown/demo/context-menu.md b/components/dropdown/demo/context-menu.md
index 03809d55c9..97253b1447 100644
--- a/components/dropdown/demo/context-menu.md
+++ b/components/dropdown/demo/context-menu.md
@@ -27,12 +27,11 @@ const menu = (
 ReactDOM.render(
   <Dropdown overlay={menu} trigger={['contextMenu']}>
     <div
+      className="site-dropdown-context-menu"
       style={{
         textAlign: 'center',
-        background: '#f7f7f7',
         height: 200,
         lineHeight: '200px',
-        color: '#777',
       }}
     >
       Right Click on here
@@ -41,3 +40,17 @@ ReactDOM.render(
   mountNode,
 );
 ```
+
+```css
+.site-dropdown-context-menu {
+  background: #f7f7f7;
+  color: #777;
+}
+```
+
+<style>
+  [data-theme="dark"] .site-dropdown-context-menu {
+    background: #141414;
+    color: rgba(255,255,255,.65);
+  }
+</style>
diff --git a/site/theme/static/markdown.less b/site/theme/static/markdown.less
index 8a35a973a1..e1ff24473b 100644
--- a/site/theme/static/markdown.less
+++ b/site/theme/static/markdown.less
@@ -157,6 +157,11 @@
   background: rgba(0, 0, 0, 0.02);
 }
 
+[data-theme='dark'] .markdown > table th {
+  color: fade(@white, 65%);
+  background: #1d1d1d;
+}
+
 .markdown > table th,
 .markdown > table td {
   padding: 16px 24px;
@@ -275,6 +280,16 @@
   }
 }
 
+[data-theme='dark'] .markdown.api-container {
+  table {
+    tbody tr {
+      &:hover {
+        background: #262626;
+      }
+    }
+  }
+}
+
 .grid-demo,
 [id^='components-grid-demo-'] {
   .demo-row,