feat(admin): refine theme settings UI

assets/admin/src/components/MobileTopBar.vue

@@ -34,8 +34,8 @@ defineEmits(['toggle'])
   gap: 10px;
   height: 48px;
   padding: 0 14px;
-  background: #fff;
-  border-bottom: 1px solid #eceff5;
+  background: var(--aksrt-color-surface);
+  border-bottom: 1px solid var(--aksrt-color-border);
   position: sticky;
   top: 0;
   z-index: 50;
@@ -50,20 +50,20 @@ defineEmits(['toggle'])
   border: none;
   border-radius: 8px;
   background: transparent;
-  color: #1a1a2e;
+  color: var(--aksrt-color-text);
   cursor: pointer;
   margin-left: -6px;
 }
 
 .aksrt-mobile-topbar__menu:hover {
-  background: #f3f5f9;
+  background: var(--aksrt-color-primary-soft);
 }
 
 .aksrt-mobile-topbar__title {
   flex: 1 1 auto;
   font-size: 15px;
   font-weight: 600;
-  color: #1a1a2e;
+  color: var(--aksrt-color-text);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -77,7 +77,7 @@ defineEmits(['toggle'])
   width: 28px;
   height: 28px;
   border-radius: 8px;
-  background: #18a058;
+  background: var(--aksrt-color-primary);
   color: #fff;
   font-size: 11px;
   font-weight: 700;