generated at
UserCSS:ページのグラデーション
固定モード(決め打ち)
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); /* */ }

固定モード()
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 対応)
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