esx_chat_theme

esx_chat_theme is a visual theme for the default FiveM chat resource. It gives chat messages the GTA-style Chalet font with a drop shadow and removes the chat window background. It contains no Lua code and no API; it is a pure style add-on you can keep, edit or remove.

OverviewCopy Anchor Link

How it worksCopy Anchor Link

The cfx chat resource scans running resources for a chat_theme entry in their fxmanifest.lua and loads the listed files into the chat page. esx_chat_theme registers a theme named esx:

chat_theme 'esx' {
    styleSheet = 'style.css',
    script = 'shadow.js',
    msgTemplates = {
        default = '<b>{0}</b><span>{1}</span>'
    }
}

CustomizationCopy Anchor Link

Change the look in style.css. The .msg rule controls most of it:

.msg {
    font-family: Font2, sans-serif;
    color: #ffffff;
    font-size: calc(1.7vh);
    filter: url(#svgDropShadowFilter);
    line-height: calc(2.7vh * 1.2);
    margin-bottom: 0;
}

The font files are loaded from runtime.fivem.net at runtime. If that host is unreachable, the chat falls back to sans-serif.

Install orderCopy Anchor Link

Start chat before the theme. The official recipe starts chat first and the theme as part of [core]:

ensure chat
ensure oxmysql
ensure esx_lib
ensure es_extended
ensure [core]

Common issuesCopy Anchor Link

• Theme has no effect. The chat resource is not running, or you use a third-party chat that ignores chat_theme entries.
• Styles clash with another theme. Several chat_theme resources can be active at once and their CSS stacks. Stop the one you do not want.

RelatedCopy Anchor Link

• Core resources overview
• server.cfg
• Installation

Frequently asked questions