Skip to content

Gradient Scrollbar by pipcryt

Screenshot of Gradient Scrollbar

Details

Authorpipcryt

LicenseNo License

CategoryAll Sites

Created

Updated

Size854 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A modern and beautiful scrollbar with a blue-purple gradient.

Notes

scrollbar

Source code

/* ==UserStyle==
@name           Gradient Scrollbar
@author         Pip Cryt
@description    `A modern and beautiful scrollbar with a blue-purple gradient.`
@license        CC-BY-NC-SA-4.0
@namespace      userstyles.world
@version        1.0.2
==/UserStyle== */
@-moz-document regexp(".*") {
    ::-webkit-scrollbar {
        width: 14px;
    }

    ::-webkit-scrollbar-track {
        background: linear-gradient(to bottom, #474747 0%, #3a3a3a 50%, #272727 100%);
        border-radius: 8px;
        box-shadow: inset 0px 2px 4px 2px #141414;
    }

    ::-webkit-scrollbar-thumb {
        height: 56px;
        border-radius: 8px;
        border: 4px solid transparent;
        background-clip: content-box;
        background-image: linear-gradient(.351turn, #2f75ff 23.71%, #9512e6 78.8%);
        box-shadow: inset 0px 0px 3px 1px #a4a4a485;
    }
}

Reviews

No reviews yet.