Themes and Overwrites + Bug in the Theme Editor

Hi @dan,

was just thinking about the theme stuff you mentioned in the last chat and I got an idea. How about you provide the default tailwind colors as is and not as overwriteable in the theme. If someone wants to overwrite them it can be done in the custom colors. I realized that the colors you are providing are 100% the tailwind once, but when saving the theme they vanish.

When I change for some reason the 500 color and then decide to go back to the original once. Those original colors are gone.

Someone could use the custom color above to overwrite them if necessary when using the same name, then the theme would only have those primary, seconday, .. we discussed in the last chat. Would give a better overview maybe?

By the way I found a bug … look at the video.

When switching from a custom theme back to the default once they are all open.

So the problem described above is just a result from the video below. :rofl:

That is indeed a little bug, it’s on the list to fix :+1:

I have to ask, and I may be missing something obvious, but how do you create new Themes?
I can modify existing ones but can’t see where to create new themes. I am on the Plus licence

Hi @RussOggi255

when you create a devpack and you open the content of it. There is a folder called themes. In the Elements Docs there is a section which files would be required just added those and thats it.

Cheers :clinking_beer_mugs:

1 Like

You’ll be able to create new Themes in Elements (without diving into the Finder to manually set up DevPacks) via the UI very soon!

1 Like

Hi @dan,

I like it that you will be able to create it directly. For me I am working a lot with Sketch and a integration would be handy.

Working on a Sketch Plugin 3.0 which generates me the theme file on a button press. I will leave the fonts and typography stuff away. But I would have the colors / radius / width directly and can keep my layouting and developing in sync.

1 Like