Glyph styling

The styling of glyphs is controlled by the InputGlyphsStyle bit flags which are accepted by many of the input glyph methods.

Themes

There are three “themes” available to use in your glyphs, these are:

  • Knockout: Face buttons will have colored labels/outlines on a knocked out background.
    Rest of inputs will have white detail/borders on a knocked out background.
  • Light: Black detail/borders on a white background.

  • Dark: White detail/borders on a black background.

ABXY-specific styling

By default, ABXY/PS equivalent glyphs have a solid fill w/ color matching the physical buttons on the device.

You can apply extra styling features by mixing and matching the bit flags:

  • Neutral Color: ABXY Buttons will match the base style color instead of their normal associated color.

  • Neutral Color: ABXY Buttons will have a solid fill.

Comparison

Below is a comparison table with different style options.

ABXY normal

ABXY neutral color

ABXY solid

ABXY neutral color + solid

Normal glyph

Knockout

../../_images/shared_color_button_a.svg ../../_images/shared_button_a.svg ../../_images/shared_color_outlined_button_a.svg ../../_images/shared_outlined_button_a.svg ../../_images/xbox_rb.svg

Light

../../_images/shared_color_button_a1.svg ../../_images/shared_button_a1.svg ../../_images/shared_color_outlined_button_a1.svg ../../_images/shared_outlined_button_a1.svg ../../_images/xbox_rb1.svg

Dark

../../_images/shared_color_button_a2.svg ../../_images/shared_button_a2.svg ../../_images/shared_color_outlined_button_a2.svg ../../_images/shared_outlined_button_a2.svg ../../_images/xbox_rb2.svg