⚙️ Config.json

The ui_config.json file controls the language and visual style of the Wizard Mileage System's user interface. This file allows you to easily customize the look and feel of the UI

👀 Fields

• lang Sets the language for the UI. Example: "fa" for Farsi (Persian). Change this to "en" for English or any other supported language code.

• cssVariables A set of CSS variables that define the UI's colors, backgrounds, and transitions. You can adjust these to change the appearance of the interface.

---

👁️‍🗨️ cssVariables Details

Use CSS color codes for easy customization.

Changes to this file may require a script reload or server restart to take effect.

Variable	Description	Example Value
glass-bg	Background style for glass-like UI elements	linear-gradient(135deg, #1a1a2ed7 0%, #16213ed7 100%)
glass-border	Border color for glass UI elements	rgba(255, 255, 255, 0.15)
text-primary	Main text color	#ffffff
text-secondary	Secondary text color	rgba(255, 255, 255, 0.7)
accent-blue	Blue accent color (buttons, highlights, etc.)	#4dabf7
accent-green	Green accent color	#69db7c
accent-orange	Orange accent color	#ffa94d
accent-red	Red accent color (errors, warnings)	#ff2f2f
accent-purple	Purple accent color	#9775fa
accent-yellow	Yellow accent color	#faed75
transition	Default transition for UI animations	all 0.4s cubic-bezier(0.16, 1, 0.3, 1)

---

⁉️ How to Customize

• Change Language: Set "lang" to your preferred language code.

• Change Colors and Styles: Edit the values in "cssVariables" to match your server's theme. For example, change "accent-blue" to another color code to update all blue accents in the UI.

• Add More Variables: You can add more CSS variables if your UI supports them. Just follow the same key-value format.

---

🧑‍💻 Example

To switch the UI to English and use a different background:

{
    "lang": "en",
    "cssVariables": {
        "glass-bg": "linear-gradient(135deg, #232526 0%, #414345 100%)",
        // ...other variables...
    }
}