Polymer 1.0: How to style <paper-ripple> color inside <paper-tab> element?

Question

I have an element, let's call it x-foo. Inside x-foo, I am using <paper-tabs>.

Question

How do I change the <paper-tabs> ripple color from (the default) yellow to white?

Bar color is exposed. But not ripple color.

Here is the documentation I followed to change the bar color. The problem is that the element documentation at the bottom of this page does not explain or expose the ripple color in the same way.

Code

Here is what I have working so far. And what I tried that is not working.

:host {
  --paper-tabs-selection-bar-color: var(--default-primary-color); /* Works */
  --paper-ripple-color: white; /* Does not work */
}

Answer 1

Here is what worked for me.

<style>
  :host {
    --paper-tab-ink: var(--accent-color);
  }
  paper-tabs {
    --paper-tabs-selection-bar-color: var(--accent-color);
  }
</style>