How to get selected theme scss variables

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
ncetincift
Posts: 10
Joined: 02 Jan 2018, 09:32

03 Jan 2018, 14:05

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
Posts: 861
Joined: 12 Sep 2017, 10:44

17 Jan 2018, 10:29

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.

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

10 Sep 2018, 09:05

Thank you for recommendation.

Post Reply

Return to “Verona - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 6 guests