细侧边栏（随时间变化）

滚动条美化，可随时间在白天和夜晚模式间切换
目前为 2023-11-17 提交的版本。查看最新版本。
换行
// ==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://gf.qytechs.cn/users/1067482
// ==/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);
})();
欢迎访问Greasy Fork镜像
