Cocoonのスキンを作ってみようと思い、テンプレとなる元のスキンをコピーしてコードを眺めていると、色々と勉強になります。
その中で見つけた「currentColor」というのが、なかなか便利だということがわかりました。
currentColor とは？
「currentColor」とは、CSSのcolorプロパティで指定されている色を参照する値です。
『同じ要素のcolorと同じ色になる』ので、自身は変数として使えるのが便利です。
box-shadow、border系、outline系、background系のプロパティで使えます。
サンプル
下の CodePenでは、colorにred（赤色）を指定しています。
border-colorの初期値はcurrentColorなので、一括指定プロパティのborderで色の指定をしない場合は、要素のcolorを参照します。
値のredをblue（青色）やgreen（緑色）に変えると、連動して線と影の色も変わります。
See the Pen currentColor by Sayavee (@tamago_hamham) on CodePen.
