description
This page provides an introduction to the semantic colors used in the Vendetta theme format.

🖌 Semantic Colors

HEADER_PRIMARY : The primary color for headers, such as channel and server names (also for settings page text and profiles)

{% embed url="https://cdn.discordapp.com/attachments/920331309732233226/1155919810274803742/Screenshot_2023-04-05-19-57-41-098-edit_com.aliucordrn.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093198213760172032/Screenshot_2023-04-05-21-09-06-404-edit_com.aliucordrn.jpg" %}

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="https://cdn.discordapp.com/attachments/1086985889286209586/1093198983897284760/Screenshot_2023-04-05-21-11-22-669-edit_com.aliucordrn.jpg" %}

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="https://cdn.discordapp.com/attachments/1089788093009240104/1094633586767954001/Screenshot_20230409_224111.png" %}

{% embed url="https://cdn.discordapp.com/attachments/1089788093009240104/1094633587036397678/Screenshot_20230409_224121.png" %}

TEXT_LINK : The color for links in chat

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093204184108638319/Screenshot_2023-04-05-21-31-14-049-edit_dev.beefers.vendetta.jpg" %}

INTERACTIVE_NORMAL : The color for interactive elements, such as buttons in settings page and bottom bar.

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093200544132235404/Screenshot_2023-04-05-21-17-52-245-edit_com.aliucordrn.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093200564524945528/Screenshot_2023-04-05-21-18-31-738-edit_com.aliucordrn.jpg" %}

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="https://cdn.discordapp.com/attachments/1086985889286209586/1093201909483061338/Screenshot_2023-04-05-21-23-29-064-edit_com.aliucordrn.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093201933218619502/Screenshot_2023-04-05-21-23-47-390-edit_com.aliucordrn.jpg" %}

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="https://cdn.discordapp.com/attachments/1086985889286209586/1093205446132772954/Screenshot_2023-04-05-21-35-14-597-edit_com.aliucordrn.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093205467628589116/Screenshot_2023-04-05-21-37-35-438-edit_dev.beefers.vendetta.jpg" %}

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="https://cdn.discordapp.com/attachments/1086985889286209586/1093206528598736896/IMG_20230405_214143.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093206913119961128/Screenshot_2023-04-05-21-43-46-766-edit_com.aliucordrn.jpg" %}

BACKGROUND_SECONDARY_ALT : Chat Input background [Add Files, Gift Buttons], Emoji/GIF/Sticker slider background.

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093207912031195136/Screenshot_2023-04-05-21-47-44-188-edit_com.aliucordrn.jpg" %}

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="https://cdn.discordapp.com/attachments/1086985889286209586/1093209641867030598/Screenshot_2023-04-05-21-51-47-615-edit_com.aliucordrn.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093209662670766182/Screenshot_2023-04-05-21-53-54-518-edit_com.aliucordrn.jpg" %}

BACKGROUND_ACCENT: Reply Pipe, Edit user Profile button, Album Buttons, Thread Buttons, Invite server button background in channel list.

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093216474992226365/Screenshot_2023-04-05-22-21-21-168-edit_com.aliucordrn.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093216503429599332/Screenshot_2023-04-05-22-21-44-571-edit_com.aliucordrn.jpg" %}

BACKGROUND_MOBILE_PRIMARY: Audit log outer background CloudSync outer background (CloudSync)

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093224604782297159/Screenshot_2023-04-05-22-53-31-460-edit_com.aliucordrn.jpg" %}

BACKGROUND_MOBILE_SECONDARY: Header colour

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093225791501897748/Screenshot_2023-04-05-22-58-39-947-edit_com.aliucordrn.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093226249767374990/Screenshot_2023-04-05-23-00-37-533-edit_com.aliucordrn.jpg" %}

BACKGROUND_MESSAGE_HOVER: The color for interactive elements when hovered over

BACKGROUND_MODIFIER_HOVER: Background color of slash commands

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093227942781395024/Screenshot_2023-04-05-23-07-08-949-edit_dev.beefers.vendetta.jpg" %}

BACKGROUND_MODIFIER_ACTIVE: Background color of clyde message and some other elements, selected server emotes

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093229656670490675/Screenshot_2023-04-05-23-13-13-078-edit_dev.beefers.vendetta.jpg" %}

{% embed url="https://cdn.discordapp.com/attachments/1089788093009240104/1094427518938906755/Screenshot_20230409_090354.png" %}

BACKGROUND_MODIFIER_SELECTED: Background color of selected User or Channel

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093231138476146778/Screenshot_2023-04-05-23-20-00-861-edit_com.aliucordrn.jpg" %}

BACKGROUND_MODIFIER_ACCENT: background for icons in the settings menu

{% embed url="https://cdn.discordapp.com/attachments/1086985889286209586/1093231876694609950/Screenshot_2023-04-05-23-22-58-137-edit_com.aliucordrn.jpg" %}

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]