User Interface Skin Configuration

UI Pack RPG Expansion Wiki

Font Family

• Jura Font Family
  • Thick Black: Used for bold text at a scaled size of 12 with no markup and no flip.
  • Thick White: Used for bold text at a scaled size of 12 with no markup and no flip.
  • Thin Black: Used for thin text at a scaled size of 15 with markup enabled and no flip.
  • Thin White: Used for thin text at a scaled size of 15 with no markup and no flip.
  • Title Black: Used for titles at a scaled size of 18 with no markup and no flip.
  • Title White: Used for titles at a scaled size of 18 with no markup and no flip.

Colors

• Black: #000000ff
• Blue: #1ea7e1ff
• Brown: #8B4513
• Red: #bd0015ff
• Dark Grey: #444849ff
• White: #fbffffff

Tinted Drawables

• Default Progress: Grey horizontal progress bar with a red tint.
• Default Progress Vertical: Grey vertical progress bar with a red tint.
• Grey Button Hover: Grey button with a light grey (#e9e9e9ff) tint when hovered.

Button Styles

• Default: Grey button style with different images for up, down, and hover states.

CheckBox Styles

• Default: Checkbox with a beige checkmark icon, grey box, thin white font, and white font color.
• Cross Default: Checkbox with a beige cross icon, grey box, and thin white font.

ImageTextButton Style

• Default: Uses the "thick_black" font.

Label Styles

• Default: Uses the "thin_white" font.
• Title: Uses the "title_white" font.
• Thick: Uses the "thick_white" font.
• Small: Uses the "thin_white" font.
• Large: Uses the "thick_black" font.

List Style

• Default: Uses a thin white font with white font color for selected items and black font color for unselected items. It has a beige selection background and a grey background.

ProgressBar Styles

• Default Horizontal: Grey horizontal progress bar with a red knob before.
• Default Vertical: Grey vertical progress bar with a red knob.

ScrollPane Style

• Default: Beige scroll knobs for horizontal and vertical scrolling.

SelectBox Style

• Default: Uses a thin white font with black font color, white over font color, and beige backgrounds for various states.

Slider Styles

• Default Horizontal: Grey horizontal slider with a beige knob.
• Default Vertical: Grey vertical slider with a beige knob.

TextButton Style

• Default: Uses a thick white font with black, red, and dark grey font colors for different button states. It has different images for up, down, and hover states.

TextField Style

• Default: Uses a thin white font with black font color and grey backgrounds for normal and focused states.

TextTooltip Style

• Default: Uses a default label and beige background for tooltips.

Tree Style

• Default: Blue plus and silver minus icons for tree nodes.

Window Style

• Default: Red metal panel background with a thick white title font for windows

Contributors

• GitHub: rachitchaurasia
• Slack: @s4823870