fix(theme): use design token for muted background in light mode

Author: 9romise

app/components/ClaimPackageModal.vue

@@ -370,7 +370,7 @@ const connectorModalOpen = shallowRef(false)
                     >
                       {{ $t('claim.modal.preview_json') }}
                     </summary>
-                    <pre class="p-3 text-xs font-mono text-fg-muted bg-[#0d0d0d] overflow-x-auto">{{
+                    <pre class="p-3 text-xs font-mono text-fg-muted bg-bg-muted overflow-x-auto">{{
                       JSON.stringify(previewPackageJson, null, 2)
                     }}</pre>
                   </details>

app/components/ConnectorModal.vue

@@ -125,7 +125,7 @@ watch(open, isOpen => {
               </p>
 
               <div
-                class="flex items-center p-3 bg-[#0d0d0d] border border-border rounded-lg font-mono text-sm"
+                class="flex items-center p-3 bg-bg-muted border border-border rounded-lg font-mono text-sm"
               >
                 <span class="text-fg-subtle">$</span>
                 <span class="text-fg ml-2">{{ executeNpmxConnectorCommand }}</span>

app/components/OperationsQueue.vue

@@ -198,7 +198,7 @@ onUnmounted(() => {
           <!-- Result output for completed/failed -->
           <div
             v-else-if="op.result && (op.status === 'completed' || op.status === 'failed')"
-            class="mt-2 p-2 bg-[#0d0d0d] border border-border rounded text-xs font-mono"
+            class="mt-2 p-2 bg-bg-muted border border-border rounded text-xs font-mono"
           >
             <pre v-if="op.result.stdout" class="text-fg-muted whitespace-pre-wrap">{{
               op.result.stdout