Start here
- Connect the game's Mods folder (top of the page, Chrome or Edge). It finds Custom HUD inside it, and keeps your fonts and pictures backed up by itself.
- Pick a look on Themes & codes, or paste a code someone shared.
- Fine-tune it: Colours, Badge, Text, Layout.
- Add your own fonts and picture if you like.
- Press Save the whole HUD (or only fonts & pictures, to add those and leave the game's settings as they are). The HUD reloads by itself in a few seconds, even with the game running.
The preview shows every change at once. You can also change everything in the game, in HUD Studio: Ctrl + Z, or R3 + LB (R3 + L1) on a controller.
Themes colours and outlines; fonts and layout stay as they are
My themes
Start from any theme below, change it, then save it under your own name. Your themes go into the game with Save the whole HUD and show up in Themes > My themes.
Default
Light
Dark
Share a look a code to copy and paste
A code holds the whole look: colours, outlines, badge, text, layout, and the names of its fonts and picture. Fonts and pictures themselves are not in it: whoever uses the code needs them too, or the built-in font shows instead.
Use a code
Then press Save the whole HUD. In the game, HUD Studio > Themes > Share a look does the same with a text file.
Colours colour and opacity for each part
Badge
Text
Adding fonts
- Easiest: copy a font file (.ttf or .otf) into the mod's fonts folder. With the game folder connected (top of the page), a box here shows Add it to the game: press it.
- Or press Show my fonts (Chrome or Edge) or Load a font file, then Trick names, Score or Number on the font you want, and save (either button at the top).
- Room for fonts: the HUD can show about 11 new fonts before it reloads. Fonts that are only in the list cost nothing, and saving from this page reloads the HUD, which starts the count again.
Fonts for the trick names, the score and the multiplier
Fonts show English letters, numbers and punctuation only. Very wide or decorative fonts are made smaller to fit ReSkate's 512 x 512 picture size.
Background picture
ReSkate shows pictures up to 512 x 512 pixels and 2 MB. Saving shrinks the picture you preview to fit and puts it in backgrounds\ for you. Its colour is the Background PNG tint part on the Colours tab; white keeps the picture's own colours.
Layout
Backups your fonts and pictures, safe from updates
Updating the mod from the launcher replaces its whole folder, fonts and pictures included. Your colours, themes and settings always stay.
- With the Mods folder connected, it is all automatic. Your fonts, pictures and config.json are copied into Custom HUD's own data folder (which updates never touch) every time you save, and whenever you open this page.
- After an update, open this page: it sees the new version and puts everything back by itself. The HUD reloads with your fonts and picture, set as they were.
Without folder access: a backup .zip
For browsers that cannot use folders, or if you would rather do it by hand. Every font and picture you add on this page is kept in this browser. The button below puts all of them in one .zip: keep it, and after an update unzip it into Custom HUD's folder in Mods (replacing files). Your settings need no backup: they survive updates.
Somewhere else too (optional)
A second copy in a folder of your choice, such as Documents, kept up to date the same way.
Files without folder access, or by hand
No folder access (other browsers, or the online copy): press Download as .zip and unzip it into the Custom HUD folder in Mods (it holds every font and picture you made here), or for colours only, copy config.json into that folder and press Themes > Import config.json in the game.
You can also edit the text above or paste a config into it; the preview follows.