Button Gray Outline

[caiotarifa]

Environment

• Operating System: Darwin
• Node Version: v18.17.1
• Nuxt Version: 3.11.2
• CLI Version: 3.11.1
• Nitro Version: 2.9.6
• Package Manager: npm@9.8.1
• Builder: -
• User Config: vite, nitro, devtools, extends, modules, imports, i18n
• Runtime Modules: @nuxt/content@2.12.1, @nuxt/eslint@0.3.12, @nuxt/ui@2.16.0, @nuxtjs/i18n@8.3.1
• Build Modules: -

Version

v2.16.0

Reproduction

<UButton
  color="gray"
  variant="outline"
>
  Hover Me!
</UButton>

Description

When using the gray color with the outline variant in dark mode, the hover is expected to be dark:hover:bg-gray-950, but instead I'm getting hover:bg-gray-50.

Additional context

No response

Logs

No response

[benjamincanac]

This is because there's no outline variant for the gray color, you can have a look there: https://ui.nuxt.com/components/button#gray.