Theming (Config.Color)

Last updated on

dnd_economy's NUI reads its accent colors from Config.Color at open time and applies them as CSS variable overrides — no CSS editing required. Pick colors below, watch the mock preview update live, then copy the generated config straight into config.lua.

Config.Color = {
    mainColor      = '#A3E635', -- primary accent: borders, highlights, focus rings, scrollbar
    mainColorLight = '#D9F99D', -- lighter tint: glows, gradient light stops
    buttonColor    = '#65A30D', -- secondary/darker shade: button gradient dark stop
    successColor   = '#22C55E', -- accept actions, "well stocked" demand
    warningColor   = '#F59E0B', -- price-locked, urgent countdown
    dangerColor    = '#EF4444', -- reject actions, "high demand"
}

What each key controls

Structural surfaces — background, text, borders — aren't themeable through this config; they follow the NUI's own built-in dark/light toggle instead. Only the brand/status accent tokens above are configurable.

Applying it

1. Pick colors above (or paste hex codes directly into the text fields).
2. Copy the generated Config.Color = { ... } block.
3. Paste it into your config.lua, replacing the existing Config.Color block.
4. Restart the resource — no rebuild needed, this is read fresh from Lua on every NUI open.