search
githubEdit

🖌️Semantic Colors

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

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

https://cdn.discordapp.com/attachments/920331309732233226/1155919810274803742/Screenshot_2023-04-05-19-57-41-098-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093198213760172032/Screenshot_2023-04-05-21-09-06-404-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • HEADER_SECONDARY : The secondary color for headers, such as channel and server names (also for settings page text and profiles, status, user tags)

https://cdn.discordapp.com/attachments/1086985889286209586/1093198983897284760/Screenshot_2023-04-05-21-11-22-669-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • 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.

https://cdn.discordapp.com/attachments/1089788093009240104/1094633586767954001/Screenshot_20230409_224111.pngcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1089788093009240104/1094633587036397678/Screenshot_20230409_224121.pngcdn.discordapp.comchevron-right

  • TEXT_LINK : The color for links in chat

https://cdn.discordapp.com/attachments/1086985889286209586/1093204184108638319/Screenshot_2023-04-05-21-31-14-049-edit_dev.beefers.vendetta.jpgcdn.discordapp.comchevron-right

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

https://cdn.discordapp.com/attachments/1086985889286209586/1093200544132235404/Screenshot_2023-04-05-21-17-52-245-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093200564524945528/Screenshot_2023-04-05-21-18-31-738-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • 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

https://cdn.discordapp.com/attachments/1086985889286209586/1093201909483061338/Screenshot_2023-04-05-21-23-29-064-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093201933218619502/Screenshot_2023-04-05-21-23-47-390-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • 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

https://cdn.discordapp.com/attachments/1086985889286209586/1093205446132772954/Screenshot_2023-04-05-21-35-14-597-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093205467628589116/Screenshot_2023-04-05-21-37-35-438-edit_dev.beefers.vendetta.jpgcdn.discordapp.comchevron-right

  • 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

https://cdn.discordapp.com/attachments/1086985889286209586/1093206528598736896/IMG_20230405_214143.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093206913119961128/Screenshot_2023-04-05-21-43-46-766-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

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

https://cdn.discordapp.com/attachments/1086985889286209586/1093207912031195136/Screenshot_2023-04-05-21-47-44-188-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • BACKGROUND_TERTIARY: Global Border background when elements are slide out [Server List, User List], Search Bar background, top bar separator when in channel.

https://cdn.discordapp.com/attachments/1086985889286209586/1093209641867030598/Screenshot_2023-04-05-21-51-47-615-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093209662670766182/Screenshot_2023-04-05-21-53-54-518-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

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

https://cdn.discordapp.com/attachments/1086985889286209586/1093216474992226365/Screenshot_2023-04-05-22-21-21-168-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093216503429599332/Screenshot_2023-04-05-22-21-44-571-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

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

https://cdn.discordapp.com/attachments/1086985889286209586/1093224604782297159/Screenshot_2023-04-05-22-53-31-460-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • BACKGROUND_MOBILE_SECONDARY: Header colour

https://cdn.discordapp.com/attachments/1086985889286209586/1093225791501897748/Screenshot_2023-04-05-22-58-39-947-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1093226249767374990/Screenshot_2023-04-05-23-00-37-533-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • BACKGROUND_MESSAGE_HOVER: The color for interactive elements when hovered over

  • BACKGROUND_MODIFIER_HOVER: Background color of slash commands

https://cdn.discordapp.com/attachments/1086985889286209586/1093227942781395024/Screenshot_2023-04-05-23-07-08-949-edit_dev.beefers.vendetta.jpgcdn.discordapp.comchevron-right

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

https://cdn.discordapp.com/attachments/1086985889286209586/1093229656670490675/Screenshot_2023-04-05-23-13-13-078-edit_dev.beefers.vendetta.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1089788093009240104/1094427518938906755/Screenshot_20230409_090354.pngcdn.discordapp.comchevron-right

  • BACKGROUND_MODIFIER_SELECTED: Background color of selected User or Channel

https://cdn.discordapp.com/attachments/1086985889286209586/1093231138476146778/Screenshot_2023-04-05-23-20-00-861-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • BACKGROUND_MODIFIER_ACCENT: background for icons in the settings menu

https://cdn.discordapp.com/attachments/1086985889286209586/1093231876694609950/Screenshot_2023-04-05-23-22-58-137-edit_com.aliucordrn.jpgcdn.discordapp.comchevron-right

  • 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)

https://cdn.discordapp.com/attachments/1086985889286209586/1093234997462319185/IMG_20230405_233500.jpgcdn.discordapp.comchevron-right

  • CHAT_BACKGROUND: Theme’s the background of chat

https://cdn.discordapp.com/attachments/1086985889286209586/1093235788331876516/Screenshot_2023-04-05-23-38-29-981-edit_dev.beefers.vendetta.jpgcdn.discordapp.comchevron-right

  • CHANNEL_TEXT_AREA_PLACEHOLDER: Theme’s the “message” text in chat box

https://cdn.discordapp.com/attachments/1086985889286209586/1093388749171331133/Screenshot_2023-04-06-09-46-08-601-edit_dev.beefers.vendetta.jpgcdn.discordapp.comchevron-right

  • TEXT_DANGER: Themes the Delete button in plugins and themes settings, leave server button and some texts in clyde messages

https://cdn.discordapp.com/attachments/1086985889286209586/1094451740650254446/mUImDxkK.jpgcdn.discordapp.comchevron-right
https://cdn.discordapp.com/attachments/1086985889286209586/1094451763806998650/PHT8TbVi.jpgcdn.discordapp.comchevron-right

  • REDESIGN_BUTTON_SECONDARY_BACKGROUND: "Edit status" button (tabsv2) "Edit profile" button (tabsv2)

https://cdn.discordapp.com/attachments/811229696955777046/1158791329271271444/00PLf.jpg?ex=651d8806&is=651c3686&hm=6ba684117e79d6a6600d18bbc4579fb7434d21e96a308c27927739d9d66bc9fb&cdn.discordapp.comchevron-right

  • 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

PreviousExample themeNextRaw Colors

Last updated