How to change textbox graphics (Window Frames): Difference between revisions

From SkyTemple
m weird phrasing fix
m invalid mon note
Line 22: Line 22:
== Gameplay Note ==
== Gameplay Note ==
'''Note''' that the game is programmed to flash between the blue and pink palettes at low health. If these two are edited to be the same color, ''there will be no visual indicator of low health''!
'''Note''' that the game is programmed to flash between the blue and pink palettes at low health. If these two are edited to be the same color, ''there will be no visual indicator of low health''!
Also, genderless or invalid species default to the using blue set of colors (palette index 0).
[[Category:Tutorials]]
[[Category:Tutorials]]

Revision as of 03:16, 23 February 2026

See also: How to edit Team Stats graphics

The window frames can be customized using the files from the Misc. Graphics section. In a nutshell, there are 5 frame styles for the top and bottom screens. These are labeled FONT/frameX.wte and FONT/frame_bX.chr respectively, with X being a number from 0 to 4.

The visual design of the frames can be edited to your liking. But changing the colors as seen in-game requires editing certain color palettes, also called colormaps. A colormap is a set of colors specified in the image data, which the game uses to "map" what color values should be shown-on screen. Due to system limitations, each frame graphic palette can only have 16 total values (numbered 0-15, plus a teal transparency color).

In the editor, each graphic can be viewed with the all 4 set of colors (by incrementing the "Palette Variant" number at the bottom of the image view). When exported, the image will reflect the ID chosen. For example, the image below was exported with ID 0 selected, causing it to appear blue.

An image of a textbox window frame, showing the 4 available default colormaps
4 default palette rows, as seen in Libresprite

Each of these frames is exported from SkyTemple as an indexed image (where each color is assigned a number from 0 to 15) with 4 different palettes used in the colormap.

  • ID 0: blue (male default)
  • ID 1: pink (female default)
  • ID 2: green (Special Episode default, and certain sequences like the personality quiz and main menu)
  • ID 3: yellow (used to flash at low hunger)

Edit these colors to alter the given palette! Note that teal and black should remain the same, as the editor uses those for transparency colors.

Tips

While the rows are unique, the colors share positions between palettes. This means that if the lightest blue is used anywhere in the frame, the lightest pink, green, and yellow respectively will appear in the same place when those palettes are used on-screen.

Color indices share same positions in every palette, from top down

Gameplay Note

Note that the game is programmed to flash between the blue and pink palettes at low health. If these two are edited to be the same color, there will be no visual indicator of low health!

Also, genderless or invalid species default to the using blue set of colors (palette index 0).