Page 1 of 1

How to get selected theme scss variables

Posted: 03 Jan 2018, 14:05
by ncetincift
I have custom button, which has white background color and text color same color with theme color. I want to change text color when theme changes. How can i accomplish it

Re: How to get selected theme scss variables

Posted: 17 Jan 2018, 10:29
by merve7
You can define variable for button text color in theme files and use this variable for button color. Like this;
in your-theme.scss or your-theme.css

Code: Select all

$primaryColor:#f7cb00;
$buttonTextColor:#2d353c;
//other variables
and your.css or your.scss

Code: Select all

.ui-button {
        color: $buttonTextColor;
        background-color: $primaryColor;
        //other codes
}
And you can see in examples in src/assets/sass and src/assets/theme folders.

Re: How to get selected theme scss variables

Posted: 10 Sep 2018, 09:05
by merve7
Thank you for recommendation.