diff --git a/src/packages/tabpane/tabpane.scss b/src/packages/tabpane/tabpane.scss
index eacc7bafaf..ba3befd7a6 100644
--- a/src/packages/tabpane/tabpane.scss
+++ b/src/packages/tabpane/tabpane.scss
@@ -2,7 +2,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: $tabs-tabpane-backgroundColor;
+  background-color: $tabs-tabpane-background-color;
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;
diff --git a/src/packages/tabs/doc.en-US.md b/src/packages/tabs/doc.en-US.md
index a5c0a1864f..adb3fe22ae 100644
--- a/src/packages/tabs/doc.en-US.md
+++ b/src/packages/tabs/doc.en-US.md
@@ -259,6 +259,6 @@ The component provides the following CSS variables, which can be used to customi
 | \--nutui-tabs-vertical-tab-line-width | Vertical title line width | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | The height of the vertical title line | `12px` |
 | \--nutui-tabs-tabpane-padding | Padding of the Tabpane content | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | BackgroundColor of the Tabpane content | `#fff` |
+| \--nutui-tabs-tabpane-background-color | BackgroundColor of the Tabpane content | `#fff` |
 
 <Contribution name="Tabs" />
diff --git a/src/packages/tabs/doc.md b/src/packages/tabs/doc.md
index 086d689bf2..53448f5b56 100644
--- a/src/packages/tabs/doc.md
+++ b/src/packages/tabs/doc.md
@@ -259,6 +259,6 @@ import { Tabs } from '@nutui/nutui-react'
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向标题线条的宽度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向标题线条的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的内边距 | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色 | `#fff` |
+| \--nutui-tabs-tabpane-background-color | Tabpane 的背景色 | `#fff` |
 
 <Contribution name="Tabs" />
diff --git a/src/packages/tabs/doc.taro.md b/src/packages/tabs/doc.taro.md
index 4b29a14e1d..789ca19516 100644
--- a/src/packages/tabs/doc.taro.md
+++ b/src/packages/tabs/doc.taro.md
@@ -257,6 +257,6 @@ import { Tabs } from '@nutui/nutui-react-taro'
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向标题线条的宽度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向标题线条的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的内边距 | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色 | `#fff` |
+| \--nutui-tabs-tabpane-background-color | Tabpane 的背景色 | `#fff` |
 
 <Contribution name="Tabs" />
diff --git a/src/packages/tabs/doc.zh-TW.md b/src/packages/tabs/doc.zh-TW.md
index 62a5f20638..a9a0d4cd6b 100644
--- a/src/packages/tabs/doc.zh-TW.md
+++ b/src/packages/tabs/doc.zh-TW.md
@@ -257,6 +257,6 @@ import { Tabs } from '@nutui/nutui-react'
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向標題線條的寬度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向標題線條的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的內邊距 | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色 | `#fff` |
+| \--nutui-tabs-tabpane-background-color | Tabpane 的背景色 | `#fff` |
 
 <Contribution name="Tabs" />
diff --git a/src/styles/variables-jmapp.scss b/src/styles/variables-jmapp.scss
index 55b068d3cc..4ed86eb9e4 100644
--- a/src/styles/variables-jmapp.scss
+++ b/src/styles/variables-jmapp.scss
@@ -1981,8 +1981,8 @@ $tabs-titles-item-smile-bottom: var(
   -10px
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-$tabs-tabpane-backgroundColor: var(
-  --nutui-tabs-tabpane-backgroundColor,
+$tabs-tabpane-background-color: var(
+  --nutui-tabs-tabpane-background-color,
   #fff
 ) !default;
 // indicator（✅）
diff --git a/src/styles/variables-jrkf.scss b/src/styles/variables-jrkf.scss
index d51ca41429..6cf459139f 100644
--- a/src/styles/variables-jrkf.scss
+++ b/src/styles/variables-jrkf.scss
@@ -2084,8 +2084,8 @@ $tabs-titles-item-smile-bottom: var(
   -10px
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-$tabs-tabpane-backgroundColor: var(
-  --nutui-tabs-tabpane-backgroundColor,
+$tabs-tabpane-background-color: var(
+  --nutui-tabs-tabpane-background-color,
   #fff
 ) !default;
 // indicator（✅）
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index aa6b6f0c1c..86ef86dfb5 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1876,8 +1876,8 @@ $tabs-titles-item-smile-bottom: var(
   -10%
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-$tabs-tabpane-backgroundColor: var(
-  --nutui-tabs-tabpane-backgroundColor,
+$tabs-tabpane-background-color: var(
+  --nutui-tabs-tabpane-background-color,
   #fff
 ) !default;
 // indicator（✅）