Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: Can't style kbd when using prose #2872

Open
TaylanTatli opened this issue Feb 25, 2024 · 2 comments
Open

bug: Can't style kbd when using prose #2872

TaylanTatli opened this issue Feb 25, 2024 · 2 comments

Comments

@TaylanTatli
Copy link

What version of daisyUI are you using?

v4.7.2

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/hKQyJqbKxM

Describe your issue

KBD tag is unreadable when using dark themes. Test doesn't change with themes. Right now I'm using it like this:

kbd {
  @apply kbd kbd-sm text-base-content !important;
}
Copy link

Thank you @TaylanTatli for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

@NikarashiHatsu
Copy link
Contributor

This is actually an easy workaround, just apply bg-base-100 dark:bg-base-content to the kbd and you're good to go:

<div class="prose" data-theme="">
  <div class="p-4">
    <kbd class="kbd bg-base-100 dark:bg-base-content">Keyboard</button>
  </div>
</div>

Screenshot 2024-03-28 at 03 43 11

Screenshot 2024-03-28 at 03 43 19

It might need some time to fix it on library-level, so give it a go.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants