Skip to content

Global - Modern Scrollbar by favna

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/168006.user.css

Screenshot of Global - Modern Scrollbar

Details

Authorfavna

LicenseNO-REDISTRIBUTION

Categoryglobal

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Rethemes the scrollbar across the entire browser, wherever -webkit-scrollbar is used. Work exclusively with Chromium based browsers (Google Chrome, Vivaldi, Chromium, Edge Beta, etc).

Note: Does NOT work with Firefox as Firefox does not use -webkit-scrollbar

Inspired by MacOS and friendly to both light and dark themed sites by being a shade of grey.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Global - Modern Scrollbar
@namespace    USO Archive
@author       Favna
@description  Rethemes the scrollbar across the entire browser, wherever -webkit-scrollbar is used. Work exclusively with Chromium based browsers (Google Chrome, Vivaldi, Chromium,  Edge Beta, etc).    Note: Does **NOT** work with Firefox as Firefox does not use -webkit-scrollbar    Inspired by MacOS and friendly to both light and dark themed sites by being a shade of grey.
@version      20190119.20.34
@license      NONE
@preprocessor uso
==/UserStyle== */
*::-webkit-scrollbar:hover {
    background-color: rgba(100, 100, 100, .09);
}

*::-webkit-scrollbar-thumb:vertical {
    background: rgba(100, 100, 100, .5);
    -webkit-border-radius: 100px;
}

*::-webkit-scrollbar-thumb:vertical:active {
    background: rgba(100, 100, 100, .61);
    -webkit-border-radius: 100px;
}

*::-webkit-scrollbar {
    width: 0.5em;
    overflow: visible;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

*::-webkit-scrollbar-track {
    opacity: 0;
    -webkit-transition: all .5s;
}

*::-webkit-scrollbar-thumb {
    overflow: visible;
    border-radius: 4px;
    background: rgba(100, 100, 100, .2);
}

Reviews

No reviews yet.