diff --git a/src/themes/business/style.json b/src/themes/business/style.json
index 8c2ee00..5a509e6 100644
--- a/src/themes/business/style.json
+++ b/src/themes/business/style.json
@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "rgba(255, 255, 255, 0.4)",
+    "indexBg2": "rgba(255, 255, 255, 0.4)",
+    "indexBg3": "rgba(255, 255, 255, 0.4)",
+    "indexBg4": "rgba(255, 255, 255, 0.4)",
+    "indexBg5": "rgba(255, 255, 255, 0.4)",
     "color": "rgba(0, 0, 0, 0.4)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "rgba(0, 0, 0, 0.8)",
diff --git a/src/themes/dark/activity.png b/src/themes/dark/activity.png
index ee3005e..630dbd8 100644
Binary files a/src/themes/dark/activity.png and b/src/themes/dark/activity.png differ
diff --git a/src/themes/dark/mall.png b/src/themes/dark/mall.png
index 3f19d0e..fdceb41 100644
Binary files a/src/themes/dark/mall.png and b/src/themes/dark/mall.png differ
diff --git a/src/themes/dark/member.png b/src/themes/dark/member.png
index aae0b53..ce09aef 100644
Binary files a/src/themes/dark/member.png and b/src/themes/dark/member.png differ
diff --git a/src/themes/dark/movie.png b/src/themes/dark/movie.png
index fa44f4d..ee3aaea 100644
Binary files a/src/themes/dark/movie.png and b/src/themes/dark/movie.png differ
diff --git a/src/themes/dark/parking.png b/src/themes/dark/parking.png
index 600e41b..f1ad95d 100644
Binary files a/src/themes/dark/parking.png and b/src/themes/dark/parking.png differ
diff --git a/src/themes/dark/style.json b/src/themes/dark/style.json
index f53db99..1537fe7 100644
--- a/src/themes/dark/style.json
+++ b/src/themes/dark/style.json
@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "rgba(255, 255, 255, 0.1)",
+    "indexBg2": "rgba(255, 255, 255, 0.1)",
+    "indexBg3": "rgba(255, 255, 255, 0.1)",
+    "indexBg4": "rgba(255, 255, 255, 0.1)",
+    "indexBg5": "rgba(255, 255, 255, 0.1)",
     "color": "rgba(0, 0, 0, 0.8)",
     "activeColor": "#fff",
     "indexColor": "#FFFFFF",
diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json
index f616318..3886db7 100644
--- a/src/themes/fashion/style.json
+++ b/src/themes/fashion/style.json
@@ -33,6 +33,11 @@
     "activeBg3": "linear-gradient(180deg, #53ba82 0%, #89d963 100%)",
     "activeBg4": "linear-gradient(180deg, #c57df1 0%, #ec86f2 100%)",
     "activeBg5": "linear-gradient(180deg, #418fea 0%, #59b0f2 94.79%)",
+    "indexBg1": "linear-gradient(180deg, #e97893 0%, #f48bca 100%)",
+    "indexBg2": "linear-gradient(180deg, #f29348 0%, #f9ba61 100%)",
+    "indexBg3": "linear-gradient(180deg, #53ba82 0%, #89d963 100%)",
+    "indexBg4": "linear-gradient(180deg, #c57df1 0%, #ec86f2 100%)",
+    "indexBg5": "linear-gradient(180deg, #418fea 0%, #59b0f2 94.79%)",
     "color": "#ffffff",
     "activeColor": "#ffffff",
     "indexColor": "#FFFFFF",
diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json
index ba402e3..65ac46d 100644
--- a/src/themes/highend/style.json
+++ b/src/themes/highend/style.json
@@ -33,6 +33,11 @@
     "activeBg3": "#6E5E54",
     "activeBg4": "#6E5E54",
     "activeBg5": "#6E5E54",
+    "indexBg1": "#6E5E54",
+    "indexBg2": "#6E5E54",
+    "indexBg3": "#6E5E54",
+    "indexBg4": "#6E5E54",
+    "indexBg5": "#6E5E54",
     "color": "rgba(0, 0, 0, 0.6)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "#FFFFFF",
diff --git a/src/themes/luxury/style.json b/src/themes/luxury/style.json
index 0f864da..a81820b 100644
--- a/src/themes/luxury/style.json
+++ b/src/themes/luxury/style.json
@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "#ffffff",
+    "indexBg2": "#ffffff",
+    "indexBg3": "#ffffff",
+    "indexBg4": "#ffffff",
+    "indexBg5": "#ffffff",
     "color": "rgba(0, 0, 0, 0.4)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "rgba(0, 0, 0, 0.8)",
diff --git a/src/themes/main/style.json b/src/themes/main/style.json
index de6f00f..96618c7 100644
--- a/src/themes/main/style.json
+++ b/src/themes/main/style.json
@@ -33,6 +33,11 @@
     "activeBg3": "#ffffff",
     "activeBg4": "#ffffff",
     "activeBg5": "#ffffff",
+    "indexBg1": "#ffffff",
+    "indexBg2": "#ffffff",
+    "indexBg3": "#ffffff",
+    "indexBg4": "#ffffff",
+    "indexBg5": "#ffffff",
     "color": "rgba(0, 0, 0, 0.4)",
     "activeColor": "rgba(0, 0, 0, 0.8)",
     "indexColor": "rgba(0, 0, 0, 0.8)",
diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue
index 112c290..c11adf0 100644
--- a/src/views/Index/Index.vue
+++ b/src/views/Index/Index.vue
@@ -350,27 +350,27 @@ getActivityList(3).then(({ data }) => {
       margin-top: 40px;
       .item:nth-child(5n + 1) {
         .icon {
-          background: var(--menu-activeBg1);
+          background: var(--menu-indexBg1);
         }
       }
       .item:nth-child(5n + 2) {
         .icon {
-          background: var(--menu-activeBg2);
+          background: var(--menu-indexBg2);
         }
       }
       .item:nth-child(5n + 3) {
         .icon {
-          background: var(--menu-activeBg3);
+          background: var(--menu-indexBg3);
         }
       }
       .item:nth-child(5n + 4) {
         .icon {
-          background: var(--menu-activeBg4);
+          background: var(--menu-indexBg4);
         }
       }
       .item:nth-child(5n + 5) {
         .icon {
-          background: var(--menu-activeBg5);
+          background: var(--menu-indexBg5);
         }
       }
       .item {