0%

NexT主题修改侧边滚动条

NexT主题修改侧边栏

(root)\themes\next\source\css找到_other.styl,没有就自建。

增添以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
::-webkit-scrollbar-thumb {
background-color: #FF2A68;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
border-radius: 3em;
}
::-webkit-scrollbar-track {
background-color: #ffcacaff;
border-radius: 3em;
}
::-webkit-scrollbar {
width: 8px;
height: 15px;
}

样式

若发现配色不适合网页,例如:

配色不适合

可以去:在线调色助手配色参考(rockhwhuang.com),挑选自己喜欢的颜色,然后在::-webkit-scrollbar-thumb{background-color:}更改滚条颜色,在::-webkit-scrollbar-track 中的background-color:修改背景颜色

技术分享,如果您觉得内容不错的话不妨进行打赏,您的支持将鼓励我继续创作!

欢迎关注我的其它发布渠道