Skip to content

Conversation

@CurryYangxx
Copy link
Member

@CurryYangxx CurryYangxx commented Oct 30, 2025

Background: https://konghq.atlassian.net/wiki/spaces/ST/pages/4940497645/Build+Insomnia+Design+System

Changes

Define design tokens:

This is not the final version, will discuss with Missy further

  • colors (able to reference tailwind color palette)
  • spacing
  • radius
  • typography

Generate css variables by style-dictionary

Next step:

  • integrate with Tailwind( upgrading to v4 will avoid extra work, but it will not be a blocker )

@CurryYangxx CurryYangxx marked this pull request as draft October 30, 2025 03:30
@CurryYangxx CurryYangxx changed the title feat: design tokens feat: design tokens - [INS-1482] Oct 30, 2025
@gatzjames
Copy link
Contributor

To avoid extra work I'd suggest upgrading to tailwind v4 first and defining the tokens in the new css config.
We can also benefit greatly if we extend tailwind's default theme by getting autocomplete suggestions and documentation on hover of each classname

@jackkav
Copy link
Contributor

jackkav commented Oct 30, 2025

#9200

There is some risk updating tailwind to v4 but it appears related to this effort, so help getting it updated is very welcome @CurryYangxx

@CurryYangxx
Copy link
Member Author

Thanks for the feedback @jackkav @gatzjames . I will take a look at Tailwind v4 and try to update.

@CurryYangxx CurryYangxx requested a review from a team November 3, 2025 08:39
disabled: '',
},
success: {
base: '',
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use '_' instead

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants