feat(components): uniformize colors and variants (#141)

docs/app/components/Banner.vue

@@ -3,7 +3,7 @@ const config = useRuntimeConfig().public
 </script>
 
 <template>
-  <UBanner icon="i-heroicons-light-bulb" :actions="[{ label: 'Go to Nuxt UI v2', to: 'https://ui.nuxt.com', trailingIcon: 'i-heroicons-arrow-right-20-solid', color: 'white', class: 'rounded-full' }]" :close="false">
+  <UBanner icon="i-heroicons-light-bulb" :actions="[{ label: 'Go to Nuxt UI v2', to: 'https://ui.nuxt.com', trailingIcon: 'i-heroicons-arrow-right-20-solid', class: 'rounded-full' }]" :close="false">
     <template #title>
       You're looking at the documentation for <span class="font-semibold">Nuxt UI v{{ config.version }}</span>!
     </template>

docs/app/components/Footer.vue

@@ -31,7 +31,7 @@ const route = useRoute()
       </NuxtLink>
     </template>
 
-    <!-- <UNavigationMenu :items="items" variant="link" color="black" /> -->
+    <!-- <UNavigationMenu :items="items" variant="link" color="gray" /> -->
 
     <template #right>
       <UButton

docs/app/components/content/ComponentPropsSchema.vue

@@ -21,7 +21,7 @@ const schemaProps = computed(() => getSchemaProps(props.prop.schema))
 </script>
 
 <template>
-  <Collapsible v-if="schemaProps?.length" class="mt-1" :ui="{ trigger: 'ml-1.5' }">
+  <Collapsible v-if="schemaProps?.length" class="mt-1">
     <ProseUl>
       <ProseLi v-for="schemaProp in schemaProps" :key="schemaProp.name">
         <HighlightInlineType :type="`${schemaProp.name}: ${schemaProp.type}`" />

docs/app/layouts/docs.vue

@@ -4,8 +4,6 @@ import type { NavItem } from '@nuxt/content'
 const nav = inject<Ref<NavItem[]>>('navigation')
 
 const navigation = computed(() => nav.value.filter(item => !item._path.startsWith('/pro')))
-
-// const { module, modules } = useModule()
 </script>
 
 <template>
@@ -14,8 +12,6 @@ const navigation = computed(() => nav.value.filter(item => !item._path.startsWit
       <UPage>
         <template #left>
           <UPageAside>
-            <!-- <USelect v-model="module" :items="modules" icon="i-heroicons-cube" class="w-full mb-3 lg:mb-6" /> -->
-
             <UContentNavigation :navigation="navigation" highlight />
           </UPageAside>
         </template>

docs/content/1.getting-started/2.installation.md

@@ -55,7 +55,7 @@ export default defineNuxtConfig({
 export default defineNuxtConfig({
   modules: ['@nuxt/ui'],
   ui: {
-    colors: ['primary', 'green', 'red']
+    colors: ['blue', 'green', 'red']
   }
 })
 ```

docs/content/2.components/carousel.md

@@ -8,7 +8,6 @@ navigation:
   badge:
     label: Soon
     color: gray
-    variant: solid
   disabled: true
 ---
 

docs/content/2.components/meter.md

@@ -9,7 +9,6 @@ navigation:
   badge:
     label: Soon
     color: gray
-    variant: solid
   disabled: true
 ---
 

docs/content/2.components/table.md

@@ -8,7 +8,6 @@ navigation:
   badge:
     label: Soon
     color: gray
-    variant: solid
   disabled: true
 ---