FRY DEVELOPMENT
TEBEXYOUTUBEDISCORD
  • πŸ“–Welcome
  • Information
    • πŸ”‘Licensing System
    • πŸ“ƒTerms of Service (ToS)
  • πŸ—ΊοΈSPAWN SELECTOR
    • ℹ️Basic Step
    • πŸ”ŒIntegration
      • πŸ’»FW: QBCore
      • πŸ’»FW: QBX
      • 🏬Setup Apartments
      • ☁️Weather Sync
    • βš™οΈConfiguration Settings
      • 🎨UI Customization Guide
      • πŸ› οΈConfig
      • 🌐Translation
      • πŸ–οΈCustomizing Player Spawn-In
    • πŸ› οΈCommon Issues
      • Soon Edit
Powered by GitBook
On this page
  • Accent Color & Accent Hover Color
  • Dark and Light Mode
  • Background Map Customization
  • Logo Replacement

Was this helpful?

  1. SPAWN SELECTOR
  2. Configuration Settings

UI Customization Guide

In this section, you can customize the visual aspects of FRYDEV Spawn. Tailor the appearance of the spawn user interface (UI).

PreviousConfiguration SettingsNextConfig

Last updated 1 year ago

Was this helpful?

Disclaimer: It's important to note that the UI elements you customize within this section are not permanently altered until you update your configuration file. Changes made here are for preview purposes only.

Please note you need to add these Colors in the Config.UI Section!

Accent Color & Accent Hover Color

Here, you can modify the accent colors used throughout the UI to match your server's style and theme.

Dark and Light Mode

Toggle between dark and light modes to adjust the background theme of the UI.

Background Map Customization

Background Map Customization: Customize the background map by replacing the image located at \web\build\assets\background_darkmode.png for dark mode or \web\build\assets\background_whitemode.png for light mode. When changing the background, use the existing image as a template to maintain dimensions. If you'd like to add a different image, you can also modify the "background" color in the Preview Mode and then update the corresponding values in the configuration.

Logo Replacement

Logo Replacement: Modify the logo by changing the Logo Extension in the configuration to .gif or .svg. Then, replace the logo image at \web\build\assets\logo.gif or \web\build\assets\logo.svg. If you have a PNG logo, you can easily convert it to a GIF for animated logos, providing additional visual appeal.

Feel free to experiment with these UI customization options to create a unique and visually appealing experience for your players. Remember to update your configuration file to make these changes permanent.

πŸ—ΊοΈ
βš™οΈ
🎨
Preview Mode UI