docs: update

docs/app/components/Header.vue

@@ -6,7 +6,6 @@ const props = defineProps<{
   links: NavigationMenuItem[]
 }>()
 
-const route = useRoute()
 const config = useRuntimeConfig().public
 
 const navigation = inject<Ref<NavItem[]>>('navigation')
@@ -15,12 +14,7 @@ const items = computed(() => props.links.map(({ icon, ...link }) => link))
 </script>
 
 <template>
-  <UHeader
-    :class="{
-      'border-primary-200/75 dark:border-primary-900/50': route.path === '/',
-      'border-gray-200 dark:border-gray-800': route.path !== '/'
-    }"
-  >
+  <UHeader>
     <template #left>
       <NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-gray-900 dark:text-white" aria-label="Nuxt UI">
         <Logo class="w-auto h-6" />

docs/app/components/color-picker/ColorPicker.vue

@@ -20,7 +20,7 @@
         <ColorPickerPill v-for="color in primaryColors" :key="color" :color="color" :selected="primary" @select="primary = color" />
       </fieldset>
 
-      <hr class="border-gray-200 dark:border-gray-800 my-2">
+      <USeparator class="my-2" type="dashed" />
 
       <fieldset class="grid grid-cols-5 gap-px">
         <legend class="text-[11px] font-bold mb-1">

docs/app/components/content/examples/modal/ModalCommandPaletteExample.vue

@@ -27,7 +27,7 @@ const groups = computed(() => [{
         :loading="status === 'pending'"
         :groups="groups"
         placeholder="Search users..."
-        class="h-96 border-t border-gray-200 dark:border-gray-800"
+        class="h-96"
       />
     </template>
   </UModal>