Essential Config - Web Portal Theme
Most games will want to customize the appearance of the web portal.
Using a Pre-Made Theme
Several pre-made themes are available - you can browse them in the AresCentral Theme Directory.
To use one of these themes, just use the command theme/install <github url> in your MU client. For example: theme/install https://github.com/AresMUSH/ares-dark-theme.
To revert to the default theme, use theme/install default.
Choosing Colors
You can customize what colors are used for various elements in your theme.
- Go to Admin -> Setup in the web portal.
- Select “Edit Theme Colors”.
- Use the color widgets to select the desired colors.
Note
You will need to reload the page to see the colors change.
Uploading Theme Images
The theme uses several standard images: one across the header banner, one on the login screen, and a background used for character and scene pages. You can upload new versions of these images.
- Go to Directory -> Files.
- Select the
theme_images directory.
- Select an image you wish to change.
- Select “Upload Files”.
- Browse to find your new image on your PC.
- Make sure that the file is named exactly the same as the original (e.g. background.png) and the “Overwrite” box is checked.
- Click the upload button.
Note
Some browsers (notably Chrome) are stubborn about reloading theme images right away due to image caching. Try viewing it in private/incognito mode to see your new images.
Tip
It can be tricky sometimes to size/align your banner image the way you want it on both mobile and desktop screens. For some tips, see
Choosing a Header Background.
Advanced Theme Customizations
You can customize your theme further with custom CSS, but this is all we’re going to cover for now. See Configuring the Website for more information.
