tokyonight.nvim icon indicating copy to clipboard operation
tokyonight.nvim copied to clipboard

feat(extra): add Tailwind CSS v4

Open joshuadavidthomas opened this issue 9 months ago • 2 comments

Description

Adds all theme variations as CSS variables, under the @theme directive. Allows for use in a project using Tailwind CSS v4. Uses oklch for the color definitions, using the from feature to use existing hex colors.

Related Issue(s)

N/A. I was going to open an issue for this, but I had already done this for my personal use and figured I would chuck it upstream in case you are interested in bringing it in.

Screenshots

Demos of the themes on Tailwind's Play web playground:

Screenshot_20250324_145218

joshuadavidthomas avatar Mar 24 '25 19:03 joshuadavidthomas

Pretty much used every color defined in the lua extra, with the exception of the terminal namespaced colors. Instead I added a -bright variant for all the colors there.

joshuadavidthomas avatar Mar 24 '25 19:03 joshuadavidthomas

This PR is stale because it has been open 30 days with no activity.

github-actions[bot] avatar May 01 '25 02:05 github-actions[bot]

@folke If there's anything I can do to help with the review process, please don't hesitate to ask. (Just commenting on this PR because it's the most recently updated and I ...uh... went a little PR crazy at one point during your vacation. Sorry! 😬)

joshuadavidthomas avatar Oct 22 '25 03:10 joshuadavidthomas

That's awesome, thanks!

folke avatar Oct 22 '25 04:10 folke