Credit Color Change

:root {
    /* ====
       共通 - ここ変えるとだいたい変わります
       ==== */
    /* 文字色(RatingとかCreditボタンの"i"とか) - デフォルトは#fff(真っ白) */
    --creditrate-common-char-color: #fff;
    /* 背景色 - デフォルトは#633 */
    --creditrate-common-bg-color: #633;
 
    /* リンク(UV/DVボタンとか)の文字色 - デフォルトは背景色と同じ */
    --creditrate-common-link-color: var(--creditrate-common-bg-color);
    /* リンク(UV/DVボタンとか)の背景色 - デフォルトは#fff6f0 */
    --creditrate-common-link-bg-color: #fff6f0;
 
    /* リンクをホバーした際の文字色 - デフォルトはリンクの背景色 */
    --creditrate-common-hover-link-color: var(--creditrate-common-link-bg-color);
    /* リンクをホバーした際の背景色 - デフォルトはRateモジュールの背景色 */
    --creditrate-common-hover-link-bg-color: var(--creditrate-common-bg-color);
 
    /* Creditモーダル上部("クレジット"部分)の文字色 */
    --creditrate-modal-heading-color: #333;
    /* Creditモーダルの上部("クレジット"部分)の背景色 */
    --creditrate-modal-heading-bg-color: #ccc;
 
    /* Creditモーダルの中身の文字色 */
    --creditrate-modal-body-color: #333;
    /* Creditモーダルの中身のリンク色 */
    --creditrate-modal-body-link-color: #b01;
    /* Creditモーダルの中身の背景色 */
    --creditrate-modal-body-bg-color: #fff;
 
    /* border-radius(カドの丸み) */
    --creditrate-border-radius: 5px;
 
    /* ---
       以下は必要なければ変えなくてもよい
       --- */
 
    /* ボーダー色 - デフォルト値は背景色と同じ */
    --creditrate-common-border-color: var(--creditrate-common-bg-color);
 
    /* "Rating"部分 */
    --creditrate-rating-char-color: var(--creditrate-common-char-color);
    --creditrate-rating-bg-color: var(--creditrate-common-bg-color);
    --creditrate-rating-border-color: var(--creditrate-common-border-color);
    --creditrate-rating-border-radius: var(--creditrate-border-radius);
 
    /* UVボタン */
    --creditrate-uv-btn-color: var(--creditrate-common-link-color);
    --creditrate-uv-btn-bg-color: var(--creditrate-common-link-bg-color);
    --creditrate-uv-btn-border-color: var(--creditrate-common-border-color);
 
    /* UVボタン - Hover */
    --creditrate-uv-btn-hover-color: var(--creditrate-common-hover-link-color);
    --creditrate-uv-btn-hover-bg-color: var(--creditrate-common-hover-link-bg-color);
 
    /* DVボタン */
    --creditrate-dv-btn-color: var(--creditrate-uv-btn-color);
    --creditrate-dv-btn-bg-color: var(--creditrate-uv-btn-bg-color);
    --creditrate-dv-btn-border-color: var(--creditrate-uv-btn-border-color);
 
    /* DVボタン - Hover */
    --creditrate-dv-btn-hover-color: var(--creditrate-common-hover-link-color);
    --creditrate-dv-btn-hover-bg-color: var(--creditrate-common-hover-link-bg-color);
 
    /* Cancelボタン */
    --creditrate-cancel-btn-color: var(--creditrate-common-char-color);
    --creditrate-cancel-btn-bg-color: var(--creditrate-common-bg-color);
    --creditrate-cancel-btn-border-color: var(--creditrate-common-border-color);
    --creditrate-cancel-border-radius: 0 var(--creditrate-border-radius) var(--creditrate-border-radius) 0;
 
    /* Cancelボタン - Hover */
    --creditrate-credit-btn-color: var(--creditrate-common-char-color);
    --creditrate-credit-btn-bg-color: var(--creditrate-common-bg-color);
    --creditrate-credit-btn-border-color: var(--creditrate-common-border-color);
 
    /* Creditボタン */
    --creditrate-credit-btn-hover-color: var(--creditrate-common-char-color);
    --creditrate-credit-btn-hover-bg-color: var(--creditrate-common-bg-color);
    --creditrate-credit-border-radius: var(--creditrate-border-radius);
}
 
#html-body .page-rate-widget-box{
    border-radius: var(--creditrate-rating-border-radius) var(--creditrate-cancel-border-radius) var(--creditrate-cancel-border-radius) var(--creditrate-rating-border-radius);
}
 
#html-body .page-rate-widget-box .rate-points {
    color: var(--creditrate-rating-char-color);
    background-color: var(--creditrate-rating-bg-color) !important;
    border-color: var(--creditrate-rating-border-color);
    border-radius: var(--creditrate-rating-border-radius) 0 0 var(--creditrate-rating-border-radius);
}
 
#html-body .page-rate-widget-box .rateup {
    border-color: var(--creditrate-uv-btn-border-color);
    background-color: var(--creditrate-uv-btn-bg-color);
}
 
#html-body .page-rate-widget-box .rateup a {
    color: var(--creditrate-uv-btn-color);
}
 
#html-body .page-rate-widget-box .rateup a:hover {
    color: var(--creditrate-uv-btn-hover-color);
    background: var(--creditrate-uv-btn-hover-bg-color);
}
 
#html-body .page-rate-widget-box .ratedown {
    border-color: var(--creditrate-dv-btn-border-color);
    background-color: var(--creditrate-dv-btn-bg-color);
}
 
#html-body .page-rate-widget-box .ratedown a {
    color: var(--creditrate-dv-btn-color);
}
 
#html-body .page-rate-widget-box .ratedown a:hover {
    color: var(--creditrate-dv-btn-hover-color);
    background: var(--creditrate-dv-btn-hover-bg-color);
}
 
#html-body .page-rate-widget-box .cancel {
    border-color: var(--creditrate-cancel-btn-border-color);
    background-color: var(--creditrate-cancel-btn-bg-color);
    border-radius: 0 var(--creditrate-cancel-border-radius) var(--creditrate-cancel-border-radius) 0;
}
 
#html-body .page-rate-widget-box .cancel a {
    color: var(--creditrate-cancel-btn-color);
}
 
#html-body .rate-box-with-credit-button .creditButton {
    background-color: var(--creditrate-credit-btn-bg-color);
    border-color: var(--creditrate-credit-btn-border-color);
    border-radius: var(--creditrate-credit-border-radius);
}
 
#html-body .rate-box-with-credit-button .creditButton a {
    color: var(--creditrate-credit-btn-color);
}
 
#html-body .rate-box-with-credit-button .creditButton:hover {
    background-color: var(--creditrate-credit-btn-hover-bg-color);
}
 
#html-body .rate-box-with-credit-button .creditButton a:hover {
    color: var(--creditrate-credit-btn-hover-color);
}
 
#html-body .modalbox {
    background: var(--creditrate-modal-body-bg-color);
}
 
#html-body .modalbox .modalbox-title {
    color: var(--creditrate-modal-heading-color);
    background: var(--creditrate-modal-heading-bg-color);
}
 
#html-body .modalbox .credit {
    color: var(--creditrate-modal-body-color);
}
 
#html-body .modalbox .cc.cc-by-sa {
    color: var(--creditrate-modal-body-color);
}
 
#html-body .modalbox .credit a {
    color: var(--creditrate-modal-body-link-color);
}