feat(admin): refine theme settings UI

assets/admin/src/components/OAuthProviderForm.vue

@@ -105,7 +105,7 @@ const callbackUrl = computed(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: #f7f8fa;
+  background: var(--aksrt-color-canvas);
   border-radius: 12px;
 }
 
@@ -118,19 +118,19 @@ const callbackUrl = computed(() => {
 .oauth-platform-text {
   font-size: 20px;
   font-weight: 700;
-  color: #666;
+  color: var(--aksrt-color-muted);
 }
 
 .oauth-platform-info h4 {
   font-size: 16px;
   font-weight: 600;
-  color: #1a1a2e;
+  color: var(--aksrt-color-text);
   margin-bottom: 2px;
 }
 
 .oauth-doc-link {
   font-size: 12px;
-  color: #1565c0;
+  color: var(--aksrt-color-primary);
   text-decoration: none;
 }
 .oauth-doc-link:hover {
@@ -145,7 +145,7 @@ const callbackUrl = computed(() => {
 /* 表单体 */
 .oauth-form-body {
   padding-top: 8px;
-  border-top: 1px solid #f0f0f5;
+  border-top: 1px solid var(--aksrt-color-border);
 }
 
 .oauth-form-grid :deep(.n-form-item) {
@@ -159,6 +159,6 @@ const callbackUrl = computed(() => {
 }
 .oauth-disabled-hint p {
   font-size: 13px;
-  color: #bbb;
+  color: var(--aksrt-color-border-strong);
 }
 </style>