Theme Colour Scheme variables

[7年前 に SCOTT GEMMELL によって更新されました。]

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.

[7年前 に Travis Cory によって更新されました。]

Hey Scott,

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

[7年前 に SCOTT GEMMELL によって更新されました。]

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.