Skip to content

Destructive button missing dark hover style #2270

@Coronon

Description

@Coronon

Describe the bug

When hovering over a Button of variant destructive one would expect a visual indication by a slight change in the buttons color. This seems to only work in light mode because a specific dark:hover:bg-destructive/? is missing.

Reproduction

https://stackblitz.com/edit/sveltejs-kit-template-default-4u2qaqhw?file=src%2Flib%2Fcomponents%2Fui%2Fbutton%2Fbutton.svelte

Logs

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 20.19.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.8.2 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    @lucide/svelte: ^0.540.0 => 0.540.0 
    @sveltejs/kit: ^2.22.0 => 2.33.0 
    svelte: ^5.0.0 => 5.38.2 
    tailwindcss: ^4.0.0 => 4.1.12

Severity

annoyance

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageThe issue is pending triage by a maintainer.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions