search

unovue / shadcn-vue

Vue port of shadcn-ui
https://www.shadcn-vue.com/
MIT License
5.32k stars 319 forks source link

[Bug]: PinInput field is white in dark mode #894

Closed Duncank closed 2 weeks ago

Duncank commented 2 weeks ago

Reproduction

https://stackblitz.com/edit/agfptq?file=src%2FApp.vue

Describe the bug

The PinInputInput.vue component does not have a 'bg-background' class that other input components do have. This causes the component to remain white in the dark mode.

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i5-12400
    Memory: 9.43 GB / 31.78 GB
  Binaries:
    Node: 20.16.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
  npmPackages:
    @vueuse/core: ^11.2.0 => 11.2.0 
    radix-vue: ^1.9.8 => 1.9.9 
    vue: ^3.5.10 => 3.5.12

Contributes

Duncank commented 2 weeks ago

Fixed by adding this to my css: 

html.dark {
    color-scheme: dark;
}

as suggested by @sadeghbarati in https://github.com/unovue/shadcn-vue/pull/895#issuecomment-2472555075