diff --git a/example/pages/sidebar/index.wxml b/example/pages/sidebar/index.wxml
index 16852a19..ca9558f3 100644
--- a/example/pages/sidebar/index.wxml
+++ b/example/pages/sidebar/index.wxml
@@ -2,36 +2,36 @@
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
diff --git a/packages/common/style/var.less b/packages/common/style/var.less
index a932a315..c0659797 100644
--- a/packages/common/style/var.less
+++ b/packages/common/style/var.less
@@ -400,7 +400,7 @@
@sidebar-disabled-text-color: @gray-5;
@sidebar-padding: 20px @padding-sm 20px @padding-xs;
@sidebar-active-color: @active-color;
-@sidebar-background-color: @background-color-light;
+@sidebar-background-color: @background-color;
@sidebar-selected-font-weight: @font-weight-bold;
@sidebar-selected-text-color: @text-color;
@sidebar-selected-border-color: @red;
@@ -541,7 +541,7 @@
// TreeSelect
@tree-select-font-size: @font-size-md;
-@tree-select-nav-background-color: @background-color-light;
+@tree-select-nav-background-color: @background-color;
@tree-select-content-background-color: @white;
@tree-select-nav-item-padding: @padding-sm @padding-xs @padding-sm @padding-sm;
@tree-select-item-height: 44px;
diff --git a/packages/sidebar/README.md b/packages/sidebar/README.md
index e10975d3..bf777835 100644
--- a/packages/sidebar/README.md
+++ b/packages/sidebar/README.md
@@ -21,9 +21,9 @@
```html
-
-
-
+
+
+
```
@@ -41,9 +41,9 @@ Page({
```html
-
-
-
+
+
+
```
@@ -53,9 +53,9 @@ Page({
```html
-
-
-
+
+
+
```
@@ -65,9 +65,9 @@ Page({
```html
-
-
-
+
+
+