// ==UserScript== // @name 细侧边栏(随时间变化) // @description 滚动条美化,可随时间在白天和夜晚模式间切换 // @author 柒刻 // @match http://*/* // @match https://*/* // @exclude *://*.bilibili.com/* // @exclude *://www.zhihu.com/* // @exclude *://zhuanlan.zhihu.com/* // @exclude *://www.baidu.com/* // @run-at document-start // @icon data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMC4wMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ1NC40IDE3NS4xMjY0QzMwOS45MzkyIDIxOC45ODI0IDIwNC44IDM1My4yMTI4IDIwNC44IDUxMmMwIDE1OC43ODcyIDEwNS4xMzkyIDI5My4wMTkyIDI0OS42IDMzNi44NzM2LTMyLjQwMzIgOS44MzY4LTY2Ljc4NCAxNS4xMjY0LTEwMi40IDE1LjEyNjRDMTU3LjU5NTIgODY0IDAgNzA2LjQwNDggMCA1MTJzMTU3LjU5NTItMzUyIDM1Mi0zNTJjMzUuNjE2IDAgNjkuOTk2OCA1LjI4OTYgMTAyLjQgMTUuMTI2NHoiIGZpbGw9IiMxRDRERDEiIC8+PHBhdGggZD0iTTY3MiA1MTJtLTM1MiAwYTM1MiAzNTIgMCAxIDAgNzA0IDAgMzUyIDM1MiAwIDEgMC03MDQgMFoiIGZpbGw9IiM3MEE5RkYiIC8+PC9zdmc+ // @version 2.0 // @grant none // @license MIT // @namespace https://greasyfork.org/users/1067482 // @downloadURL none // ==/UserScript== (function() { // 获取当前小时,用于判断是白天还是晚上 var hour = new Date().getHours(); var isDaytime = hour > 6 && hour < 18; // 设置白天和夜晚的滚动条颜色 var scrollbarColorDay = '#ccc'; // 白天模式下的颜色 var scrollbarColorNight = '#444'; // 夜晚模式下的颜色 var currentColor = isDaytime ? scrollbarColorDay : scrollbarColorNight; // 动态切换滚动条颜色的函数 function toggleScrollbarColor() { // 重新获取当前小时并判断是白天还是晚上 hour = new Date().getHours(); isDaytime = hour > 6 && hour < 18; currentColor = isDaytime ? scrollbarColorDay : scrollbarColorNight; updateScrollbarStyle(currentColor); } // 更新滚动条样式的函数 function updateScrollbarStyle(color) { var css = [ "html ::-webkit-scrollbar {", " width: 5px !important;", " height: 5px !important;", "}", "html ::-webkit-scrollbar-corner,", "html ::-webkit-scrollbar-track {", " background: transparent !important;", "}", "html ::-webkit-resizer,", "html ::-webkit-scrollbar-thumb {", " background: " + color + ";", " border-radius: 3px;", "}", "html ::-webkit-scrollbar-thumb:hover {", " background: #666;", "}", "html,", "html * {", " scrollbar-color: " + color + " transparent;", " scrollbar-width: thin !important;", "}" ].join("\n"); var node = document.getElementById('custom-scrollbar-style'); if (!node) { node = document.createElement("style"); node.id = 'custom-scrollbar-style'; node.type = "text/css"; document.head.appendChild(node); } node.textContent = css; } // 定时检查并切换滚动条颜色 setInterval(toggleScrollbarColor, 3600000); // 每1小时检查一次 // 初始设置滚动条样式 updateScrollbarStyle(currentColor); })();