全局滚动条

样式

文件路径：src/styles/custom-scrollbar.css

/* 全局滚动条样式 - 亮色模式 */
/* 全局滚动条样式 */
::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    background-image: -webkit-linear-gradient(
        45deg,
        hsla(0, 0%, 100%, 0.4) 25%,
        transparent 0,
        transparent 50%,
        hsla(0, 0%, 100%, 0.4) 0,
        hsla(0, 0%, 100%, 0.4) 75%,
        transparent 0,
        transparent
    );
    border-radius: 2em;
}

::-webkit-scrollbar-thumb:hover {
    background: #aaaaaa;
    background-image: -webkit-linear-gradient(
        45deg,
        hsla(0, 0%, 100%, 0.4) 25%,
        transparent 0,
        transparent 50%,
        hsla(0, 0%, 100%, 0.4) 0,
        hsla(0, 0%, 100%, 0.4) 75%,
        transparent 0,
        transparent
    );
}