# Stylized scrollbar

**URL:** <https://forum.kirupa.com/t/stylized-scrollbar/25792>\
**Category:** Uncategorized\
**Created:** [July 16, 2003, 3:28pm UTC](https://forum.kirupa.com/t/stylized-scrollbar/25792 "2003-07-16T15:28:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![luksy](https://avatars.discourse-cdn.com/v4/letter/l/ec9cab/32.png) [@luksy](https://forum.kirupa.com/u/luksy)\
**Post date:** [July 16, 2003, 3:28pm UTC](https://forum.kirupa.com/t/stylized-scrollbar/25792/1 "2003-07-16T15:28:40Z")

</div>

I’m sure you all tryed the stylized scrollbar component. But the question is…how to change styles? The layout is changed in the parameters panel but where do i change styles?

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:** [July 16, 2003, 3:30pm UTC](https://forum.kirupa.com/t/stylized-scrollbar/25792/2 "2003-07-16T15:30:26Z")

</div>

reframe the question, please.

---

<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:** [July 16, 2003, 3:31pm UTC](https://forum.kirupa.com/t/stylized-scrollbar/25792/3 "2003-07-16T15:31:08Z")

</div>

if your refering on how to change the colors  
[AS]  
// 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();  
[/AS]