DEV Community

Reinout
Reinout

Posted on

1

Sass theme variables generator?

What I would like to have:

  1. Consistent naming and structure of Sass theme variables across projects (e.g. $color-primary), so that you don't have to guess the variable names.
  2. An easy way to generate these variables, for example, using an online generator.

Does something like this exist?

I know there's the System UI specification, but it doesn't seem actively maintained and there is no Sass version.

I know TailwindCss has a pretty solid theme structure, but I don't want to depend on a CSS framework.

-- Edit
I'm now using a subset of the Bootstrap variables, but it's just too bloated with stuff that I don't need and some smart Sass functions/maps are missing.

Top comments (0)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay