Give your browser a personal touch with customized scrollbars!

Latest Version

Version
4.4
Update
November 14, 2024
Size
140KiB
Developer
Category
Users
10,000+
Rating
4.46154 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
Français
Nederlands
Español
Italiano
Polski
Suomi
русский
See more
Permissions
Storage
Scripting
See more

Custom Scrollbars Extension

Give your browser a personalized touch with custom scrollbar colors! You can select from any range of colors and toggle between the default width and thin scrollbar... or hide it altogether if that's what floats your boat.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_extensionName__", "version": "4.4", "description": "__MSG_extensionDescription__", "author": "Wesley Branton", "default_locale": "en", "icons": { "32": "icons/icon-32.png", "48": "icons/icon-48.png", "64": "icons/icon-64.png", "96": "icons/icon-96.png", "128": "icons/icon-128.png" }, "action": { "default_icon": { "32": "icons/icon-32.png", "48": "icons/icon-48.png", "64": "icons/icon-64.png", "96": "icons/icon-96.png", "128": "icons/icon-128.png" }, "default_title": "__MSG_extensionName__", "default_popup": "popup/popup.html" }, "options_ui": { "page": "options/scrollbars.html", "browser_style": false, "open_in_tab": true }, "background": { "service_worker": "background.js" }, "content_scripts": [{ "matches": [""], "js": ["content.js"], "all_frames": true, "run_at": "document_start" }, { "matches": ["*://addons.wesleybranton.com/addon/custom-scrollbars/*", "*://customscrollbars.com/*"], "js": ["crossbrowser.js", "webservice/unsubscribeFromNotifications.js", "webservice/openOptions.js"], "all_frames": false, "run_at": "document_end" } ], "web_accessible_resources": [{ "resources": ["images/components/light/*.svg", "images/components/dark/*.svg"], "matches": [""], "use_dynamic_url": true }], "permissions": [ "storage", "scripting" ], "optional_permissions": [ "downloads" ], "host_permissions": [ "" ]}
Read more

How to download and manually install Custom Scrollbars extension for Chrome

Looking for a way to install Custom Scrollbars extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Custom Scrollbars extensions manually, this article outlines two simple methods to effortlessly install Custom Scrollbars extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Custom Scrollbars extension and manually install through Drag &Drop

If you ever need to manually install a Custom Scrollbars extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Custom Scrollbars Extension by clicking the "Download CRX" button on the website.

Look for the Custom Scrollbars extension you wish to install. Go to the website and download the Custom Scrollbars extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Custom Scrollbars extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Custom Scrollbars extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Custom Scrollbars extension for Chrome and install in Developer Mode

This is another method to install Custom Scrollbars extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Custom Scrollbars extension file

Select and download the Custom Scrollbars extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Custom Scrollbars extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Custom Scrollbars extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Custom Scrollbars extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Custom Scrollbars extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Modern scrollbar Extension · Productivity 10,000+ 83 ★ 30.62KiB

icon

Scrollbar Customizer Extension · Accessibility 10,000+ 199 ★ 358KiB

icon

Chrome Minimal Scrollbar Extension · Accessibility 10,000+ 9 ★ 4.59KiB

icon

Cursor Trails - Custom Cursor Trails Extension · Fun 10,000+ 726 ★ 390KiB

icon

Rescroller Extension · Fun 10,000+ 374 ★ 354KiB

icon

Custom Scrollbar Extension · Productivity 10,000+ 3 ★ 22.02MiB

icon

Scrollbar diet Extension · Productivity 10,000+ 15 ★ 17.13KiB

icon

Blending Scrollbar Extension · Productivity 10,000+ 35 ★ 17.34KiB

icon

Custom Scrollbar Extension · Fun 10,000+ 3 ★ 1.14MiB

icon

Customize Scrollbar Extension · Fun 10,000+ 11 ★ 662KiB

icon

modern scroll Extension · Productivity 10,000+ 271 ★ 115KiB

icon

Dark Scrollbar for YouTube™ Extension · Accessibility 10,000+ 18 ★ 51.63KiB

icon

Minimal Scrollbar Extension · Accessibility 10,000+ 361 ★ 61.11KiB

icon

Customized Scrollbar Extension · Productivity 10,000+ 11 ★ 152KiB

icon

Just a Scroll Bar Extension · Fun 10,000+ 6 ★ 37.92KiB

icon

Grey Scrollbar with buttons Extension · Accessibility 10,000+ 16 ★ 11.05KiB

icon

Subtle Scrollbars Extension · Accessibility 10,000+ 19 ★ 15.34KiB

icon

Better Scrollbar Extension · Fun 10,000+ 82 ★ 11.07KiB

icon

Dark Scrollbar Extension · Accessibility 10,000+ 14 ★ 11.33KiB

icon

Green Scroll Bar - Pure CSS3 (from ZIG) Extension · Accessibility 10,000+ 17 ★ 12.47KiB

icon

scroll style Extension · Productivity 10,000+ 49 ★ 34.47KiB

icon

Invisible scrollbar Extension · Productivity 10,000+ 46 ★ 1.24MiB

icon

Hide Scrollbar Extension · Fun 10,000+ 68 ★ 4.55KiB

icon

ScrollAnywhere Extension · Productivity 10,000+ 134 ★ 409KiB

User reviews

icon

Continental Nobleman (ID: 0000005ffaa98254) Voted 5 ★ - Updated 06/18/2023 Seems to be working very well. Thanks and rgds.

icon

Your Name Here (ID: 0000007a60a98267) Voted 3 ★ - Updated 06/11/2023 Only just getting started with it. Using it on Chromium 114 on a touchscreen tablet running Debian linux. The first problem is, even when set to not allow sites to override, it does nothing on extension pages nor the Chrome Web store. Some others seem to have partial effect - the Flathub.org site the colors are different. It's not terrible but not working on extension / system pages is. When Chrome is set to dark mode the scrollbars are invisible - all dark. On this page for example they are two shades of grey and nearly impossible to see but my prefs are set to light grey with a light blue thumb tab. My home page is Speed Dials and the bars are also all black.

icon

Project Horizon remixboy (ID: 000000bb117f425e) Voted 4 ★ - Updated 02/12/2023 Works perfectly with most of the website. It will not work in Google related website, like google.com or country specific sites. Although very customizable great extension.

icon

Grimmjow Jaggerjack (ID: 000000cccb4d32eb) Voted 5 ★ - Updated 01/28/2023 Me funciona muy bien

icon

essi (ID: 0000000ce3a5471e) Voted 3 ★ - Updated 01/18/2023 Recently started to no longer hide scrollbars that were hidden by sites, making scrollbars show up in places where they were intentionally (and for good reason) hidden by the developers. Previously only affected visible scrollbars. Disabling for now, but hoping that this can be solved in the future.