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