cssダイナミックワンタッチで肌を入れ替える

考え方:変数の設定

:root {
    --skin: red;
}

参照変数

.border-color {
    border-color: var(--skin) !important;
}

変数の変更document.documentElement.style.setProperty("--skin","yellow")