How to get selected theme scss variables

[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

[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.

[trumpP]

Adding a color will generate CSS styles for all Ionic components. This increases the size of your CSS file and can slow down your application. If you only need to use the color in some places, we recommend that you add a new Sass variable.

[merve7]

Thank you for recommendation.