> For the complete documentation index, see [llms.txt](https://vendetta-themes.gitbook.io/wiki/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vendetta-themes.gitbook.io/wiki/objects/semantic-colors.md). # Semantic Colors **HEADER\_PRIMARY** : The primary color for headers, such as channel and server names (also for settings page text and profiles) {% embed url="" %} {% embed url="" %} *** * **HEADER\_SECONDARY** : The secondary color for headers, such as channel and server names (also for settings page text and profiles, status, user tags) {% embed url="" %} *** * **TEXT\_NORMAL** : The color for regular text in chat * **TEXT\_MUTED** : The color for muted text, also for time stamps in chat, texts in search bar, text in settings page (channels, vendetta), changes the send icon button if chat box is empty & some loading elements. {% embed url="" %} {% embed url="" %} *** * **TEXT\_LINK** : The color for links in chat {% embed url="" %} *** * **INTERACTIVE\_NORMAL** : The color for interactive elements, such as buttons in settings page and bottom bar. {% embed url="" %} {% embed url="" %} *** * **INTERACTIVE\_HOVER** : The color for interactive elements when hovered over * **INTERACTIVE\_ACTIVE** : The color for interactive elements when clicked or activated like active or unread channels and selected buttons in bottom bar, names in friend lists {% embed url="" %} {% embed url="" %} *** * **INTERACTIVE\_MUTED** : Interactive Muted: The color for inactive interactive elements like muted channels. * **BACKGROUND\_PRIMARY** : The primary background color for the UI, navigation bar, channel background for tabV2 {% embed url="" %} {% embed url="" %} *** * **BACKGROUND\_SECONDARY** : Outer background for profiles Outer background for forum posts Background for single line code block thingys Outer backround for context menus (can be overwritten by BG\_BASE\_SECONDARY) Audit log info backround {% embed url="" %} {% embed url="" %} *** * **BACKGROUND\_SECONDARY\_ALT** : Chat Input background \[Add Files, Gift Buttons], Emoji/GIF/Sticker slider background. {% embed url="" %} *** * **BACKGROUND\_TERTIARY**: Global Border background when elements are slide out \[Server List, User List], Search Bar background, top bar separator when in channel. {% embed url="" %} {% embed url="" %} *** * **BACKGROUND\_ACCENT**: Reply Pipe, Edit user Profile button, Album Buttons, Thread Buttons, Invite server button background in channel list. {% embed url="" %} {% embed url="" %} *** * **BACKGROUND\_MOBILE\_PRIMARY**: Audit log outer background CloudSync outer background *(CloudSync)* {% embed url="" %} *** * **BACKGROUND\_MOBILE\_SECONDARY**: Header colour {% embed url="" %} {% embed url="" %} *** * **BACKGROUND\_MESSAGE\_HOVER**: The color for interactive elements when hovered over *** * **BACKGROUND\_MODIFIER\_HOVER**: Background color of slash commands {% embed url="" %} *** * **BACKGROUND\_MODIFIER\_ACTIVE**: Background color of clyde message and some other elements, selected server emotes {% embed url="" %} {% embed url="" %}
*** * **BACKGROUND\_MODIFIER\_SELECTED**: Background color of selected User or Channel {% embed url="" %} *** * **BACKGROUND\_MODIFIER\_ACCENT**: background for icons in the settings menu {% embed url="" %} *** * **BG\_BACKDROP**: Colour of context menus *** * **BG\_BASE\_PRIMARY** : Outer chatbox background *(dark mode)* Top chat header Channels list Messages page Notifications page *** * **BG\_BASE\_SECONDARY**: Settings pages Outer background for context menus *** * **CARD\_PRIMARY\_BG**: Inner backround on you tab page Inner backround on context menus * **CARD\_SECONDARY\_BG**: Inner background of plugins/theme cards \[pyoncord] *** * **CHANNEL\_ICON**: Chat input text, Symbols \[@, Lock, # (except muted channels) {% embed url="" %} *** * **CHAT\_BACKGROUND**: Theme’s the background of chat {% embed url="" %} *** * **CHANNEL\_TEXT\_AREA\_PLACEHOLDER**: Theme’s the “message” text in chat box {% embed url="" %} *** * **TEXT\_DANGER**: Themes the Delete button in plugins and themes settings, leave server button and some texts in clyde messages {% embed url="" %} {% embed url="" %} *** * **REDESIGN\_BUTTON\_SECONDARY\_BACKGROUND**: "Edit status" button *(tabsv2)* "Edit profile" button *(tabsv2)* {% embed url="" %} * **REDESIGN\_BUTTON\_SECONDARY\_ALT\_\BACKGROUND** : Backround colours for: * Attachment button Gift button Search button * Add friends button * Message request button * Events button *** * **SPOILER\_HIDDEN\_BACKGROUND**: Themes the hidden spoiler background --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://vendetta-themes.gitbook.io/wiki/objects/semantic-colors.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.