This page is a work in progress.

 

Please help expand and improve it.

This page describes a planned feature.

It has not appeared in any development versions yet, but is planned to be included in v1.17.0.

CSS customization can only be done when editing a theme manually, custom CSS for a theme cannot be edited via the Ore UI Customizer website or app.

A sample CSS file containing all the vanilla semantic token color styles can be found here.

Most colors in the game can be customized via that CSS file.

To start, first create a folder inside the theme folder called styles.

Then, create a new file in that folder, you can name it anything you want as long as it has a .css file extension, but for this tutorial we will call it custom-styles.css.

Then, if you want to modify any of the vanilla semantic token colors, you can copy the CSS rules you want to modify from the file above into the new CSS file.

Then, you can modify the CSS rules in the new CSS file to your liking.

You can also add any custom CSS rules you want to the file.

You can also have multiple CSS files in the styles folder.