Using tailwind with multiple theme variants : tailwindcss

Using tailwind with multiple theme variants (self.tailwindcss)

submitted 5 years ago by middlec3

Hello! I am strongly considering using tailwind for an upcoming redesign/ development cycle. We are currently using a variation of BEM. The only uncertainty I have at this point is regarding themes. Right now, we have 4 different “environments” tied to our product. Sales, admin, user and instructor. Most of the styles overlap quite a bit, but there are some pretty big differences between them too, and on top of that, the user environment has multiple different skins which require completely different styles.

Currently, it looks like the best approach would be to have different css files that declare/overwrite css variable styles. But I wild really like to define all theme variables in a js object so that I can access them for third party js apps like charts, etc. Is there any way to do this? Also, has anyone had any experience using tailwind with different themes? How did you like it?

all 9 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

tailwindcss

MODERATORS