How to change textbox graphics (Window Frames) - Revision history

Deltaflare: /* Gameplay Note */

2026-02-23T03:28:48Z

Gameplay Note

← Older revision		Revision as of 03:28, 23 February 2026
Line 23:		Line 23:
	'''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 pink set of colors (palette index 1).		Also, genderless or invalid species default to the using pink set of colors (palette index 1) while in Dungeon Mode.
	[[Category:Tutorials]]		[[Category:Tutorials]]

Deltaflare: /* Tips */

2026-02-23T03:17:46Z

Tips

← Older revision		Revision as of 03:17, 23 February 2026
Line 23:		Line 23:
	'''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).		Also, genderless or invalid species default to the using pink set of colors (palette index 1).
	[[Category:Tutorials]]		[[Category:Tutorials]]

Deltaflare: invalid mon note

2026-02-23T03:16:36Z

invalid mon note

← Older revision		Revision as of 03:16, 23 February 2026
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]]

Deltaflare: weird phrasing fix

2026-02-23T03:12:26Z

weird phrasing fix

← Older revision		Revision as of 03:12, 23 February 2026
Line 3:		Line 3:
	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 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 ~~as desired~~. 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).		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.		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.

Deltaflare: textbox tutorial w images

2026-02-23T02:51:02Z

textbox tutorial w images

New page

''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 as desired. 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''!
[[Category:Tutorials]]