Skip to content

Export/display colors the Tailwind way #60

@edelstone

Description

@edelstone

Got an email from Mitch asking if Tailwind-specific exports could be added, suggesting something like the following:

  ppiYellow: {
          50: "#fef8e6", // 90% Tint
          100: "#fdf0cc", // 80% Tint
          200: "#fae19a", // 60% Tint
          300: "#f8d367", // 40% Tint
          400: "#f5c435", // 20% Tint
          500: "#f3b502", // Base
          600: "#c29102", // 20% Shade
          700: "#926d01", // 40% Shade
          800: "#614801", // 60% Shade
          900: "#312400", // 80% Shade
          950: "#181200", // 90% Shade
        },

This would break our agnosticism a little bit and mix across the strict 5/10/20 step boundaries we currently have. Would it just be an export thing or would we also want to display Tailwind style?

Feel free to comment.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions