Skip to content

Theme

Visual styling is defined in ui.config.lua as inline CSS strings. The file contains two complete theme objects: theme_light and theme_dark. The interface applies whichever theme the player has selected in the Settings panel.

Structure

lua
UI = {}

UI.themes = {
    theme_light = {
        listing = {
            cars  = { main = "background: ...", price = "color: ...", ... },
            jobs  = { ... },
            items = { ... },
            -- other categories follow the same shape
        },
        desktop      = "background: ...",
        navButtons   = { home = "...", cars = "...", ... },
        chat         = { sidebar = "...", message = "...", ... },
        newAd        = { background = "...", input = { ... }, ... },
        notification = "background: ...",
        -- ...
    },
    theme_dark = {
        -- identical structure, different color values
    },
}

Every value is an inline CSS string passed directly to a style attribute. Any valid CSS for that context is accepted.

Per-region keys

Key pathWhat it styles
listing.<category>.mainListing card gradient header
listing.<category>.listingBackgroundListing card body background
listing.<category>.descriptionTextDescription text color on listing card
listing.<category>.pricePrice text color
listing.<category>.blockDetail block background and text
desktopFull-panel background in standalone desktop mode
backButtonBack button color and background
navButtons.backgroundNav bar background
navButtons.<key>Individual nav button (home, cars, items, jobs, realEstates, weapons, other, createNew, messages, myAds, settings)
viewAd.background.<category>Category-tinted background on the full ad view
viewAd.block1 / block2 / block3Detail blocks on the full ad view
chat.sidebarConversations list sidebar
chat.activeChatterActive conversation highlight
chat.defaultChatterInactive conversation entry
chat.backgroundChat thread background
chat.messageChat bubble background and text
chat.messageInput.*Input field background, placeholder, text, border, send button
newAd.backgroundCreate / edit form page background
newAd.formBackgroundForm container background and text
newAd.input.*Form input background, placeholder, and text colors
newAd.button.*Submit button default and hover states
newAd.cooldownCooldown notice background and text
notificationToast notification overlay
action.cancelCancel action button
action.deleteDelete action button

Player theme toggle

Players switch between dark and light theme from the Settings panel inside the marketplace. The selection persists per player. The dark toggle maps to UI.themes.theme_dark and the light toggle maps to UI.themes.theme_light.

If rc_core is running on your server, the theme selection is synchronized across all RobiCore scripts. Without rc_core, the selection is stored locally per resource.

Robicore