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.