diff --git a/frontend/admin/src/components/Pagination/index.vue b/frontend/admin/src/components/Pagination/index.vue
index 299ed98ee..f4d8d1163 100644
--- a/frontend/admin/src/components/Pagination/index.vue
+++ b/frontend/admin/src/components/Pagination/index.vue
@@ -97,7 +97,7 @@ function handleCurrentChange(val) {
 
 <style scoped>
 .pagination-container {
-  background: #fff;
+  background: var(--prev-bg-white);
 }
 .pagination-container.hidden {
   display: none;
diff --git a/frontend/admin/src/components/couponSelect/index.vue b/frontend/admin/src/components/couponSelect/index.vue
index f254bdd46..c8dd90586 100644
--- a/frontend/admin/src/components/couponSelect/index.vue
+++ b/frontend/admin/src/components/couponSelect/index.vue
@@ -231,7 +231,7 @@ onMounted(async () => {
 <style lang="scss" scoped>
 .coupon-select {
   padding: 15px 15px 0;
-  background-color: #fff;
+  background-color: var(--prev-bg-white);
 }
 .footer {
   padding: 15px 0;
diff --git a/frontend/admin/src/components/customerInfo/index.vue b/frontend/admin/src/components/customerInfo/index.vue
index 011a8589d..507b3455c 100644
--- a/frontend/admin/src/components/customerInfo/index.vue
+++ b/frontend/admin/src/components/customerInfo/index.vue
@@ -184,7 +184,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .customer {
   height: 100%;
-  background-color: #fff;
+  background-color: var(--prev-bg-white);
 }
 .tabBox_img {
   width: 36px;
diff --git a/frontend/admin/src/components/freightTemplate/city.vue b/frontend/admin/src/components/freightTemplate/city.vue
index dc756da3f..92eaf7a73 100644
--- a/frontend/admin/src/components/freightTemplate/city.vue
+++ b/frontend/admin/src/components/freightTemplate/city.vue
@@ -248,8 +248,8 @@ defineExpose({ getCityList, addressModal });
 .modal .item .city .checkBox {
   width: 97%;
   padding: 10px;
-  border: 1px solid #eee;
-  background-color: #fff;
+  border: 1px solid var(--prev-border-color-lighter);
+  background-color: var(--prev-bg-white);
   max-height: 100px;
   overflow-x: hidden;
   overflow-y: auto;
diff --git a/frontend/admin/src/components/goodsLabel/index.vue b/frontend/admin/src/components/goodsLabel/index.vue
index 5a557fd2a..81c274acf 100644
--- a/frontend/admin/src/components/goodsLabel/index.vue
+++ b/frontend/admin/src/components/goodsLabel/index.vue
@@ -129,8 +129,8 @@ function cancel() {
     }
     .label-item {
       padding: 3px 8px;
-      background: #eeeeee;
-      color: #333333;
+      background: var(--prev-bg-color);
+      color: var(--prev-color-text-regular);
       border-radius: 2px;
       cursor: pointer;
       font-size: 12px;
diff --git a/frontend/admin/src/components/goodsLabel/useLabel.vue b/frontend/admin/src/components/goodsLabel/useLabel.vue
index 2329066a5..608dbd8fc 100644
--- a/frontend/admin/src/components/goodsLabel/useLabel.vue
+++ b/frontend/admin/src/components/goodsLabel/useLabel.vue
@@ -115,8 +115,8 @@ function close(label) {
     align-items: center;
     padding: 0px 8px;
 
-    background: #eeeeee;
-    color: #333333;
+    background: var(--prev-bg-color);
+    color: var(--prev-color-text-regular);
     border-radius: 2px;
     cursor: pointer;
     font-size: 12px;
@@ -126,7 +126,7 @@ function close(label) {
     top: 0;
     right: 0;
     font-size: 14px;
-    color: #333333;
+    color: var(--prev-color-text-regular);
     cursor: pointer;
   }
 
diff --git a/frontend/admin/src/components/iconFrom/index.vue b/frontend/admin/src/components/iconFrom/index.vue
index adb35bf18..065980628 100644
--- a/frontend/admin/src/components/iconFrom/index.vue
+++ b/frontend/admin/src/components/iconFrom/index.vue
@@ -56,7 +56,7 @@ function iconChange(n) {
   font-size: 24px;
 }
 .iconBox {
-  background: #fff;
+  background: var(--prev-bg-white);
 }
 .icons-item {
   float: left;
diff --git a/frontend/admin/src/components/labelList/index.vue b/frontend/admin/src/components/labelList/index.vue
index 7b700c998..3868017dc 100644
--- a/frontend/admin/src/components/labelList/index.vue
+++ b/frontend/admin/src/components/labelList/index.vue
@@ -103,8 +103,8 @@ setLabel();
     .label-item {
       margin: 10px 8px 10px 0;
       padding: 3px 8px;
-      background: #eeeeee;
-      color: #333333;
+      background: var(--prev-bg-color);
+      color: var(--prev-color-text-regular);
       border-radius: 2px;
       cursor: pointer;
       font-size: 12px;
diff --git a/frontend/admin/src/components/linkaddress/index.vue b/frontend/admin/src/components/linkaddress/index.vue
index 990b00545..3e462a7ee 100644
--- a/frontend/admin/src/components/linkaddress/index.vue
+++ b/frontend/admin/src/components/linkaddress/index.vue
@@ -926,7 +926,7 @@ defineExpose({ modals, handleCheckChange });
   .left_box {
     width: 171px;
     height: 470px;
-    border-right: 1px solid #eeeeee;
+    border-right: 1px solid var(--prev-border-color-lighter);
     overflow-x: hidden;
     overflow-y: auto;
 
@@ -958,7 +958,7 @@ defineExpose({ modals, handleCheckChange });
 
       .cont_box {
         font-weight: 400;
-        color: rgba(0, 0, 0, 0.85);
+        color: var(--prev-color-text-regular);
         background: #fafafa;
         border-radius: 3px;
         text-align: center;
@@ -969,7 +969,7 @@ defineExpose({ modals, handleCheckChange });
 
         &:hover {
           background-color: var(--prev-bg-menu-hover-ba-color);
-          color: #333;
+          color: var(--prev-color-text-regular);
         }
       }
 
@@ -992,7 +992,7 @@ defineExpose({ modals, handleCheckChange });
         right: 9px;
         top: -8px;
         font-size: 18px;
-        color: #333;
+        color: var(--prev-color-text-regular);
       }
     }
   }
@@ -1011,7 +1011,7 @@ defineExpose({ modals, handleCheckChange });
     .cancel {
       width: 70px;
       height: 32px;
-      background: #ffffff;
+      background: var(--prev-bg-white);
       border: 1px solid rgba(0, 0, 0, 0.14901960784313725);
       border-radius: 2px;
       font-size: 14px;
diff --git a/frontend/admin/src/components/newsCategory/index.vue b/frontend/admin/src/components/newsCategory/index.vue
index e63115f78..67571a31a 100644
--- a/frontend/admin/src/components/newsCategory/index.vue
+++ b/frontend/admin/src/components/newsCategory/index.vue
@@ -404,7 +404,7 @@ function getData() {
   height: 24px !important;
   background: #ff5d5f !important;
   color: #fff !important;
-  border: 1px solid #eee !important;
+  border: 1px solid var(--prev-border-color-lighter) !important;
 }
 .news_pic :deep(.el-button--error:hover) {
   background: #ff5d5f !important;
@@ -414,6 +414,6 @@ function getData() {
 .news_pic :deep(.el-button--success) {
   width: 24px !important;
   height: 24px !important;
-  border: 1px solid #eee !important;
+  border: 1px solid var(--prev-border-color-lighter) !important;
 }
 </style>
diff --git a/frontend/admin/src/components/pagesHeader/index.vue b/frontend/admin/src/components/pagesHeader/index.vue
index 89d26db39..70c612a47 100644
--- a/frontend/admin/src/components/pagesHeader/index.vue
+++ b/frontend/admin/src/components/pagesHeader/index.vue
@@ -56,7 +56,7 @@ function goBack() {
   display: inline-block;
   position: relative;
   margin-right: 16px;
-  color: rgba(0, 0, 0, 0.85);
+  color: var(--prev-color-text-regular);
   cursor: pointer;
   align-self: center;
 }
@@ -67,7 +67,7 @@ function goBack() {
   right: -16px;
   width: 1px;
   height: 16px;
-  background: #eee;
+  background: var(--prev-border-color-lighter);
 }
 .font-sm {
   font-size: 14px;
diff --git a/frontend/admin/src/components/referrerInfo/index.vue b/frontend/admin/src/components/referrerInfo/index.vue
index 00bdfa6a5..866923761 100644
--- a/frontend/admin/src/components/referrerInfo/index.vue
+++ b/frontend/admin/src/components/referrerInfo/index.vue
@@ -100,7 +100,7 @@ defineExpose({ verifySpreadInfo });
   border-radius: 50%;
 }
 .Modals .header .name {
-  color: #333;
+  color: var(--prev-color-text-regular);
   margin-left: 15px;
 }
 .Modals .list .item .name.money {
diff --git a/frontend/admin/src/components/searchFrom/referrerInfo/index.vue b/frontend/admin/src/components/searchFrom/referrerInfo/index.vue
index 20068dcde..494fd7062 100644
--- a/frontend/admin/src/components/searchFrom/referrerInfo/index.vue
+++ b/frontend/admin/src/components/searchFrom/referrerInfo/index.vue
@@ -100,7 +100,7 @@ defineExpose({ verifySpreadInfo });
   border-radius: 50%;
 }
 .Modals .header .name {
-  color: #333;
+  color: var(--prev-color-text-regular);
   margin-left: 15px;
 }
 .Modals .list .item .name.money {
diff --git a/frontend/admin/src/components/sendCoupons/index.vue b/frontend/admin/src/components/sendCoupons/index.vue
index 72a83af56..5237e11c7 100644
--- a/frontend/admin/src/components/sendCoupons/index.vue
+++ b/frontend/admin/src/components/sendCoupons/index.vue
@@ -133,7 +133,7 @@ defineExpose({ modals, getList });
 <style lang="scss" scoped>
 .sp {
   font-size: 12px;
-  color: #606266;
+  color: var(--prev-color-text-primary);
   line-height: 32px;
 }
 </style>
diff --git a/frontend/admin/src/components/steps/index.vue b/frontend/admin/src/components/steps/index.vue
index ad45e23ef..163d4e670 100644
--- a/frontend/admin/src/components/steps/index.vue
+++ b/frontend/admin/src/components/steps/index.vue
@@ -75,7 +75,7 @@ function stepActive(index) {
     .title {
       font-size: 16px;
       font-weight: 400;
-      color: #909399;
+      color: var(--prev-color-text-secondary);
       line-height: 16px;
       white-space: nowrap;
     }
@@ -98,7 +98,7 @@ function stepActive(index) {
     .title {
       font-size: 16px;
       font-weight: 500;
-      color: #303133;
+      color: var(--prev-color-text-regular);
       line-height: 16px;
     }
     .dot {
diff --git a/frontend/admin/src/components/storeLabelList/index.vue b/frontend/admin/src/components/storeLabelList/index.vue
index 295222f63..43aedf6d1 100644
--- a/frontend/admin/src/components/storeLabelList/index.vue
+++ b/frontend/admin/src/components/storeLabelList/index.vue
@@ -123,8 +123,8 @@ defineExpose({ storeLabel });
     }
     .label-item {
       padding: 3px 8px;
-      background: #eeeeee;
-      color: #333333;
+      background: var(--prev-bg-color);
+      color: var(--prev-color-text-regular);
       border-radius: 2px;
       cursor: pointer;
       font-size: 12px;
diff --git a/frontend/admin/src/components/uploadImg/index.vue b/frontend/admin/src/components/uploadImg/index.vue
index 42f441ab0..209e8aed9 100644
--- a/frontend/admin/src/components/uploadImg/index.vue
+++ b/frontend/admin/src/components/uploadImg/index.vue
@@ -567,7 +567,7 @@ defineExpose({ uploadModal });
       margin-bottom: 14px;
     }
     .trip {
-      color: #333333;
+      color: var(--prev-color-text-regular);
       text-align: center;
       line-height: 18px;
     }
diff --git a/frontend/admin/src/components/uploadPictures/index.vue b/frontend/admin/src/components/uploadPictures/index.vue
index bd48c3df9..8827a1db1 100644
--- a/frontend/admin/src/components/uploadPictures/index.vue
+++ b/frontend/admin/src/components/uploadPictures/index.vue
@@ -816,7 +816,7 @@ function bindTxt(item) {
     justify-content: center;
     width: 100px;
     height: 100px;
-    background-color: rgb(248, 248, 248);
+    background-color: var(--prev-bg-white);
     padding: 2px;
     img {
       max-width: 96px;
@@ -839,7 +839,7 @@ function bindTxt(item) {
     justify-content: center;
     width: 146px;
     height: 146px;
-    background-color: rgb(248, 248, 248);
+    background-color: var(--prev-bg-white);
     padding: 3px;
     img {
       max-width: 140px;
@@ -854,7 +854,7 @@ function bindTxt(item) {
     white-space: nowrap;
     height: 20px;
     font-size: 12px;
-    color: #515a6d;
+    color: var(--prev-color-text-primary);
     text-align: center;
   }
 
@@ -874,7 +874,7 @@ function bindTxt(item) {
 }
 .Nav {
   width: 100%;
-  border-right: 1px solid #eee;
+  border-right: 1px solid var(--prev-border-color-lighter);
   min-width: 220px;
   max-width: max-content;
 }
@@ -923,7 +923,7 @@ function bindTxt(item) {
         padding-right: 20px;
         font-size: 13px;
         font-weight: 400;
-        color: rgba(0, 0, 0, 0.6);
+        color: var(--prev-color-text-secondary);
         line-height: 13px;
       }
       :deep(.is-current) {
@@ -963,7 +963,7 @@ function bindTxt(item) {
 .Modal {
   width: 100%;
   height: 100%;
-  background: #fff !important;
+  background: var(--prev-bg-white) !important;
 }
 .fill-window {
   height: 100vh;
@@ -1036,7 +1036,7 @@ function bindTxt(item) {
 }
 
 .card-tree {
-  background: #fff;
+  background: var(--prev-bg-white);
   height: 72px;
   box-sizing: border-box;
   overflow-x: scroll; /* 设置溢出滚动 */
@@ -1051,7 +1051,7 @@ function bindTxt(item) {
   display: none; /* Chrome Safari */
 }
 .tabs {
-  background: #fff;
+  background: var(--prev-bg-white);
   padding-top: 10px;
   border-radius: 5px 5px 0 0;
 }
diff --git a/frontend/admin/src/components/uploadPictures/widgetImg.vue b/frontend/admin/src/components/uploadPictures/widgetImg.vue
index d29b95875..5fff7722c 100644
--- a/frontend/admin/src/components/uploadPictures/widgetImg.vue
+++ b/frontend/admin/src/components/uploadPictures/widgetImg.vue
@@ -65,6 +65,6 @@ function getPic(pc) {
 <style lang="scss" scoped>
 .box {
   width: 100%;
-  background: #fff;
+  background: var(--prev-bg-white);
 }
 </style>
diff --git a/frontend/admin/src/components/uploadVideo2/index.vue b/frontend/admin/src/components/uploadVideo2/index.vue
index abc82cd2e..745238803 100644
--- a/frontend/admin/src/components/uploadVideo2/index.vue
+++ b/frontend/admin/src/components/uploadVideo2/index.vue
@@ -1006,7 +1006,7 @@ function bindTxt(item) {
 }
 .Nav {
   width: 100%;
-  border-right: 1px solid #eee;
+  border-right: 1px solid var(--prev-border-color-lighter);
   min-width: 220px;
   max-width: max-content;
 }
@@ -1055,7 +1055,7 @@ function bindTxt(item) {
         padding-right: 20px;
         font-size: 13px;
         font-weight: 400;
-        color: rgba(0, 0, 0, 0.6);
+        color: var(--prev-color-text-secondary);
         line-height: 13px;
       }
       :deep(.is-current) {
@@ -1095,7 +1095,7 @@ function bindTxt(item) {
 .Modal {
   width: 100%;
   height: 100%;
-  background: #fff !important;
+  background: var(--prev-bg-white) !important;
 }
 .fill-window {
   height: 100vh;
@@ -1172,7 +1172,7 @@ function bindTxt(item) {
 }
 
 .card-tree {
-  background: #fff;
+  background: var(--prev-bg-white);
   height: 72px;
   box-sizing: border-box;
   overflow-x: scroll; /* 设置溢出滚动 */
@@ -1187,7 +1187,7 @@ function bindTxt(item) {
   display: none; /* Chrome Safari */
 }
 .tabs {
-  background: #fff;
+  background: var(--prev-bg-white);
   padding-top: 10px;
   border-radius: 5px 5px 0 0;
 }
diff --git a/frontend/admin/src/components/userLabel.vue b/frontend/admin/src/components/userLabel.vue
index af0fd9b89..8c893107d 100644
--- a/frontend/admin/src/components/userLabel.vue
+++ b/frontend/admin/src/components/userLabel.vue
@@ -175,8 +175,8 @@ function cancel() {
     .label-item {
       margin: 10px 8px 10px 0;
       padding: 3px 8px;
-      background: #eeeeee;
-      color: #333333;
+      background: var(--prev-bg-color);
+      color: var(--prev-color-text-regular);
       border-radius: 2px;
       cursor: pointer;
       font-size: 12px;
diff --git a/frontend/admin/src/components/verifition/Verify.vue b/frontend/admin/src/components/verifition/Verify.vue
index 08863c441..c95841316 100644
--- a/frontend/admin/src/components/verifition/Verify.vue
+++ b/frontend/admin/src/components/verifition/Verify.vue
@@ -197,8 +197,8 @@ defineExpose({ clickShow, closeBox, show, refresh });
   position: relative;
   box-sizing: border-box;
   border-radius: 2px;
-  border: 1px solid #e4e7eb;
-  background-color: #fff;
+  border: 1px solid var(--prev-border-color-light);
+  background-color: var(--prev-bg-white);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   left: 50%;
   top: 50%;
@@ -210,8 +210,8 @@ defineExpose({ clickShow, closeBox, show, refresh });
   line-height: 50px;
   text-align: left;
   font-size: 16px;
-  color: #45494c;
-  border-bottom: 1px solid #e4e7eb;
+  color: var(--prev-color-text-regular);
+  border-bottom: 1px solid var(--prev-border-color-light);
   box-sizing: border-box;
 }
 .verifybox-bottom {
@@ -316,12 +316,12 @@ defineExpose({ clickShow, closeBox, show, refresh });
 /*滑动验证码*/
 .verify-bar-area {
   position: relative;
-  background: #ffffff;
+  background: var(--prev-bg-white);
   text-align: center;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
-  border: 1px solid #ddd;
+  border: 1px solid var(--prev-border-color-base);
   -webkit-border-radius: 4px;
 }
 
@@ -329,7 +329,7 @@ defineExpose({ clickShow, closeBox, show, refresh });
   position: absolute;
   top: 0px;
   left: 0;
-  background: #fff;
+  background: var(--prev-bg-white);
   cursor: pointer;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
diff --git a/frontend/admin/src/components/wangEditor/AiModal.vue b/frontend/admin/src/components/wangEditor/AiModal.vue
index b2feb36d1..becd13b9c 100644
--- a/frontend/admin/src/components/wangEditor/AiModal.vue
+++ b/frontend/admin/src/components/wangEditor/AiModal.vue
@@ -335,10 +335,10 @@ defineExpose({ open });
     color: var(--prev-color-primary);
   }
   .ai-status-error {
-    color: #f56c6c;
+    color: var(--prev-color-danger);
   }
   .ai-status-tip {
-    color: #999;
+    color: var(--prev-color-text-secondary);
   }
 }
 .ai-prompt-head {
@@ -348,7 +348,7 @@ defineExpose({ open });
   margin-top: 12px;
   .ai-prompt-label {
     font-size: 12px;
-    color: #999;
+    color: var(--prev-color-text-secondary);
   }
   .ai-reset-btn {
     padding: 0;
@@ -361,9 +361,9 @@ defineExpose({ open });
   max-height: 400px;
   overflow-y: auto;
   padding: 12px 16px;
-  border: 1px solid #e5e5e5;
+  border: 1px solid var(--prev-border-color-base);
   border-radius: 4px;
-  background: #fafafa;
+  background: var(--prev-bg-color);
   font-size: 14px;
   line-height: 1.7;
   :deep() {
@@ -385,12 +385,12 @@ defineExpose({ open });
     blockquote {
       margin: 6px 0;
       padding: 4px 10px;
-      border-left: 3px solid #ccc;
-      color: #666;
+      border-left: 3px solid var(--prev-border-color-base);
+      color: var(--prev-color-text-primary);
     }
     hr {
       border: none;
-      border-top: 1px solid #ddd;
+      border-top: 1px solid var(--prev-border-color-light);
     }
   }
 }
diff --git a/frontend/admin/src/components/wangEditor/index.vue b/frontend/admin/src/components/wangEditor/index.vue
index 773114789..4924b81c6 100644
--- a/frontend/admin/src/components/wangEditor/index.vue
+++ b/frontend/admin/src/components/wangEditor/index.vue
@@ -301,14 +301,31 @@ function insertAiContent(html) {
 }
 :deep(.w-e-toolbar) {
   z-index: 2 !important;
+  background-color: var(--prev-bg-white) !important;
+  border-bottom: 1px solid var(--prev-border-color-light) !important;
 }
+/* wangEditor 跟随主题：变量挂在公共父级——工具栏与编辑区是兄弟节点，挂在工具栏上编辑区取不到 */
 .wang-editor {
-  border: 1px solid #dcdfe6;
+  border: 1px solid var(--prev-border-color-base);
   border-radius: 4px;
   overflow: hidden;
-  background-color: #fff;
+  background-color: var(--prev-bg-white);
+  /* 工具栏 */
+  --w-e-toolbar-bg-color: var(--prev-bg-white);
+  --w-e-toolbar-color: var(--prev-color-text-regular);
+  --w-e-toolbar-active-bg-color: var(--prev-bg-color);
+  --w-e-toolbar-active-color: var(--prev-color-primary);
+  --w-e-toolbar-disabled-color: var(--prev-color-text-placeholder);
+  --w-e-toolbar-border-color: var(--prev-border-color-light);
+  /* 编辑区（2026-09-28 用户裁定：不用"白纸语义"，深浅模式保持一致观感） */
+  --w-e-textarea-bg-color: var(--prev-bg-white);
+  --w-e-textarea-color: var(--prev-color-text-regular);
+  --w-e-textarea-border-color: var(--prev-border-color-light);
+  --w-e-textarea-slight-color: var(--prev-color-text-secondary);
+  --w-e-textarea-slight-border-color: var(--prev-border-color-lighter);
+  --w-e-textarea-selected-border-color: var(--prev-color-primary);
 }
 .editor-toolbar {
-  border-bottom: 1px solid #dcdfe6;
+  border-bottom: 1px solid var(--prev-border-color-light);
 }
 </style>