diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 80ed2dc..768d875 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,7 +1,17 @@
 <template>
-  <wd-config-provider>
+  <wd-config-provider :themeVars="themeVars">
     <slot />
     <wd-toast />
     <wd-message-box />
   </wd-config-provider>
 </template>
+
+<script lang="ts" setup>
+import type { ConfigProviderThemeVars } from 'wot-design-uni'
+
+const themeVars: ConfigProviderThemeVars = {
+  // colorTheme: 'red',
+  // buttonPrimaryBgColor: '#07c160',
+  // buttonPrimaryColor: '#07c160',
+}
+</script>
diff --git a/src/layouts/demo.vue b/src/layouts/demo.vue
index 80ed2dc..768d875 100644
--- a/src/layouts/demo.vue
+++ b/src/layouts/demo.vue
@@ -1,7 +1,17 @@
 <template>
-  <wd-config-provider>
+  <wd-config-provider :themeVars="themeVars">
     <slot />
     <wd-toast />
     <wd-message-box />
   </wd-config-provider>
 </template>
+
+<script lang="ts" setup>
+import type { ConfigProviderThemeVars } from 'wot-design-uni'
+
+const themeVars: ConfigProviderThemeVars = {
+  // colorTheme: 'red',
+  // buttonPrimaryBgColor: '#07c160',
+  // buttonPrimaryColor: '#07c160',
+}
+</script>
diff --git a/src/style/index.scss b/src/style/index.scss
index 466319f..0c33c31 100644
--- a/src/style/index.scss
+++ b/src/style/index.scss
@@ -8,6 +8,9 @@
 
 :root,
 page {
+  // 修改按主题色
+  // --wot-color-theme: #37c2bc;
+
   // 修改按钮背景色
-  --wot-button-primary-bg-color: green;
+  // --wot-button-primary-bg-color: green;
 }