How do we style KBar? about tailwind-nextjs-starter-blog HOT 3 CLOSED

Had to set darkMode: 'false' in tailwind.config.js

Would be cool if there was a way to style the KBar directly though

from tailwind-nextjs-starter-blog.

Had to set darkMode: 'false' in tailwind.config.js

Would be cool if there was a way to style the KBar directly though

It' possible, but you'll need to copy paste the kbar components from Pliny in your app, and reorganize imports. I did it for my unofficial i18n version (in my case, to manage translations)

from tailwind-nextjs-starter-blog.

Hi @juskek, it follows the tailwind dark mode setting of the site. Rather than modify tailwind.config.js, I suggest keeping the default and modifying siteMetadata - this will propagate the changes correctly (if you toggle the theme switch on the demo website, you can see that the kbar search also changes accordingly).

For other changes and maximum flexibility, it will be easier to copy the code from pliny and modify the tailwind styles accordingly.

from tailwind-nextjs-starter-blog.