feat: 会员中心全局暗色主题重构

阶段一：全局覆盖 - 新增 dark-override.css (450+ 行)，覆盖所有 Element UI 组件暗色样式 - 输入框、表格、Tabs、弹窗、按钮、分页、复选框、下拉框等 - 侧边栏、顶栏、主内容区暗色背景 - 滚动条、日期选择器、消息面板等 - header.php 引入 dark-override.css 阶段二：页面独立 CSS 暗色化（22 个文件） - 白色背景 #fff → #161b22 - 浅灰背景 #F3F5F9 → #0d1117 - 深色文字 #171725/#1E2736 → #E6E8EB - 灰色文字 #8692B0 → #8B949E - 浅色边框 #E6E7EB → rgba(255,255,255,0.06) - 悬停背景 #F5F7FA → #21262d
2026-03-19 19:49:49 +08:00
parent 63facc24d6
commit 0b845b2075
20 changed files with 789 additions and 193 deletions
--- a/clientarea/hgcloud/css/finance.css
+++ b/clientarea/hgcloud/css/finance.css
@@ -5,7 +5,7 @@
  padding: 0.24rem;
  font-size: 0.16rem;
  font-weight: 600;
-  color: #2B2B2B;
+  color: #E6E8EB;
  border-bottom: 1px solid #EAEAEA;
 }
 .finance .finance-top .finance-money-main {
@@ -24,13 +24,13 @@
 }
 .finance .finance-top .finance-money-main .finance-balance .balance-left .balance-left-title .balance-title-num {
  font-weight: 600;
-  color: #2B2B2B;
+  color: #E6E8EB;
 }
 .finance .finance-top .finance-money-main .finance-balance .balance-left .balance-left-num {
  margin-top: 0.16rem;
  font-weight: 600;
  font-size: 0.45rem;
-  color: #2B2B2B;
+  color: #E6E8EB;
 }
 .finance .finance-top .finance-money-main .finance-balance .balance-left .balance-left-num .prefix {
  font-size: 0.24rem;
@@ -82,7 +82,7 @@
 .finance .finance-top .finance-money-main .finance-other-money .other-money-item .other-money-item-value {
  font-weight: 600;
  font-size: 0.18rem;
-  color: #2B2B2B;
+  color: #E6E8EB;
 }
 .finance .finance-top .finance-money-main .finance-other-money .other-money-item .other-money-item-value .prefix {
  font-size: 0.12rem;
@@ -246,16 +246,16 @@
  font-size: 0.16rem;
  font-family: PingFang SC;
  font-weight: 400;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .kd-dialog .dialog-title {
  font-size: 0.24rem;
  font-weight: 400;
-  color: #171725;
+  color: #E6E8EB;
 }
 .kd-dialog .dialog-dec {
  margin-top: 0.2rem;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .kd-dialog .el-dialog__body {
  padding: 0.24rem;
@@ -274,7 +274,7 @@
  margin-bottom: 0;
 }
 .kd-dialog .kd-item .kd-label {
-  color: #8692b0;
+  color: #8B949E;
 }
 .kd-dialog .kd-item .kd-value {
  margin-left: 0.3rem;
@@ -288,7 +288,7 @@
 .kd-dialog .dialog-fotter .el-button {
  width: 1.12rem;
  height: 0.46rem;
-  color: #1e2736;
+  color: #E6E8EB;
  font-size: 0.16rem;
  background: #E7E7E7;
  border-radius: 0.03rem 0.03rem 0.03rem 0.03rem;
@@ -296,7 +296,7 @@
 .info-dialog .dialog-title {
  font-size: 0.24rem;
  font-weight: 400;
-  color: #171725;
+  color: #E6E8EB;
 }
 .info-dialog .certification-info {
  margin-top: 0.1rem;
@@ -312,7 +312,7 @@
  margin-bottom: 0;
 }
 .info-dialog .certification-info .kd-item .kd-label {
-  color: #8692b0;
+  color: #8B949E;
 }
 .info-dialog .certification-info .kd-item .kd-value {
  margin-left: 0.3rem;
@@ -356,7 +356,7 @@
 .info-dialog .cancel-btn {
  margin-left: 0.12rem;
  background: #E7E7E7;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .info-dialog .first-save-tip {
  font-size: 0.14rem;
@@ -365,7 +365,7 @@
 .cancel-dialog .dialog-title {
  font-size: 0.24rem;
  font-weight: 400;
-  color: #171725;
+  color: #E6E8EB;
 }
 .cancel-dialog .el-dialog__body {
  padding: 0.24rem;
@@ -373,7 +373,7 @@
 }
 .cancel-dialog .dialog-dec {
  margin-top: 0.3rem;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .cancel-dialog .dialog-fotter {
  margin-top: 0.4rem;
@@ -395,17 +395,17 @@
 .cancel-dialog .dialog-fotter .cancel-btn {
  margin-left: 0.12rem;
  background: #E7E7E7;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .mail-dialog .dialog-title {
  font-size: 0.24rem;
  font-weight: 400;
-  color: #171725;
+  color: #E6E8EB;
 }
 .mail-dialog .dialog-dec {
  font-size: 0.14rem;
  margin-top: 0.3rem;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .mail-dialog .el-dialog__body {
  padding: 0.24rem;
@@ -421,7 +421,7 @@
  padding: 0 !important;
 }
 .mail-dialog .fotter-left {
-  color: #1e2736;
+  color: #E6E8EB;
  font-size: 0.16rem;
 }
 .mail-dialog .fotter-left .price-blue {
@@ -443,7 +443,7 @@
 .mail-dialog .cancel-btn {
  margin-left: 0.12rem;
  background: #E7E7E7;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .creat-dia .dialog-tips {
  display: flex;
@@ -473,7 +473,7 @@
  display: flex;
  justify-content: space-between;
  align-items: center;
-  color: #8692b0;
+  color: #8B949E;
 }
 .credit-content .credit-top .credit-item .item-top .item-l {
  font-size: 0.16rem;
@@ -500,7 +500,7 @@
 .credit-content .credit-top .credit-item .item-bottom .item-bl {
  font-size: 0.28rem;
  font-weight: bold;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .credit-content .credit-top .credit-item .flex-bottom {
  display: flex;
@@ -519,8 +519,8 @@
 }
 .credit-content .credit-top .credit-item .flex-bottom .no-btn {
  border: 0.01rem solid #e6e7eb;
-  background: #FFFFFF;
-  color: #757575;
+  background: #161b22;
+  color: #8B949E;
 }
 .credit-content .credit-operation {
  cursor: pointer;
@@ -551,7 +551,7 @@
 .form-footer > .btn-no {
  background: #e7e7e7;
  border-radius: 3px;
-  color: #1e2736;
+  color: #E6E8EB;
  display: flex;
  align-items: center;
  justify-content: center;
@@ -646,11 +646,11 @@
  flex-direction: column;
  justify-content: center;
  align-items: center;
-  background: #ffffff;
+  background: #161b22;
 }
 .delete-order-dialog .delete-content {
  font-size: 0.18rem;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .delete-order-dialog .delete-btn {
  margin-top: 0.4rem;
@@ -672,7 +672,7 @@
 .delete-order-dialog .delete-btn .cancel-btn {
  margin-left: 0.12rem;
  background: #E7E7E7;
-  color: #1e2736;
+  color: #E6E8EB;
 }
 .pre-dialog .dialog-box {
  text-align: center;
@@ -749,7 +749,7 @@
  .mob-item-row-notes {
    font-size: 0.26rem;
    line-height: 0.26rem;
-    color: #8692b0;
+    color: #8B949E;
    margin-left: 0.26rem;
  }
  .mob-item-row1 {
@@ -759,7 +759,7 @@
  .mob-item-row2 {
    font-size: 0.3rem;
    line-height: 0.31rem;
-    color: #1e2736;
+    color: #E6E8EB;
  }
  .mob-item-row3 {
    margin-bottom: 0.33rem;
@@ -773,7 +773,7 @@
  .bottom-text {
    font-size: 0.26rem;
    line-height: 0.26rem;
-    color: #8692b0;
+    color: #8B949E;
    margin: 0.4rem 0;
    display: flex;
    justify-content: center;
@@ -828,7 +828,7 @@
    font-size: 0.26rem;
    margin-bottom: 0.16rem;
    line-height: 0.4rem;
-    color: #8692b0;
+    color: #8B949E;
    margin-left: 0.26rem;
    margin-right: 0.2rem;
  }
@@ -836,7 +836,7 @@
    margin-top: 0.16rem;
  }
  .child-row-name {
-    color: #1e2736;
+    color: #E6E8EB;
    width: 2.86rem;
    overflow: hidden;
    text-overflow: ellipsis;