diff --git a/README.en-US.md b/README.en-US.md
index 1774202..1deeb9d 100644
--- a/README.en-US.md
+++ b/README.en-US.md
@@ -10,8 +10,10 @@ An out-of-box UI solution for enterprise applications as a React boilerplate.
 [![Dependence](https://img.shields.io/david/iczer/vue-antd-admin)](https://david-dm.org/iczer/vue-antd-admin)
 [![DevDependencies](https://img.shields.io/david/dev/iczer/vue-antd-admin)](https://david-dm.org/iczer/vue-antd-admin?type=dev)
 [![Release](https://img.shields.io/github/v/release/iczer/vue-antd-admin)](https://github.com/iczer/vue-antd-admin/releases/latest)
-![image](./src/assets/img/preview.png) 
+![image](./src/assets/img/preview.png)   
 
+Multiple theme modes available：  
+![image](./src/assets/img/preview-nine.png)
 </div>
 
 - Preview：https://iczer.gitee.io/vue-antd-admin
diff --git a/README.md b/README.md
index 5418f82..bc2e5e6 100644
--- a/README.md
+++ b/README.md
@@ -10,8 +10,10 @@
 [![Dependence](https://img.shields.io/david/iczer/vue-antd-admin)](https://david-dm.org/iczer/vue-antd-admin)
 [![DevDependencies](https://img.shields.io/david/dev/iczer/vue-antd-admin)](https://david-dm.org/iczer/vue-antd-admin?type=dev)
 [![Release](https://img.shields.io/github/v/release/iczer/vue-antd-admin)](https://github.com/iczer/vue-antd-admin/releases/latest)
-![image](./src/assets/img/preview.png) 
+![image](./src/assets/img/preview.png)  
 
+多种主题模式可选：  
+![image](./src/assets/img/preview-nine.png)
 </div>
 
 - 预览地址：https://iczer.gitee.io/vue-antd-admin
diff --git a/src/assets/img/preview-nine.png b/src/assets/img/preview-nine.png
new file mode 100644
index 0000000..d63b00b
Binary files /dev/null and b/src/assets/img/preview-nine.png differ