Error!

Settings Saved

Your scrollbar settings are saved automatically. If you are signed into Chrome with sync, your scrollbars will follow you across computers.

Don't show again

Welcome to Rescroller! Using the tools below, you can customize the look and feel of scrollbars across your Chrome browser. Please take a moment to style each scrollbar element and their properties, including the sizes and colors of shadows and borders. This extension will override scrollbars on all websites, including those that have their own customized scrollbars, unless you specify them in the blacklist below.

(Please note that, due to general restrictions for Chrome extensions, your scrollbars will not appear on the Chrome Webstore, or URLS that begin with "`chrome://`". However, you can enable Rescroller for local webpages and incognito browsing in Chrome's extension manager.)

# General

Scrollbar Size
Restore Default Formatting

Blacklist:

Enter any sites for which you would not like to override scrollbar styling, below (separated by commas):

# Slider Handle

Color:

Vertical Image: | Horizontal Image:
Select Image No Image Loaded | Select Image No Image Loaded

Shadows

Borders

Style:

Rounded Corners

Customize Style When Hovering:

Hovering State

Color:

Vertical Image:

Select Image
No Image Loaded

Horizontal Image:

Select Image
No Image Loaded

Shadows

Customize Style When Clicking:

Active State

Color:

Vertical Image:

Select Image
No Image Loaded

Horizontal Image:

Select Image
No Image Loaded

Shadows

# Background

Color:

Vertical Image: | Horizontal Image:
Select Image No Image Loaded | Select Image No Image Loaded

Shadows

Borders

Style:

Rounded Corners

Customize Style When Hovering:

Hovering State

Color:

Vertical Image:

Select Image
No Image Loaded

Horizontal Image:

Select Image
No Image Loaded

Shadows:

Customize Style When Clicking:

Active State

Color:

Vertical Image:

Select Image
No Image Loaded

Horizontal Image:

Select Image
No Image Loaded

Shadows:

# Buttons

Show scroll buttons: |

Color:

Up | Down
Select Image No Image Loaded | Select Image No Image Loaded
Left | Right
Select Image No Image Loaded | Select Image No Image Loaded

Restore Default Arrows

Shadows

Borders

Style:

Rounded Corners

Customize Style When Hovering:

Hovering State

Color:

Up Image:

Select Image
No Image Loaded

Down Image:

Select Image
No Image Loaded

Left Image:

Select Image
No Image Loaded

Right Image:

Select Image
No Image Loaded

Restore Default Arrows

Shadows:

Customize Style When Clicking:

Active State

Color:

Up Image:

Select Image
No Image Loaded

Down Image:

Select Image
No Image Loaded

Left Image:

Select Image
No Image Loaded

Right Image:

Select Image
No Image Loaded

Restore Default Arrows

Shadows:

# Miscellaneous

Sub-Background Color:
Corner Color:

Use Custom CSS (Advanced Users Only):

While the tools above are useful in designing a unique scrollbar, they do not allow for complete customization of scrollbars within Google Chrome. If you are a web developer or are familiar with CSS styling, you may enter custom CSS to override the above tools, below:

Click here to expand/collapse generated CSS

Error