added dark mode

src/pages/menuPages/configuration/index.vue

@@ -589,8 +589,8 @@ async function ok() {
   align-items: flex-end;
   margin-bottom: 20px;
   padding: 14px 16px;
-  background: #fafafa;
-  border: 1px solid #f0f0f0;
+  background: var(--admin-bg-elevated);
+  border: 1px solid var(--admin-border);
   border-radius: 8px;
 
   &__search {
@@ -621,7 +621,7 @@ async function ok() {
   &__label {
     font-size: 12px;
     font-weight: 500;
-    color: rgba(0, 0, 0, 0.55);
+    color: var(--admin-text-secondary);
     line-height: 1;
   }
 
@@ -633,10 +633,10 @@ async function ok() {
 .settings-section-title {
   font-size: 13px;
   font-weight: 600;
-  color: rgba(0, 0, 0, 0.55);
+  color: var(--admin-text-secondary);
   margin-bottom: 12px;
   padding-bottom: 6px;
-  border-bottom: 1px solid #f0f0f0;
+  border-bottom: 1px solid var(--admin-border);
 
   &--spaced {
     margin-top: 28px;
@@ -659,11 +659,11 @@ async function ok() {
 
 .settings-collapse :deep(.ant-collapse-item) {
   margin-bottom: 12px;
-  background: #fff;
-  border: 1px solid #f0f0f0;
+  background: var(--admin-bg-elevated);
+  border: 1px solid var(--admin-border);
   border-radius: 10px;
   overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 1px 3px var(--admin-shadow);
   transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
 
@@ -674,10 +674,10 @@ async function ok() {
 
 .settings-collapse :deep(.ant-collapse-header) {
   padding: 14px 18px !important;
-  background: linear-gradient(90deg, #fafafa 0%, #fff 100%);
+  background: var(--admin-bg-muted);
   font-weight: 600;
   font-size: 14px;
-  color: #333;
+  color: var(--admin-text);
 }
 
 .settings-collapse-header {
@@ -695,15 +695,15 @@ async function ok() {
 .settings-collapse-title {
   flex: 1;
   font-weight: 600;
-  color: #2c2c2c;
+  color: var(--admin-text);
 }
 
 .settings-empty-group {
   padding: 12px 16px;
   font-size: 12px;
-  color: #999;
+  color: var(--admin-text-secondary);
   text-align: center;
-  background: #fafafa;
+  background: var(--admin-bg-muted);
   border-radius: 6px;
   margin-top: 8px;
 }