css - サイトで使用されているすべての紙要素のインクの色をグローバルに変更する最良の方法は何ですか?

Question

コンポーネント html ファイルのメモには次のように記載されています。

To change the ink color:

.pink paper-tab::shadow #ink {
  color: #ff4081;
}

グローバルに実行したいので、メインの site.css で上記の例 (.pink クラスなし) を試しましたが、効果はありませんでした。また、運が悪くても次のことを試しました。

#ink { color: green !important }

Answer 1

/deep/コンビネータを使いたくなる

<style>
  html /deep/ #ink {
    color: green;
  }
</style>

Answer 2

何らかの理由で、Rob のソリューションは私のセットアップでは機能しませんでした。WebStorm と LESS を使用しています。

ただし、次のことを使用して大きな効果を得ることができました。

::shadow {
    //this changes the lines on paper-tabs and the radios on a paper-radio-buttons
    #selectionBar, #onRadio { 
        background-color: green;
    }
    //this changes the "ink" on all ripple effects
    #ink {
        color: green;
    }
}