diff --git a/src/views/Billboard/loc.png b/src/themes/business/billboardLoc.png
similarity index 100%
rename from src/views/Billboard/loc.png
rename to src/themes/business/billboardLoc.png
diff --git a/src/themes/business/style.json b/src/themes/business/style.json
index e1143de..1a87982 100644
--- a/src/themes/business/style.json
+++ b/src/themes/business/style.json
@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(180deg, #7C9DC4 0%, #BFD3E1 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(0, 0, 0, 0.6)",
     "titleColor": "#000000",
     "metaColor": "rgba(0, 0, 0, 0.6)"
   },
diff --git a/src/themes/dark/billboardLoc.png b/src/themes/dark/billboardLoc.png
new file mode 100644
index 0000000..e49cd28
Binary files /dev/null and b/src/themes/dark/billboardLoc.png differ
diff --git a/src/themes/dark/style.json b/src/themes/dark/style.json
index 1eeeb25..07db1ae 100644
--- a/src/themes/dark/style.json
+++ b/src/themes/dark/style.json
@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(162.44deg, #3E3D59 0%, #262837 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#FFFFFF",
     "metaColor": "rgba(255, 255, 255, 0.6)"
   },
diff --git a/src/themes/fashion/billboardLoc.png b/src/themes/fashion/billboardLoc.png
new file mode 100644
index 0000000..e49cd28
Binary files /dev/null and b/src/themes/fashion/billboardLoc.png differ
diff --git a/src/themes/fashion/style.json b/src/themes/fashion/style.json
index 95ea86a..6eb28bd 100644
--- a/src/themes/fashion/style.json
+++ b/src/themes/fashion/style.json
@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(180deg, #6257d7 0%, #f191c0 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#fff",
     "metaColor": "rgba(255, 255, 255, 0.8)"
   },
diff --git a/src/themes/highend/billboardLoc.png b/src/themes/highend/billboardLoc.png
new file mode 100644
index 0000000..e49cd28
Binary files /dev/null and b/src/themes/highend/billboardLoc.png differ
diff --git a/src/themes/highend/style.json b/src/themes/highend/style.json
index 34be7b4..99988f6 100644
--- a/src/themes/highend/style.json
+++ b/src/themes/highend/style.json
@@ -79,6 +79,7 @@
   "billboard": {
     "background": "linear-gradient(180deg, #342F2D 0%, #534946 100%)",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#ffffff",
     "metaColor": "rgba(255, 255, 255, 0.8)"
   },
diff --git a/src/themes/luxury/billboardLoc.png b/src/themes/luxury/billboardLoc.png
new file mode 100644
index 0000000..eb3e38c
Binary files /dev/null and b/src/themes/luxury/billboardLoc.png differ
diff --git a/src/themes/luxury/style.json b/src/themes/luxury/style.json
index f21d92b..bcbc4ce 100644
--- a/src/themes/luxury/style.json
+++ b/src/themes/luxury/style.json
@@ -79,6 +79,7 @@
   "billboard": {
     "background": "center / cover no-repeat",
     "arrowRadius": "100px",
+    "legendColor": "rgba(0, 0, 0, 0.6)",
     "titleColor": "#000000",
     "metaColor": "rgba(0, 0, 0, 0.6)"
   },
diff --git a/src/themes/main/billboardLoc.png b/src/themes/main/billboardLoc.png
new file mode 100644
index 0000000..eb3e38c
Binary files /dev/null and b/src/themes/main/billboardLoc.png differ
diff --git a/src/themes/main/style.json b/src/themes/main/style.json
index b664271..514369e 100644
--- a/src/themes/main/style.json
+++ b/src/themes/main/style.json
@@ -79,6 +79,7 @@
   "billboard": {
     "background": "#dee6f6",
     "arrowRadius": "100px",
+    "legendColor": "rgba(255, 255, 255, 0.6)",
     "titleColor": "#000000",
     "metaColor": "rgba(0, 0, 0, 0.6)"
   },
diff --git a/src/views/Billboard/Billboard.vue b/src/views/Billboard/Billboard.vue
index 7f054b7..582331b 100644
--- a/src/views/Billboard/Billboard.vue
+++ b/src/views/Billboard/Billboard.vue
@@ -3,7 +3,7 @@
     <div class="ip"></div>
     <div class="guide" @click="goPage({ title: '地图导览', path: '/guide' })"></div>
     <div class="header" :style="{ backgroundImage: `url(${theme.images.billBoardBg})` }">
-      <div class="r1">当前位置 <img src="./loc.png" alt="" /></div>
+      <div class="r1">当前位置 <img :src="theme.images.billboardLoc" alt="" /></div>
       <div class="r2">{{ bf }}</div>
       <div class="r3"></div>
       <QRCodeFromText
@@ -257,7 +257,7 @@ watch(scrollLefts, _scrollLefts => {
       font-weight: 700;
       font-size: 20px;
       line-height: 23px;
-      color: rgba(0, 0, 0, 0.6);
+      color: var(--billboard-legendColor, rgba(0, 0, 0, 0.6));
       img {
         width: 20px;
         height: 20px;
@@ -401,7 +401,7 @@ watch(scrollLefts, _scrollLefts => {
       font-size: 16px;
       line-height: 19px;
       text-align: center;
-      color: rgba(0, 0, 0, 0.6);
+      color: var(--billboard-legendColor, rgba(0, 0, 0, 0.6));
       .num {
         content: counter(count);