rogden / tailwind-config-viewer

A local UI tool for visualizing your Tailwind CSS configuration file.
2.01k stars 111 forks source link

feat: Inject css styles into config viewer <head> #101

Open jimmzzz opened 3 months ago

jimmzzz commented 3 months ago

What does it solve?

issue: https://github.com/rogden/tailwind-config-viewer/issues/86

Inject custom styles into <head>

This is useful in cases when you want inject css file with CSS variables and display them in tailwind-config-viewer

Alternative to themeReplacements

How does it work

  1. User define [name].css file in project
  2. add arguments -css <path to file.css> - default path is ./style.css
  3. App requests CSS file served on /style.css
  4. If file exists -> injected into <head>
  5. Colors and other properties are displayed correctly

example: tailwind-config-viewer -o -css ./css/my-variables.css

Caveats

Possible future improvements:

Feedback appreciated :)