rogden / tailwind-config-viewer

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

Feature request: moving custom colors and styles ahead of Tailwind's built-in stuff, or giving them their own links in the sidebar #21

Closed bseigel closed 3 years ago

bseigel commented 3 years ago

Hello,

This is super helpful, I appreciate you taking the time to build it. I found my way here via Craft Link List.

May I recommend an enhancement: either placing custom colors and styles ahead of Tailwind's built-in stuff, or creating links in the sidebar that jump right to one's customizations. It's the custom stuff that can be harder to remember than the built-in stuff.

rogden commented 3 years ago

Glad you are finding it helpful! Thanks for the feedback. This can be easily achieved by including tailwind colors after your custom colors instead of extending the tailwind colors:

const { colors } = require('tailwindcss/defaultTheme')

module.exports = {
  theme: {
    colors: {
       'my-custom-color': '#FF0000',
       ...colors
    }
  }
}