Theme Colour Scheme variables

[SCOTT GEMMELL, modificado 7 Anos atrás.]

Hello,

I have 3 colour schemes setup. I can choose my Red, Green or Blue version and I get an appropriate Red, Green or Blue header across my Theme.

Blue is the default, I have changed $btnPrimaryBackground and $btnPrimaryBackgroundHighlight to use a slight different colour of blue in my version of the _styled Theme. The aui/buttons classes are extended and my buttons are now blue.

When I select the Red Theme I want all my primary buttons to be red. How do I get Liferay to only use my sass variables for a particular colour scheme? atm the last $btnPrimaryBackground variable has specifity.

[Travis Cory, modificado 7 Anos atrás.]

Hey Scott,

See this gist that explains SASS variable scope. You would just need to follow their example and update your variable correctly!

[SCOTT GEMMELL, modificado 7 Anos atrás.]

What is the point of Liferay colour scheme features if you cannot change the underlying variables?

I am currently having to redeclare variables just to give them a desired colour meaning my Theme has many unassociated classes that will never be used for the current Theme.