feat(admin): refine theme settings UI

assets/admin/src/pages/payment/PaymentGateway.vue

@@ -101,25 +101,25 @@ onMounted(async () => {
   align-items: center;
   justify-content: center;
   background: var(--surface-3, #f0f0f0);
-  color: var(--color-ink-4, #8a909c);
+  color: var(--aksrt-color-muted);
   font-size: 16px;
 }
 
 .aksrt-gateway__icon--active {
   background: var(--color-primary-soft, #f0f5ff);
-  color: var(--color-primary, #1890ff);
+  color: var(--aksrt-color-primary);
 }
 
 .aksrt-gateway__card strong {
   display: block;
   font-size: 14px;
-  color: var(--color-ink, #1a1a2e);
+  color: var(--aksrt-color-text);
 }
 
 .aksrt-gateway__card p {
   margin: 2px 0 0;
   font-size: 12px;
-  color: var(--color-ink-4, #8a909c);
+  color: var(--aksrt-color-muted);
 }
 
 .aksrt-gateway__help {

assets/admin/src/pages/payment/PaymentRevenue.vue

@@ -209,13 +209,13 @@ onMounted(loadRevenue)
   display: block;
   font-size: 24px;
   font-weight: 600;
-  color: var(--color-ink, #1a1a2e);
+  color: var(--aksrt-color-text);
 }
 
 .aksrt-revenue__stat p {
   margin: 4px 0 0;
   font-size: 12px;
-  color: var(--color-ink-4, #8a909c);
+  color: var(--aksrt-color-muted);
 }
 
 .aksrt-revenue__charts {
@@ -229,7 +229,7 @@ onMounted(loadRevenue)
 
 .aksrt-revenue__chart h4 {
   margin: 0 0 10px;
-  color: var(--color-ink, #1a1a2e);
+  color: var(--aksrt-color-text);
 }
 
 .aksrt-revenue__chart-bars {
@@ -267,7 +267,7 @@ onMounted(loadRevenue)
 
 .aksrt-revenue__chart-label {
   font-size: 10px;
-  color: var(--color-ink-4, #8a909c);
+  color: var(--aksrt-color-muted);
   margin-top: 4px;
   white-space: nowrap;
   overflow: hidden;
@@ -285,7 +285,7 @@ onMounted(loadRevenue)
 }
 
 .aksrt-revenue__chart-summary strong {
-  color: var(--color-ink, #1a1a2e);
+  color: var(--aksrt-color-text);
   font-weight: 600;
 }
 </style>