feat(admin): refine theme settings UI

assets/admin/src/components/form/AksFormRenderer.vue

@@ -292,7 +292,7 @@ const filteredSchema = computed(() => {
 }
 
 .aksrt-form-renderer__header-icon {
-  color: #1890ff;
+  color: var(--aksrt-color-primary);
   margin-top: 4px;
 }
 
@@ -300,14 +300,14 @@ const filteredSchema = computed(() => {
   margin: 0;
   font-size: 22px;
   font-weight: 700;
-  color: #1a1a2e;
+  color: var(--aksrt-color-text);
   letter-spacing: -0.02em;
 }
 
 .aksrt-form-renderer__desc {
   margin: 4px 0 0;
   font-size: 13px;
-  color: #7a7f8a;
+  color: var(--aksrt-color-muted);
   line-height: 1.6;
 }
 
@@ -322,7 +322,7 @@ const filteredSchema = computed(() => {
   align-items: center;
   gap: 12px;
   padding: 60px 0;
-  color: #8a909c;
+  color: var(--aksrt-color-muted);
   font-size: 14px;
 }
 
@@ -332,7 +332,7 @@ const filteredSchema = computed(() => {
   align-items: center;
   gap: 12px;
   padding: 60px 0;
-  color: #c0c4cc;
+  color: var(--aksrt-color-border-strong);
 }
 
 .aksrt-form-renderer__empty p {
@@ -347,9 +347,9 @@ const filteredSchema = computed(() => {
   left: 0;
   right: 0;
   z-index: 1000;
-  background: #fff;
-  border-top: 1px solid #eef1f6;
-  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
+  background: var(--aksrt-color-surface);
+  border-top: 1px solid var(--aksrt-color-border);
+  box-shadow: var(--aksrt-shadow-floating);
   animation: slideUp 0.2s ease;
 }