diff --git a/src/pages/mobile/My.vue b/src/pages/mobile/My.vue
index 377ab369..64235648 100644
--- a/src/pages/mobile/My.vue
+++ b/src/pages/mobile/My.vue
@@ -121,7 +121,7 @@ function $no() {
   display: flex;
   flex-direction: column;
   align-items: center;
-  color: black;
+  color: var(--color-font-2);
   background: var(--color-second-bg);
 
   .float {
@@ -147,7 +147,7 @@ function $no() {
     header {
       color: white;
       height: 200rem;
-      background-image: url('../../assets/img/b.png');
+      background-image: url('../../assets/img/a.png');
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
diff --git a/src/pages/mobile/common.scss b/src/pages/mobile/common.scss
index a9564782..e92cdd7c 100644
--- a/src/pages/mobile/common.scss
+++ b/src/pages/mobile/common.scss
@@ -1,6 +1,6 @@
 .setting-list {
   background: var(--color-header-bg);
-  color: black;
+  color: var(--color-font-2);
   border-radius: 8rem;
   width: 100%;
 
@@ -20,6 +20,7 @@
       align-items: center;
       justify-content: space-between;
       border-bottom: 1px solid #f1f1f1;
+      border-bottom: 1px solid var(--color-item-bg);
     }
   }
 }
diff --git a/src/pages/mobile/index.vue b/src/pages/mobile/index.vue
index 045321c7..dbff56ef 100644
--- a/src/pages/mobile/index.vue
+++ b/src/pages/mobile/index.vue
@@ -41,7 +41,6 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .mobile {
-
   .content {
     flex: 1;
     display: flex;
@@ -49,7 +48,7 @@ onMounted(() => {
   }
 
   .tabs {
-    border-top: 1px solid gray;
+    border-top: 1px solid var(--color-item-bg);
     height: 60rem;
     display: flex;
     align-items: center;