# Customisable scroll bar

**URL:** <https://forum.kirupa.com/t/customisable-scroll-bar/29356>\
**Category:** Uncategorized\
**Created:** [August 25, 2003, 11:49pm UTC](https://forum.kirupa.com/t/customisable-scroll-bar/29356 "2003-08-25T23:49:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![garfonline](https://avatars.discourse-cdn.com/v4/letter/g/74df32/32.png) [@garfonline](https://forum.kirupa.com/u/garfonline)\
**Post date:** [August 25, 2003, 11:49pm UTC](https://forum.kirupa.com/t/customisable-scroll-bar/29356/1 "2003-08-25T23:49:19Z")

</div>

Im trying to add a scrollbar to my site, but dont wish to go through all the hassle of making my own from scratch at this moment in time - my experience with flash simply isnt good enough.

The one included with flash mx is fine… but its grey and very dull, and doesnt fit in with the design of the site.

Does anybody know where i can get a similar scrollbar component… but one which i can alter the colour scheme to fit.

Thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [August 26, 2003, 12:22am UTC](https://forum.kirupa.com/t/customisable-scroll-bar/29356/2 "2003-08-26T00:22:56Z")

</div>

```auto

// setting the colors of our scrollbars
globalStyleFormat.face = 0xECECEC;
globalStyleFormat.highlight = 0xC0CCD8;
globalStyleFormat.highlight3D = 0xC0CCD8;
globalStyleFormat.darkshadow = 0x000000;
globalStyleFormat.shadow = 0x4E657C;
globalStyleFormat.arrow = 0x484848;
globalStyleFormat.foregroundDisabled = 0xC0CCD8;
globalStyleFormat.scrollTrack = 0xEBEBEB;
globalStyleFormat.focusRectInner = 0xDBDCE5;
globalStyleFormat.focusRectOuter = 0x9495A2;
globalStyleFormat.background = 0xC0CCD8;
globalStyleFormat.selectionUnfocused = 0xff0000;
globalStyleFormat.border = 0x4E657C;
// applying changes that we made to the UI scrollbar colors
globalStyleFormat.applyChanges();

```