/* PurplePrune */
:root {
  /* Theme Background */
  --theme-background-image: url(https://github.com/computer-catt/PurplePrune/blob/main/Assets/Nighttheme.png?raw=true);

  /* Main Theme Transparency */
  --theme-transparency: rgba(0, 0, 0, 0.5);
  
  /* Main Theme Color */
  --main-theme-color: rgb(255, 255, 255);
  
  /* Font Size */
  --font-size: 100%;

  /* Mention colors */
  --mention-color: rgba(250, 166, 26, 0.05);
  --mention-sider: rgba(250, 166, 26, 1);
  --mention-hover-color: rgba(250, 166, 26, 0.08);

  /* Server category hover color */
  --category-hover-color: rgb(144, 56, 200);

  /* Video / Screen share buttons */
  --video-screen-button-background-color: rgba(200, 200, 200, 0.2);
  --video-screen-button-foreground-color: white;
  --video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4);
  --video-screen-button-foreground-hovor-color: white;

  /* Role Title Color */
  --member-listing-role-color: var(--main-theme-color);

  /* Small User Popout */
  --small-user-popout-background-image: var(--theme-background-image);
  --small-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
  --small-user-popout-background-image-position: center;

  /* Big User Popout */
  --big-user-popout-background-image: var(--theme-background-image);
  --big-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
  --big-user-popout-background-image-position: center;

  /* Code Markup */
  --code-markup-background-color: rgba(0, 0, 0, 0.6);
  --code-markup-border: 1px solid transparent;

  /* Message Box Transparency */
  --message-box-transparency: rgba(0, 0, 0, 0.6);

  /* Embed Background Transparency */
  --embed-background-transparency: rgba(0, 0, 0, 0.6);

  /* Message Hover Buttons */
  --message-hover-buttons-background: rgba(200, 200, 200, 0.1);

  /* Context Menu Transparency */
  --context-menu-transparency: rgba(15, 15, 15, 0.8);

  /* Add Server / Discovery Icon */
  --add-discover-icon-transparency: rgba(200, 200, 200, 0.15);
  --add-discover-icon-color: #b54395;

  /* Channel Limit Number Color */
  --channel-limit-count-color: var(--channels-default);
  --channel-limit-background-left: rgba(200, 200, 200, 0.1);
  --channel-limit-background-right: rgba(200, 200, 200, 0.2);

  /* Scrollbar Colors */
  --scrollbar-color: rgba(200, 200, 200, 0.2);

  /* Unread Message Divider */
  --unread-message-divider-color: #f04747;
  --unread-message-divider-font-color: #fff;

  /* New Messages Bar Color */
  --new-messages-bar-background-color: #7289da;
  --new-messages-bar-font-color: #fff;

  /* Emoji Menu */
  --emoji-menu-background-color: rgba(0, 0, 0, 0.6);
  --emoji-menu-sider-background-color: rgba(0, 0, 0, 0);
  --emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8);
  --emoji-menu-bottom-bar-background-color: black;
  --emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1);

  /* Message Search */
  --message-search-menu-background-color: rgba(0, 0, 0, 0.8);
  --message-search-container-background-color: rgba(0, 0, 0, 0.6);
  --message-search-result-background-color: rgba(200, 200, 200, 0.05);

  /* Channel colors */
  --text-voice-channel-color: rgb(142, 146, 151);
  --text-voice-channel-hover-color: #dcddde;
  --text-voice-channel-selected-text-color: #fff;
  --unread-text-channel-color: #fff;
  --unread-text-channel-bubble-color: var(--main-theme-color);

  /* Folders */
  --folder-background-color: #2f3136;
  --expanded-folder-background-color: transparent;

  /* Reactions */
  --reaction-emoji-background-color: rgba(0, 0, 0, 0);
  --reaction-emoji-border-color: 1px solid transparent;
  --reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1);
  --reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2);
  
  /* Transparent Popups Config */
  --blur-popup: 40px; /*Popup blur size*/
  --opacity-popup: 0.6; /*Popup background opacity*/  
  --radius-popup: 40px; /*Popup border radius*/
  --radius-context: 20px; /*Context menu popups radius*/
  /*--pop-up-color: black; /*uncomment for custom Popup color*/ 
  /*--context-menu-border: 1px solid red; /*uncomment for custom border*/
}
/* End PurplePrune */