fumeapp / tailvue

Vue components built for Nuxt3|Vue3 powered by Windi CSS|tailwindcss
157 stars 14 forks source link

Feature request: Add an option to disable darkmode #23

Open mukundshah opened 1 year ago

mukundshah commented 1 year ago

Since the tailvue components are using dark: modifiers for dark mode, it will be eventually use even if the website or app itself is not using dark mode. Therefore, it becomes sometimes quite annoying to have it there.

Hence an option to make dark mode optional will be really helpful. I will also look into it if I can do something.

Draccano commented 1 year ago

I would also need to disable darkmode. By default it runs within darkmode even I haven't setup it in my project.

Draccano commented 1 year ago

@mukundshah as temporary solution I put this snippet to global css

#toasts > div > div > div {
  @apply relative w-full bg-white  shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden;
}
#toasts > div > div > div > div:first-child {
  @apply absolute left-0 bottom-0 right-0 h-1 rounded bg-gray-200;
}