GUI Style#

arcade.experimental.uistyle is an experimental component, which might change in upcoming versions.

arcade.experimental.uistyle provides style dicts, which are used within UIWidget to provide the colors for default appearance.

Style Parameters#

UIWidget load style parameters from a dict like object, which can be passed as UIWidget.style.

Style Parameters#

Following parameters are used within multiple UIWidget. Style parameters are prefixed with the UIWidget state (normal, hovered and pressed)

<state>_font_size

Font size of any text within the UIWidget

<state>_font_name

Font of any text within the UIWidget

<state>_font_color

Color of any text within the UIWidget

<state>_bg

Background color, also used as the primary color within an UIWidget

<state>_border

Color of UIWidget border

<state>_border_width

Width of UIWidget border in pixel

<state>_filled_bar

Color used within bars like slider to indicate fill state

<state>_unfilled_bar

Color used within bars like slider for unfilled background

UIWidget Style#

UISlider#

  • <state>_filled_bar

  • <state>_unfilled_bar

  • <state>_bg - color of cursor

  • <state>_border - outline of cursor

  • <state>_border_width

UIFlatButton#

  • <state>_font_name

  • <state>_font_size

  • <state>_font_color

  • <state>_bg

  • <state>_border

  • <state>_border_width