Confusion Around Relume Style Guides and Color Variables

·Jul 24, 2025 09:11 AM·

Share

I’m still a bit confused with the new Style Guides (actually haven’t used Relume before but there is just very little documentation for the new stuff). For example I want to change the following colours:

background-color-secondary
background-color-tertiary
background-color-alternative

But I can’t see them anywhere in the Style Guide nor do they seem to appear in the variables. I read through a few bits here: https://www.relume.io/whats-new/january-component-day & https://finsweet.com/client-first/docs/utility-class-systems But still stuck on how to actually ensure everything is covered as expected. I went into the Stlye Guide but under ‘Colors’ there is just the standard Scheme 1 without anything really to edit beyond the standard colours. I found this thread that promises some more documentation on the subject but its 5 month old and I don’t think this was actually realised. https://community.relume.io/x/issues/0zxd9wswdgcf/concerns-about-new-color-variable-structure-in-sta

➕1

5 comments

· Sorted by Oldest

Moritz
·
·
Tried a bunch of stuff including adding the variables, adding the code myself etc. But just can’t get the class below to show the secondary background colour: background-color-secondary Matt J. / Adam M. is there a tutorial coming soon? https://www.relume.io/resources/docs/customizing-the-relume-style-guide-for-webflow Tried to follow this but just not working or what I’m looking for… Thanks!
Moritz
·
·
Is the idea to always just use the Relume Website to setup color schemes etc. and reimport if anything changes?
Matt J.
·
·
Moritz apologies for the lack of documentation. That's definitely on us to resolve soon. In the meantime, here is a quick loom that might help you out - if you have additional questions, more than happy to help! https://www.loom.com/share/36c4d72d91264453af1beae10bd49a42?sid=59f8e594-89c3-42fd-a523-abaea07d96fb
Moritz
·
·
Matt J. thanks for jumping in here. I actually watched that video a few times already but it doesn’t really explain the thing with the ‘missing’ colour classes and how to add e.g. a colour for the secondary background. I tried to do it via variables but didnt work for me sof ar.
Moritz
·
·
Any news here Matt J. or anyone else? Kinda makes the whole colour scheme stuff useless to me as its just not working as per video… should be simple to use the root and recolour but its not working for me at all 😞

Moritz
·
·
Tried a bunch of stuff including adding the variables, adding the code myself etc. But just can’t get the class below to show the secondary background colour: background-color-secondary Matt J. / Adam M. is there a tutorial coming soon? https://www.relume.io/resources/docs/customizing-the-relume-style-guide-for-webflow Tried to follow this but just not working or what I’m looking for… Thanks!
Moritz
·
·
Is the idea to always just use the Relume Website to setup color schemes etc. and reimport if anything changes?
Matt J.
·
·
Moritz apologies for the lack of documentation. That's definitely on us to resolve soon. In the meantime, here is a quick loom that might help you out - if you have additional questions, more than happy to help! https://www.loom.com/share/36c4d72d91264453af1beae10bd49a42?sid=59f8e594-89c3-42fd-a523-abaea07d96fb
Moritz
·
·
Matt J. thanks for jumping in here. I actually watched that video a few times already but it doesn’t really explain the thing with the ‘missing’ colour classes and how to add e.g. a colour for the secondary background. I tried to do it via variables but didnt work for me sof ar.
Moritz
·
·
Any news here Matt J. or anyone else? Kinda makes the whole colour scheme stuff useless to me as its just not working as per video… should be simple to use the root and recolour but its not working for me at all 😞