So with the new style guide, when you switch themes, the button colors etc is not part of the themeing so in the old version, it made more sense because I could just ad in the classes needed and then when I added a class on top of a section with something like "theme-orange" everything would inherit, so background, text, buttons and some custom elements we reuse in every project would just "work" by applying one single class.

In the new everything is divided up and then we have themes, so I added in our colors in folders etc, but then the whole idea of changing the look of a section kind of vanish, or am I just tired? Please advice or send me a tutorial on how it's ment to be used.

Even just switching from dark to light etc brakes in the out-of-the box solution when it comes to black/white buttons etc so im prob thinking about this in the wrong way.

I used variable modes to create "theme-tags" for Relume, basically just adapting class strategy for modes to Relume and it works really good in my initial testing. Like "theme-yellow"-tag uses a variable mode called "Yellow Mode" and when applied to a section changes the colors of the background, lines, buttons, borders etc. I just think this is such a win, curious about plans to make something similar natively integrated in the styleguide/cloneable?

I was onboarding one of our art directors sent him this way: https://www.loom.com/share/cd8fda5fc77749c0894ac438ed0072d3 and I noticed it's 2 years old and very basic. Given all recent changes with variables and what not, it would be great with a updated guide and also a more comprehensive deep dive into base styling with relume, like changing base background to something darker (he just asked me how, haha) and you know a guide where the end result have a bit more custom look and feel to it.

That would be great! 🙂

I to would LOVE to get access. But another question, will the style guide get any large overhaul soon with the recent changes to components, more variables, slots and all that?

So, I could def figure out a way to do it myself, but is there a built in set up for adding dark mode, before I jump the gun and start building something custom. I did find the color pallets but that tutorial seem bit outdated, so now with variables, whats the goto way?

Soooo, with the text-align-classes, what approach is the best when the text-align change on mobile. Most of the times this happen when align-center should be align-left on mobile, it feels wierd to ad a combo left to the center etcetera, but thats how I usually solve it if not by creating a unique class. We use Relume as part of another system, so it's not one off sites but rather we change things up in a modular way alot - if it was a one-off thing I wouldn't bother, but now i'm working on a new template and this just got me thinking.. 😛