How can I change the color of a ripple?

[Lohe221]

Im trying to change this website's ripple color. Its currently using the default light red from angular js material

If I do right click on it and then inspect it (in chrome), it shows me these attributes:

<div class="md-container md-ink-ripple" md-ink-ripple="" md-ink-ripple-checkbox=""><div class="md-icon"></div><div class="md-ripple-container"></div></div>

And to the right, at the styles window, it shows this:

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
color: rgba(255,64,129,0.87);
}

If I change those 4 numbers from the google chrome developer tools, it works fine. Obviously it doesnt stay that way if I refresh the page, because im not directly changing the css file and saving it. The problem is that I already checked all the imported stylesheets from the html, and none of them mention anything similar to:

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
color: rgba(255,64,129,0.87);

So I dont know where that setting of the color is coming from

[Lohe221]

Hi everyone. Im trying to change a website's ripple color. Its currently using the default light red from angular js material

[456avijit .]

Override class in your css else check with ngclass

--
You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/angular/8c6ccb5a-51ab-4d18-b869-98d175e0cf3d%40googlegroups.com.