UserCSS:選択範囲の色の変更

code:style.css

:root {

--main-color: DarkGray; /* 主調色 */

--assort-color: White; /* 従属色 */

--base-color: WhiteSmoke; /* 背景色 */

--accent-color: BlueViolet; /* 強調色 */

}

code:stylexx.css

.selection{

background-color: var(--accent-color, GreenYellow);

}

選択範囲にグラデーションをかける

code:style.css

.selection{

background: linear-gradient( to right,

var(--accent-color),

var(--assort-color),

var(--accent-color)

) 0% center / 200% auto ; /* グラデーション */

animation: selection 4s linear infinite;

animation-direction: reverse;

/*animation-direction: alternate;*/

}

@keyframes selection {

to { background-position-x: 200%; }

}

code:stylexx.css

.selection{

background-color: #2EFEF7;

}

.selections

.selection

UserCSS.icon

https://img.shields.io/badge/UserCSS-選択範囲の色の変更-1572B6.svg?logo=css3&style=for-the-badge