UserCSS:ページのグラデーション

固定モード（決め打ち）

code:stylexx.css

.page {

background:

/* 決め打ち */

linear-gradient(to right,

rgba(255,255,255, 1.0), 30%,

rgba(255,255,255, 0.8), 50%,

rgba(255,255,255, 0.5), 70%,

rgba(255,255,255,0)

) ,

var(--page-bg-image) /* */

;

background-origin: border-box,border-box; /* */

background-repeat: repeat-y,no-repeat; /* */

background-attachment: scroll,fixed; /* */

background-position: 0% 0%, 75% 65% ; /* */

background-size: 100% 100%,30% auto; /* */

/* background-color: var(--assort-color, Red); /* */

}

固定モード（）

code:stylexx.css

.page {

background:

linear-gradient(to right,

var(--navbar-bg,#CCC),

var(--body-bg,#DDD),

var(--card-bg,#EEE),

var(--card-bg,#EEE), 70%,

var(--body-bg,#DDD),

var(--navbar-bg,#CCC)

),

var(--page-bg-image) /* */

;

background-origin: border-box,border-box; /* */

background-repeat: repeat-y,no-repeat; /* */

background-attachment: scroll,fixed; /* */

background-position: 0% 0%, 75% 65% ; /* */

background-size: 100% 100%,30% auto; /* */

/* background-color: var(--assort-color, Red); /* */

}

固定モード（theme 対応）

code:style.css

.page {

background:

linear-gradient(to right,

var(--main-color,#CCC),

var(--assort-color,#EEE), 10%,

var(--assort-color,#EEE), 80%,

var(--main-color,#CCC)

),

var(--page-bg-image) /* */

;

background-origin: border-box,border-box; /* */

background-repeat: repeat-y,no-repeat; /* */

background-attachment: scroll,fixed; /* */

background-position: 0% 0%, 75% 65% ; /* */

background-size: 100% 100%,30% auto; /* */

/* background-color: var(--assort-color, Red); /* */

}

UserCSS.icon

https://img.shields.io/badge/UserCSS-ページのグラデーション-1572B6.svg?logo=css3&style=for-the-badge