diff --git a/src/tabbar/index.vue b/src/tabbar/index.vue
index b0ede6f..2b62b58 100644
--- a/src/tabbar/index.vue
+++ b/src/tabbar/index.vue
@@ -50,7 +50,7 @@ onLoad(() => {
     },
   })
 })
-const activeColor = '#1890ff'
+const activeColor = 'var(--wot-color-theme, #1890ff)'
 const inactiveColor = '#666'
 function getColorByIndex(index: number) {
   return tabbarStore.curIdx === index ? activeColor : inactiveColor