Configuration
Updated 4/28/2026
🤖 Configuration
🎨 Theme System (config.json)
The UI supports a fully customizable theme system, allowing you to modify every visual element — colors, shadows, backgrounds, highlights, and more.
All themes use the same structure and can be edited or replaced freely.
The resource also comes with multiple pre-made themes, included inside the package, so you can switch styles instantly without designing your own.
🔧 Theme Structure
Each theme follows the same JSON format:
{
"colors": {
"accent": "#38bdf8",
"background": "rgba(15, 23, 42, 0.95)",
"border": "rgba(255, 255, 255, 0.15)",
"text": "#f1f5f9",
"whiteTransparent": "rgba(255, 255, 255, 0.4)",
"iconDefault": "#94a3b8",
"hoverBackground": "rgba(30, 41, 59, 1)",
"shadowBlack": "rgba(0, 0, 0, 0.5)",
"eyeRadialStart": "rgba(56, 189, 248, 0)",
"eyeRadialActive": "rgba(56, 189, 248, 0.4)",
"svgFill": "#ffffff"
}
}
📘 Theme Options Overview
| Key | Description |
|---|---|
accent | The main highlight color used for the eye, indicators, and active glow. |
background | Background color of the UI panel. Usually semi-transparent. |
border | Border color for soft outlines around elements. |
text | Primary text color for labels and headers. |
whiteTransparent | Soft UI glow used for subtle highlights. |
iconDefault | Neutral color for inactive icons. |
hoverBackground | Background color when hovering options. |
shadowBlack | Global drop-shadow color behind the UI. |
eyeRadialStart | Start transparency of the radial eye effect. |
eyeRadialActive | Active radial glow around the eye. |
svgFill | Fill color for SVG icons. |
🎨 Included Ready-Made Themes
The package includes multiple pre-configured themes, allowing servers to instantly change the UI style:
✔ Default Theme (Sky Blue)
✔ Green Theme
✔ Yellow Theme
✔ Purple Theme
✔ Blue Theme
✔ Black Theme
✔ Orange Theme
✔ Teal Theme
✔ Pink Theme
✔ Brown Theme
✔ Cyan Theme
Each theme block is already written and can be copy-pasted directly into themes.json.
🖌 How to Use Themes
1. Select a theme
Choose the entire JSON block of the theme you want from themes.md file.
2. Replace the "colors" section
Paste it inside your config.json.
3. Ensure OX_TARGET
Most frameworks apply theme changes instantly, otherwise restart the resource:
ensure ox_target