Greasy Fork is available in English.

Scrollbars figuccio

scrollbars for Chrome 2024

// ==UserScript==
// @name          Scrollbars figuccio
// @description	  scrollbars for Chrome 2024
// @author        figuccio
// @run-at        document-start
// @match         *://*/*
// @grant         GM_addStyle
// @version       0.3
// @license       MIT
// @icon         data:image/png;base64,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
// @namespace https://greasyfork.org/users/237458
// ==/UserScript==
GM_addStyle(`
 .resize-grip {
 background: linear-gradient(-45deg, transparent 2px, hsl(0, 0%, 40%) 2px, transparent 3px, transparent 4.5px, hsl(0, 0%, 40%) 5px, transparent 5.5px)!important;
		}

              /*barra sotto lo scroll*/
		/* Browser */
		::-webkit-scrollbar {
		   background: deepskyblue!important;
		   border: thin solid hsl(0, 0%, 20%)!important;
	       display: initial!important;
		   height: 13px!important;
		   max-height: 13px!important;
		   max-width: 13px!important;
		   min-height: 13px!important;
		   min-width: 15px!important;
		   padding: 0!important;
		   width: 13px!important;
		}
                /*scroll rosso*/
		::-webkit-scrollbar-thumb {
		    background: red!important;
		    background-clip: content-box!important;
		    border: solid transparent!important;
		    border-radius: 13px!important;
		    box-shadow: inset 0 0 0 1px hsl(0, 0%, 42%)!important;
		}
                /*scroll diventa viola al passaggio mouse*/
        ::-webkit-scrollbar-thumb:not(:active):hover {
		    background:violet !important;
		    background-clip: content-box!important;
		    box-shadow: inset 0 0 0 1px hsl(0, 0%, 50%)!important;
		}
		::-webkit-scrollbar-button {
		    display: none!important;
		}
		::-webkit-scrollbar-button:single-button {
		    border: thin solid green!important;
		    display: block!important;
		    height: 13px!important;
		    margin: 0!important;
		    max-height: 13px!important;
		    max-width: 13px!important;
		    min-height: 15px!important;
		    min-width: 13px!important;
		    width: 13px!important;
		}
		::-webkit-scrollbar-button:horizontal:decrement {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhoaUbP33wAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdElEQVQoz83SsQ1BARQF0BudsILeBDoxiTns8EtT2OLHBDoVDZFI9BqRo1AQUbxfcet3invzkr8Ihph2AWM02FTBHGtccKiAJbaeuWNXQSevXLH/vOl9cU2SNsktST+JaqcZVjjj2GW9ERbl9d7gAJPffcoD60Zo/GBzO+QAAAAASUVORK5CYII=)!important;
		    background-size: cover!important;
		    background-repeat: no-repeat!important;
		    background-color: green!important;
		    border-bottom-right-radius: 3px!important;
		    border-top-right-radius: 3px!important;
		}
                    /*freccia sinistra orizontale che diventa rossa quando si scorre*/
		::-webkit-scrollbar-button:horizontal:decrement:active {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhs56s+37AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAd0lEQVQoz83SsQnCUBQF0AMWFskI2meCdJJJnCM7WGYK13CCdKlikyAIgqVdSJpvIwH/r/Q2r3mHB5fHvyTHIQUUOKGNBUdc8MAQAxp0mDGhj0G3AGa8cP1c2KygCVvswnyG619T4Yw7xpT29qhT2nsnQ/m7N1kACdwUrJ0jQzwAAAAASUVORK5CYII=)!important;
		    background-color:red !important;
		}
                       /*freccia destra orizontale che diventa rossa quando si scorre*/
		::-webkit-scrollbar-button:horizontal:increment:active {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhUjiS5jGAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAeUlEQVQoz83RsQnCcBTE4Q8UBHWQTGAnTpIZ3COTOEDKEMgEljbaJAQEOwsLm3+aVBLCs9KrHsf9OI7HL7XDZi6wmPBKrNHiGW3qcMcJhyh0RcIbNY4R6IbXCCb0n4HlBJSwGu8LqkhTiwca5NFNZxTIvvnTHlt/oQHnWRWTSdNqYQAAAABJRU5ErkJggg==)!important;
		    background-color:red !important;
		}
                      /*freccia in alto verticale che diventa rossa quando si scorre*/
        ::-webkit-scrollbar-button:vertical:decrement:active {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgo6IB/FRgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQoz+XRoQ2DYBiE4YfUkEDqEfW1TNA5EFUdAM0aTNEpSKqwKAZogkJgmpDUgPkFqFa3py757r1PHP+jEgPqb4ELGizocf0EnHDHO0ALHjhvQ4eNT3BDgSPmcE8RoQ1lOyhHhRgjXpjCtwwdnr864go2lhOp4XYeZgAAAABJRU5ErkJggg==)!important;
		    background-color:red !important;",
		}
                       /*freccia in basso verticale che diventa rossa quando si scorre*/
        ::-webkit-scrollbar-button:vertical:increment:active {",
		   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgUlKo/UfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAaUlEQVQoz+XPsQmDUAAE0NfHFdI7gZ1kEmdI6Q6WTuEUQiZIl8o0CYGAvYUg3+aXitZ6zcFxx91xbOR44oMO78jfqGdLoQQVekwYEPBHictaW4pHNAeMaHDdmlngFUMtbnv/1fjh7iSYAfRHFgTlUa3mAAAAAElFTkSuQmCC)!important;
		   background-color:red !important;",
		}
		::-webkit-scrollbar-button:horizontal:decrement:not(:active):hover {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhs56s+37AAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAd0lEQVQoz83SsQnCUBQF0AMWFskI2meCdJJJnCM7WGYK13CCdKlikyAIgqVdSJpvIwH/r/Q2r3mHB5fHvyTHIQUUOKGNBUdc8MAQAxp0mDGhj0G3AGa8cP1c2KygCVvswnyG619T4Yw7xpT29qhT2nsnQ/m7N1kACdwUrJ0jQzwAAAAASUVORK5CYII=)!important;
		    background-color: yellow!important;
		}
		::-webkit-scrollbar-button:horizontal:increment {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhMBChSFegAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdElEQVQoz83QIQoCUQCE4QmCQa9g9wQ28SSeYaN38CQeYlnwBEaLFmVBsBssn0FBEMN7Sf80YX4GJvkZmGFUK+2wwqRGOuOCDRal0sGTOzo0JdIRN2/6z87gm5dk+Mr7JG3J0glXbLGseW+Nac17c4zzFzwANftoDW4riZUAAAAASUVORK5CYII=)!important;
		    background-size: cover!important;
		    background-repeat: no-repeat!important;
		    background-color:green !important;
		    border-bottom-left-radius: 3px!important;
		    border-top-left-radius: 3px!important;
		}

		::-webkit-scrollbar-button:horizontal:increment:not(:active):hover {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDhUjiS5jGAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAeUlEQVQoz83RsQnCcBTE4Q8UBHWQTGAnTpIZ3COTOEDKEMgEljbaJAQEOwsLm3+aVBLCs9KrHsf9OI7HL7XDZi6wmPBKrNHiGW3qcMcJhyh0RcIbNY4R6IbXCCb0n4HlBJSwGu8LqkhTiwca5NFNZxTIvvnTHlt/oQHnWRWTSdNqYQAAAABJRU5ErkJggg==)!important;
		    background-color: yellow!important;
		}
		::-webkit-scrollbar-button:vertical:decrement {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgonQxmpnwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQoz+XRMUoCAACF4Q/BSa/gHjl1Alu8QwguXcC7eApPIXQJt2iKjhAk+DcoJDjonP/8vulxJ1Wr6rNa3wpm1bZju2p5DUyqTfXTX2/Vw/lucAZGWOAZQ3zjgEe8VuMLhClesMc7vvBxwnM8/ecffwFSoEVS/hyFWgAAAABJRU5ErkJggg==)!important;
		    background-size: cover!important;
		    background-repeat: no-repeat!important;
		    background-color: green!important;
		    border-bottom-left-radius: 3px!important;
		    border-bottom-right-radius: 3px!important;
		}
		::-webkit-scrollbar-button:vertical:decrement:not(:active):hover {
		    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgo6IB/FRgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAc0lEQVQoz+XRoQ2DYBiE4YfUkEDqEfW1TNA5EFUdAM0aTNEpSKqwKAZogkJgmpDUgPkFqFa3py757r1PHP+jEgPqb4ELGizocf0EnHDHO0ALHjhvQ4eNT3BDgSPmcE8RoQ1lOyhHhRgjXpjCtwwdnr864go2lhOp4XYeZgAAAABJRU5ErkJggg==)!important;
		    background-color:yellow !important;
		}
		::-webkit-scrollbar-button:vertical:increment {
		   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDTUIslAAowAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAdUlEQVQoz+XPIQoCUQCE4XnJ4Daz3UuIJ9lsNHoH457CUwhWD+ANBEGzYUG+Da6IsIhZ/zQwDDOT/B7lKTBP0iSZJGl7T5JRkmuSZSnl8JZGhQ0uuOPmwRlrjAdrMcPeixZbTD/uRY1jH9ph8dVRNDhhlT+hA0tUX1KVJjAXAAAAAElFTkSuQmCC)!important;
	       background-size: cover!important;
	       background-repeat: no-repeat!important;
		   background-color:green !important;
		   border-top-left-radius: 3px!important;
		   border-top-right-radius: 3px!important;
		}
		::-webkit-scrollbar-button:vertical:increment:not(:active):hover {
		   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QgFDgUlKo/UfAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAaUlEQVQoz+XPsQmDUAAE0NfHFdI7gZ1kEmdI6Q6WTuEUQiZIl8o0CYGAvYUg3+aXitZ6zcFxx91xbOR44oMO78jfqGdLoQQVekwYEPBHictaW4pHNAeMaHDdmlngFUMtbnv/1fjh7iSYAfRHFgTlUa3mAAAAAElFTkSuQmCC)!important;
	       background-color: yellow!important;
		}
		::-webkit-scrollbar-corner {
		   background: #FFFF00!important;
	       border: 0!important;
		}

		::-webkit-scrollbar-thumb:active {",
		    background: !important;",
		    background-clip: content-box!important;",
		    box-shadow: inset 0 0 0 1px hsl(0, 0%, 58%)!important;",
		    transition: none!important;",
		}
		::-webkit-scrollbar-thumb:horizontal {
		   border-width: 2px 0!important;
		}
		::-webkit-scrollbar:disabled,
		::-webkit-scrollbar-thumb:vertical {
		    border-width: 0 2px!important;
		}
		::-webkit-scrollbar:disabled,
		::-webkit-scrollbar-button:single-button:disabled,
		::-webkit-scrollbar-track,
		::-webkit-scrollbar-track-piece {
		    visibility: hidden!important;
		}
		/* 110% zoom*/
		@media (min-resolution: 1.1dppx) {
		::-webkit-scrollbar, ::-webkit-scrollbar-button:single-button {
		    height: 12px!important;
		    max-height: 12px!important;
		    max-width: 12px!important;
		    min-height: 12px!important;
		    min-width: 12px!important;
		    width: 12px!important;
		}
		::-webkit-scrollbar:disabled,
		::-webkit-scrollbar-thumb:vertical {
		    border-width: 0 1.818px!important;
		}
		::-webkit-scrollbar-thumb:horizontal {
		   border-width: 1.818px 0!important;
		}
		.CodeMirror-hscrollbar {
		    height: 12px!important;
		    max-height: 12px!important;
		    min-height: 12px!important;
		}
		.CodeMirror-hscrollbar[style*=\"display: block;\"] {
		    right: 12px!important;
		}
		.CodeMirror-vscrollbar {
		    max-width: 12px!important;
		    min-width: 12px!important;
		    width: 12px!important;
		}
		.CodeMirror-vscrollbar[style*=\"margin-bottom: 0px;\"] {
		    bottom: 12px!important;
		}
		}
		/* 125% zoom*/
		@media (min-resolution: 1.25dppx) {",
		::-webkit-scrollbar, ::-webkit-scrollbar-button:single-button {
		    height: 11px!important;
		    max-height: 11px!important;
		    max-width: 11px!important;
		    min-height: 11px!important;
		    min-width: 11px!important;
		    width: 11px!important;
		}
		::-webkit-scrollbar:disabled,
		::-webkit-scrollbar-thumb:vertical {
		    border-width: 0 1.6px!important;
		}
		::-webkit-scrollbar-thumb:horizontal {
		    border-width: 1.6px 0!important;
		}
		.CodeMirror-hscrollbar {
		    height: 11px!important;
		    max-height: 11px!important;
		    min-height: 11px!important;
		}
		.CodeMirror-hscrollbar[style*=\"display: block;\"] {
		    right: 11px!important;
		}
		.CodeMirror-vscrollbar {
		    max-width: 11px!important;
		    min-width: 11px!important;
		    width: 11px!important;
		}
	   .CodeMirror-vscrollbar[style*=\"margin-bottom: 0px;\"] {
		   bottom: 11px!important;
		}
		}
		/* 150% zoom*/
		@media (min-resolution: 1.5dppx) {
		::-webkit-scrollbar, ::-webkit-scrollbar-button:single-button {
		    height: 9px!important;
		    max-height: 9px!important;
		    max-width: 9px!important;
		    min-height: 9px!important;
		    min-width: 9px!important;
		    width: 9px!important;
		}
		::-webkit-scrollbar:disabled,
		::-webkit-scrollbar-thumb:vertical {
		    border-width: 0 1.333px!important;
		}
		::-webkit-scrollbar-thumb:horizontal {
		    border-width: 1.333px 0!important;
		}
		.CodeMirror-hscrollbar {
		    height: 9px!important;
		    max-height: 9px!important;
		    min-height: 9px!important;
		}
		.CodeMirror-hscrollbar[style*=\"display: block;\"] {
		    right: 9px!important;
		}
		.CodeMirror-vscrollbar {
   		   max-width: 9px!important;
		   min-width: 9px!important;
		   width: 9px!important;
       	}
		.CodeMirror-vscrollbar[style*=\"margin-bottom: 0px;\"] {
		    bottom: 9px!important;
		}
		}

`);