Ore UI Customizer Wiki
General
  • General Information
  • Configs
  • Plugins
  • Themes
  • Add-Ons
  • Marketplace
  • Website
    • General Information
    • Getting Started
  • App
    • General Information
    • Downloading
    • Installing
    • Getting Started
  • CLI
    • General Information
    • Installing
    • Getting Started
Creating Configs
  • Guide
  • Extra
Creating Plugins
  • Guide
    • 1. Plugins Explained
    • 2. Software & Preparation
    • 3. Project Setup
  • Extra
    • Client Scripts
    • Single-File Plugins
Creating Themes
  • Guide
    • 1. Themes Explained
    • 2. Software & Preparation
    • 3. Project Setup
  • Extra
    • Color Customization
    • Texture Customization
    • CSS Customization
Creating Add-Ons
  • Guide
  • Extra
Meta
  • Useful Links

Video Settings

Theme

CSS Customization

CSS Customization
This page is a work in progress.
 
Please help expand and improve it.

This page describes content that may be included in a future update.

This content has appeared in v1.17.0 development versions, but the full update containing it has not been released yet.

This page describes an experimental feature.

This feature might behave unexpectedly.

TIP

If you want to add images or fonts into the Ore UI files so that you can use them in your custom CSS, check out texture customization.

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.

Edit CSS Customization on GitHub
  • 8crafter.com
  • Discord
  • GitHub Repository