List of Interface Elements

File resolutions MUST MATCH!, otherwise errors will occur. These are all stored in a Theme's Interface folder.

Files

Name	Size	Description
`Background.png`	User defined	The background of the main menu area.
`Backgroundoptions.png`	User defined	The background of the options area.
`Backgroundplay.png`	User defined	The background of the Start menu area.
`BlackMarket.png`	600x1340	Various menu elements used in the Chao Black Market.
`Boss.png`	488x85	The boss bar. The bar can be seen through if the png is translucent on the bar area.
`Boxes.png`	230x240	Top: individual tabs for Chao Stats; Bottom: box for the Chao’s Menu.
`Bubble1.png`	200x200	See Bubbles. One of three bubbles that rise on the title screen.
`Bubble2.png`	200x200	See Bubbles. One of three bubbles that rise on the title screen.
`Bubble3.png`	200x200	See Bubbles. One of three bubbles that rise on the title screen.
`Buttons.png`	400x300	Three rows of buttons: Deselected, Highlighted, Unavailable.
`ButtonsT.png`	450x764	Seven rows of coloured buttons used in Chao Transporter.
`Card1.png`	100x417	Two columns of spikes for menu transitions, tips linger at top/bottom of screen.
`Card2.png`	417x50	A single row of a spike tiled during the loading screen, tinted and tiled vertically.
`Card3.png`	417x50	A single row of a spike tiled in the Chao Garden Loading screen, tinted and tiled vertically.
`Caution.png`	126x126	The overhead indicator when right beside an emerald shard.
`Circle.png`	496x500	Colored in-code. Circle for gallery and team select.
`Characters.png`	2560x1400	The character icons as seen on the Character Select Screen.
`Debug.png`	600x150	The information boxes in the Object Placer menu.
`Flickies.png`	157x79	The flicky icons used in Flicky rescue.
`Gauge.png`	500x500	Action Gauge. The bar can be seen through if the png is translucent on the bar area.
`Goodbye.png`	625x425	The image of a Chao leaving when you send them Goodbye.
`Heads.png`	768x280	The life icons of every character, coloured in-code.
`HudLeft.png`	500x500	Left backdrop of HUD. Exclude file if you want no backdrop.
`HudRight.png`	500x500	Right backdrop of HUD. Exclude file if you want no backdrop.
`Icons.png`	768x210	Mission Icons and HUD Icons in a grid format. The `?` symbol is also used on the Character Select Screen.
`Icons2.png`	768x210	Extra Mission Icons and HUD Icons in a grid format. The lock symbol is also used on the Equip Shop.
`Indicator.png`	256x256	Indicators that mark both Flickies and Chao.
`Inventory.png`	432x48	The Chaos Drive icons.
`Karate.png`	1320x280	The two bars used in Chao Karate.
`KarateBar.png`	172x42	Extra HUD elements, e.g., stamina, used in Chao Karate.
`Keys.png`	800x1360	Control prompts for both keyboard and controllers.
`Logo.png`	800x500	The complete logo for the theme.
`Logo_Flash.png`	800x500	Bright version of the logo.
`Logo_Ring.png`	800x500	Part of the logo that zooms into place.
`Logo_Ripple.png`	800x500	Appears with `LogoFlash`, with ripples.
`Monitors.png`	640x640	The popups from the monitor.
`Naming.png`	630x630	The keypad used when naming a Chao.
`NoThumbnail.png`	400x308	The thumbnail used when a stage has no existing thumbnail.
`NoThumbnail2.png`	400x308	The thumbnail used on an unavailable stage.
`Numbers.png`	201x268	Numbers for HUD and Records.
`Principal.png`	630x70	Box used in the Principal Area.
`Prompts.png`	640x640	The popups from locks such as quickstep and mach.
`Race.png`	882x100	Atlas for place indicators for the Chao Races.
`Ranks.png`	1792x256	Atlas for the Ranks you can achieve in-game.
`RedRingBox.png`	500x500	Box for the Red Ring interface.
`Round.png`	700x700	Circle for transitions in the menu.
`Saving.png`	55x70	Icon shown in the top-left of the screen when saving.
`scroll.png`	586x1750	See Scrolling Background. A vertically scrolling background overlaid on `background.png`.
`Sky.png`	User defined	Background of the logo screen.
`Spinner.png`	400x386	Coloured in-code based on character.
`Spinner1.png`	400x386	See Heroes Spinner. Coloured in-code based on the 1st team member.
`Spinner2.png`	400x386	See Heroes Spinner. Coloured in-code based on the 2nd team member.
`Spinner3.png`	400x386	See Heroes Spinner. Coloured in-code based on the 3rd team member.
`Square.png`	496x400	Border for Stage and Theme Select previews.
`Square2.png`	496x400	Used for the stage select icons border.
`Stats.png`	132x84	Atlas of the progress bar segments for Chao stats.
`Text.png`	480x210	Atlas of small text for tooltips, loading screen, and gallery.
`TextButtons.png`	960x420	Atlas of text for unselected buttons.
`TextButtons2.png`	960x420	Atlas of text for selected buttons.
`TextControls.png`	1440x540	Atlas of text for menu tooltips.
`TextCredits.png`	640x270	Atlas of text for credits.
`TextNames.png`	1120x280	Atlas of text for character names, coloured in-game.
`TextNames2.png`	1120x280	Atlas of text or backdrop for character names.
`TextOvers1.png`	1440x630	Atlas of text for Game Over.
`TextOvers2.png`	1440x630	Atlas of text for Time Over.
`TextRecords1.png`	1440x630	Atlas of text for Records and Ranking.
`TextRecords2.png`	1440x630	Atlas of text for Records and Ranking.
`TextTitle.png`	1440x630	Atlas of text for zone names and headers.
`TextTitle2.png`	1440x630	Atlas of text for backdrop of zone names and headers, coloured in code.
`TextTitleChao.png`	1440x630	Atlas of text for Chao names and headers, matching `TextTitle2` backdrop.
`Thumbnail.png`	720x450	Preview thumbnail in the Menu Themes Selection.
`Transporter1.png`	1440x900	Background for the Chao Transporter.
`Transporter2.png`	1440x900	Background for the Chao Transporter.
`Transporter3.png`	1440x900	Background for the Chao Transporter.
`Transporter4.png`	1440x900	Background for the Chao Transporter.
`Transporter5.png`	1440x900	Background for the Chao Transporter.
`Treasure.png`	204x51	Radar for Emerald Hunt Missions.

List of Icons

This goes from left to right, top to bottom. They are 64x70 laid out in a 12x3 grid.

Any numbers skipped are UNUSED!

Icons.png

#	Name	Description
1	`TimeAttack`	Icon to denote time attacks
2	`Lock`	For locked characters
3	`Wallet`	To show saved rings
4	`FreeRoam`	For HUB missions or the island
5	`Emblem`	Used for emblems
6	`Star`	Used for best time
7	`Mach`	Used for mach acts
8	`Balloon`	Used for balloon acts
9	`Stealth`	Used for stealth acts
10	`GoldEnemy`	Used for golden enemies
11	`Selected`	Unused. Originally for act select
12	`Timer`	Timer for skills i.e. Flight
13	`Cooldown`	Cooldown for skills
14	`Inactive`	Inactivity Timer for skills
15	`Bubble`	Used for breath counter
16	`Clock`	Used in the HUD for timer
17	`Ring`	Used for rings in the HUD if `Rings.png` is not found
18	`Enemy`	Used for tracking enemies
19	`ArrowRight`
20	`ArrowLeft`
21	`ArrowUp`
22	`ArrowDown`
23	`Shard`	Used in Treasure Hunt
24	`Goal`	Used for Normal Run or Acts Cleared
25	`Carnival`	Used for Robot Carnival
26	`Rival`	Used for Rival Acts
27	`Boss`	Used for Boss Acts
28	`QuestionMark`	Used for Random Character
29	`Dot`	Health points for Rival Acts
30	`Flicky`	Used for Flicky Acts
31	`Alignment`	A Chao's Alignment, tinted black in-game for dark and grey for neutral.
32	`Love`	A Chao's Happiness. Tinted darker the less its happiness is.
33	`RedRing`	Used for RedRing HUD
34	`Lap`	Used for lap counter
35	`Escape`	Used for Escape Acts
36	`Ruby`	Used for Encores

Icons2.png

#	Name	Description
1	`Key`	Icon to denote time attacks
2	`LockShop`	For locked shop equips
4	`Token`	For Unlock Tokens
5	`GoldEmblem`	Used for 100% emblems
6	`Life`	Used for lives in the Shadow HUD Style
7	`Hero`	Used on Chao Garden CSS for Hero characters
8	`Dark`	Used on Chao Garden CSS for Dark characters
9	`Neutral`	Used on Chao Garden CSS for Neutral characters
10	`Emerald`	Used for Emeralds in the progression screen
13	`Off`	Icon for a disabled option
14	`On`	Icon for an enabled option
15	`MusicNote`	Used for track listings in the Pause Menu
16	`Uncommon`	Used for outfit icons.
17	`Rare`	Used for outfit icons. Coloured in-code
18	`Epic`	Used for outfit icons. Coloured in-code
19	`Legendary`	Used for outfit icons. Coloured in-code
20	`MusicDisc`	Used for Music Disc progression
25	`Mod`	Used for denoting a mod.
32	`Hunger`	Used for Chao's Hunger. Darkens in code the hungrier it gets.
33	`Omochao`	Unused. Planned for Omochao hints
34	`Speed`	Unused. Planned for Speed types in CSS
35	`Fly`	Unused. Planned for Speed types in CSS
36	`Power`	Unused. Planned for Speed types in CSS

NOTICE

In DX 2.0, icons will become standalone pngs. To ensure mods are compatible: 1. Make a new folder called Icons in the Interface folder. 2. Save each icon with the filename being the name in the table. 3. Their size will also be increased to 128x128.