# Colored Scroll Bars

**URL:** <https://forum.kirupa.com/t/colored-scroll-bars/20421>\
**Category:** flash\
**Created:** [May 8, 2003, 2:42pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421 "2003-05-08T14:42:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![sanman918](https://avatars.discourse-cdn.com/v4/letter/s/c89c15/32.png) [@sanman918](https://forum.kirupa.com/u/sanman918)\
**Post date:** [May 8, 2003, 2:42pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421/1 "2003-05-08T14:42:55Z")

</div>

I’m assuming if you use the flash MX pre-made scroll bars you can’t switch the colors of them. So does anyone know how I would make a nice colored scroll bar?

---

<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:** [May 8, 2003, 2:55pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421/2 "2003-05-08T14:55:14Z")

</div>

tweak this tutorial:  
[http://www.kirupa.com/developer/mx/slider.htm](http://www.kirupa.com/developer/mx/slider.htm)

---

<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:** [May 8, 2003, 2:58pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421/3 "2003-05-08T14:58:22Z")

</div>

Ok, but I guess that means im going to have to make custom images…but i think i got an idea, I’m just going to put a colored box over the current one and see how it looks

---

<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:** [May 8, 2003, 5:31pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421/4 "2003-05-08T17:31:04Z")

</div>

[AS]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;  
globalStyleFormat.applyChanges();  
[/AS]

---

<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:** [May 8, 2003, 8:22pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421/5 "2003-05-08T20:22:30Z")

</div>

thanks…just give me a hint on where to put that action script 🙂

---

<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:** [May 8, 2003, 9:35pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421/6 "2003-05-08T21:35:25Z")

</div>

Anywhere on your timeline, beware though, if you use globalStyleFormat, the colors you set will be applied to ALL UI components you use, such as the push button, listbox etc, this can also be done on a “per-instance” basis by using myComponentInstanceName.setStyleFormat. etc as above

---

<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:** [May 8, 2003, 9:39pm UTC](https://forum.kirupa.com/t/colored-scroll-bars/20421/7 "2003-05-08T21:39:31Z")

</div>

thanks for all the help! The colored scroll bar looks just how i want it to! 🙂