Scrollbars/Sliders with Partially Transparent Thumbs? (Solved)

[Katy133]

I've customised the Scrollbar and Slider "thumb" .png files (in their respectively titled folders) with images that are partially-transparent (the images look like rounded rectangles--the rounded edges are what's transparent, and the rectangle is what's solid/opaque). But when I open the visual novel (and go to the History/Credits/Preferences menus where the Scrollbars/Sliders are used), the parts that should be transparent appear as white instead. How do I fix the Scrollbar and Slider thumbs so that the transparent parts don't appear as white in the VN?

The code for the Scrollbar and Slider:

Code: Select all

style vscrollbar:
    xsize gui.scrollbar_size
    base_bar Frame("gui/scrollbar/vertical_bar.png", gui.vscrollbar_borders, tile=gui.scrollbar_tile)
    thumb Frame("gui/scrollbar/vertical_[prefix_]thumb.png", gui.vscrollbar_borders, tile=gui.scrollbar_tile)

style slider:
    ysize gui.slider_size
    base_bar Frame("gui/slider/horizontal_[prefix_]bar.png", gui.slider_borders, tile=gui.slider_tile)
    thumb "gui/slider/horizontal_[prefix_]thumb.png"

[Katy133]

Empish on Discord was able to help me with this. (Thank you!)

If the thumb uses transparency you need to add the following underneath the scrollbars' style:

Code: Select all

thumb_offset x

"x" being a smaller number than the size of the image.