# How to change scrollbar colours?

**URL:** <https://discourse.mozilla.org/t/how-to-change-scrollbar-colours/61579>\
**Category:** Themes\
**Created:** [June 8, 2020, 8:35am UTC](https://discourse.mozilla.org/t/how-to-change-scrollbar-colours/61579 "2020-06-08T08:35:59Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![PaulD](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/pauld/32/37957_2.png) [@PaulD](https://discourse.mozilla.org/u/PaulD)\
**Post date:** [June 8, 2020, 2:41pm UTC](https://discourse.mozilla.org/t/how-to-change-scrollbar-colours/61579/4 "2020-06-08T14:41:22Z")

</div>

Here is the way to get nice coloured scrollbars:

Use the link above to get an add-on or with a bit of CSS magic, change them yourself:

1. Go user’s profile folder
2. Create the directory/folder ‘chrome’
3. Create a file called userContent.css
4. Add the css you need - using this format, then change the colours to suit (named or hex)

```css
  html,body{
    scrollbar-color: yellow blue !important;
   }

```

1. Open “about:config” in firefox browser bar

You are looking for this entry:  
“toolkit.legacyUserProfileCustomizations.stylesheets”

Search for: “userprof” to find it  
If it is ‘false’ click on the toggle button and make it ‘true’

1. Completly close firefox, then start it up again to see the effects of your CSS.

As I have a custom theme, thanks to Firefox Color, I took hex colours from that for my new look scrollbar.

  

* * *

**Web Pages I referenced to get this fix:**

[https://support.mozilla.org/en-US/questions/1280594](https://support.mozilla.org/en-US/questions/1280594) ( cor-el’s post)  
[https://www.userchrome.org/firefox-changes-userchrome-css.html](https://www.userchrome.org/firefox-changes-userchrome-css.html)  
[https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color](https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color)  
[https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/](https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/)

---

_[View the full topic](https://discourse.mozilla.org/t/how-to-change-scrollbar-colours/61579)._