How to get selected theme scss variables
-
- Posts: 10
- Joined: 02 Jan 2018, 09:32
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
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
and your.css or your.scss
And you can see in examples in src/assets/sass and src/assets/theme folders.
in your-theme.scss or your-theme.css
Code: Select all
$primaryColor:#f7cb00;
$buttonTextColor:#2d353c;
//other variables
Code: Select all
.ui-button {
color: $buttonTextColor;
background-color: $primaryColor;
//other codes
}
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.
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests