diff --git a/src/theme/dark.ts b/src/theme/dark.ts
index eb7b059705..4b03ebea83 100644
--- a/src/theme/dark.ts
+++ b/src/theme/dark.ts
@@ -58,7 +58,10 @@ const matrixAxis = {
         color: color.secondary
     },
     itemStyle: {
-        borderColor: color.neutral20
+        borderColor: color.borderTint
+    },
+    dividerLineStyle: {
+        color: color.border
     }
 };
 
@@ -188,10 +191,12 @@ const theme = {
         x: matrixAxis,
         y: matrixAxis,
         backgroundColor: {
-            borderColor: '#817f91'
+            borderColor: color.axisLine
         },
-        innerBackgroundStyle: {
-            borderColor: '#484753'
+        body: {
+            itemStyle: {
+                borderColor: color.borderTint
+            }
         }
     },
     timeAxis: axisCommon(),
diff --git a/test/matrix.html b/test/matrix.html
index ba553194f5..6915087ad0 100644
--- a/test/matrix.html
+++ b/test/matrix.html
@@ -40,6 +40,7 @@
         <div id="main0"></div>
         <div id="main0-1"></div>
         <div id="main0-2"></div>
+        <div id="main-dark"></div>
         <div id="main1"></div>
         <div id="main2"></div>
         <div id="main4"></div>
@@ -222,6 +223,60 @@
         </script>
 
 
+        <script>
+        require([
+            'echarts',
+            // 'map/js/china',
+            // './data/nutrients.json'
+        ], function (echarts) {
+            var option;
+
+            option = {
+                dataset: {
+                    source: []
+                },
+                matrix: {
+                    x: {
+                        data: [{
+                            value: 'A',
+                            children: ['A1', 'A2', {
+                                value: 'A3',
+                                children: ['A31', 'A32']
+                            }]
+                        }]
+                    },
+                    y: {
+                        data: ['U', 'V']
+                    }
+                },
+                visualMap: {
+                    type: 'continuous',
+                    min: 0,
+                    max: 80,
+                    top: 'middle',
+                    dimension: 2,
+                    calculable: true
+                },
+                series: {
+                    type: 'heatmap',
+                    coordinateSystem: 'matrix',
+                    label: {
+                        show: true
+                    }
+                }
+            };
+
+            var chart = testHelper.create(echarts, 'main-dark', {
+                title: [
+                    'Matrix with darkMode'
+                ],
+                option: option,
+                theme: 'dark'
+            });
+        });
+        </script>
+
+