View source for How to change textbox graphics (Window Frames)

''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 <code>FONT/frameX.wte</code> and <code>FONT/frame_bX.chr</code> 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.
[[File:Window frame colormap.png|alt=An image of a textbox window frame, showing the 4 available default colormaps|center|thumb|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.
[[File:Frame window vertical example.png|center|thumb|160x160px|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 pink set of colors (palette index 1).
[[Category:Tutorials]]