diff --git a/src/components/common/tabs-view/index.vue b/src/components/common/tabs-view/index.vue
index 497079d4..ed90ba70 100644
--- a/src/components/common/tabs-view/index.vue
+++ b/src/components/common/tabs-view/index.vue
@@ -115,7 +115,7 @@ const tabs_theme_style = computed(() => {
         &.tabs-style-2 {
             &.active {
                 .desc {
-                    background: red;
+                    background: #FF5E5E;
                     color: #fff;
                 }
             }
@@ -128,7 +128,7 @@ const tabs_theme_style = computed(() => {
         &.tabs-style-3 {
             &.active {
                 .title {
-                    background: red;
+                    background: #FF2222;
                     border-radius: 2rem;
                     padding: 0.2rem 1.2rem;
                     color: #fff;
@@ -152,13 +152,13 @@ const tabs_theme_style = computed(() => {
             &.active {
                 .title {
                     font-size: 1.1rem;
-                    background: red;
+                    background: #FF5E5E;
                     border-radius: 2rem;
                     padding: 0.2rem 0.7rem;
                     color: #fff;
                 }
                 .img {
-                    border-color: red;
+                    border-color: #FF5E5E;
                 }
             }
             .img {
diff --git a/src/layout/components/main/default/shop-tabs.ts b/src/layout/components/main/default/shop-tabs.ts
index abaf3ae6..37495f50 100644
--- a/src/layout/components/main/default/shop-tabs.ts
+++ b/src/layout/components/main/default/shop-tabs.ts
@@ -82,7 +82,7 @@ const defaultProductList: DefaultProductList = {
         tabs_direction: '90deg',
         tabs_weight_checked: '500',
         tabs_size_checked: 14,
-        tabs_color_checked: 'rgba(51,51,51,1)',
+        tabs_color_checked: '#000',
         tabs_weight: '500',
         tabs_size: 14,
         tabs_color: 'rgba(51,51,51,1)',