/**
 * @name Sweet Candy
 * @author JugandoMiguel
 * @description Taste the sugar in your discord
 * @version 0.0.1
 */

@import url("https://discordstyles.github.io/Addons/windows-titlebar.css");
@import url("https://discordstyles.github.io/RadialStatus/dist/RadialStatus.css");

<!-- css -->
/*Radial Status*/

:root {
  --rs-small-spacing: 2px; /* Gap between avatar and status for members list/dms | MUST end in px */
  --rs-medium-spacing: 3px; /* Gap between avatar and status for User popout | MUST end in px */
  --rs-large-spacing: 4px; /* Gap between avatar and status for User profiles | MUST end in px */

  --rs-small-width: 2px; /* Thickness of status border for members list/dms | MUST end in px */
  --rs-medium-width: 3px; /* Thickness of status border for User popout | MUST end in px */
  --rs-large-width: 4px; /* Thickness of status border for User profile | MUST end in px */

  --rs-avatar-shape: 50%; /* 50% for round - 0% for square */

  --rs-online-color: #43b581; /* Colour for online status */
  --rs-idle-color: #faa61a; /* Colour for idle status */
  --rs-dnd-color: #f04747; /* Colour for dnd status */
  --rs-offline-color: #636b75; /* Colour for offline status */
  --rs-streaming-color: #643da7; /* Colour for streaming status */
  --rs-invisible-color: #747f8d; /* Colour for invisible status - Note: this will only show for your own invisibility */
  --rs-phone-color: var(--rs-online-color); /* Colour of the ring and phone icon when a user is on their phone |  */

  --rs-phone-visible: block; /* Visibility of the phone icon next to a users avatar. | block = visible | none = hidden */
}

/*Sweet Candy Main*/

    /*Theme Dark*/


.theme-dark {
    --header-primary: #ff9eae;
    --header-secondary: #ff9eae;
    --text-normal: #FFC0CB;
    --text-muted: var(--primary-dark-330);
    --text-link: var(--link-500);
    --text-link-low-saturation: var(--link-low-saturation-500);
    --text-positive: #DAAADB;
    --text-warning: var(--status-yellow-500);
    --text-danger: var(--status-red-360);
    --text-brand: var(--brand-360);
    --interactive-normal: var(--primary-dark-300);
    --interactive-hover: var(--primary-dark-200);
    --interactive-active: #DAAADB;
    --interactive-muted: var(--primary-dark-500);
    --mention-foreground: var(--brand-260);
    --mention-background: hsl(var(--brand-500-hsl)/0.3);
    --background-primary: var(--primary-dark-600);
    --background-secondary: var(--primary-dark-630);
    --background-secondary-alt: var(--primary-dark-660);
    --background-tertiary: var(--primary-dark-700);
    --background-accent: var(--primary-dark-500);
    --background-floating: var(--primary-dark-800);
    --background-nested-floating: var(--primary-dark-630);
    --background-mobile-primary: var(--primary-dark-600);
    --background-mobile-secondary: var(--primary-dark-630);
    --chat-background: var(--primary-dark-600);
    --chat-border: var(--primary-dark-700);
    --chat-input-container-background: var(--primary-dark-600);
    --background-modifier-hover: hsl(var(--primary-dark-500-hsl)/0.4);
    --background-modifier-active: #DAAAD;
    --background-modifier-selected: hsl(var(--primary-dark-500-hsl)/0.6);
    --background-modifier-accent: hsl(var(--primary-dark-500-hsl)/0.48);
    --info-positive-background: hsl(var(--status-green-600-hsl)/0.1);
    --info-positive-foreground: var(--status-green-600);
    --info-positive-text: var(--white-500);
    --info-warning-background: hsl(var(--status-yellow-500-hsl)/0.1);
    --info-warning-foreground: var(--status-yellow-500);
    --info-warning-text: var(--white-500);
    --info-danger-background: hsl(var(--status-red-500-hsl)/0.1);
    --info-danger-foreground: var(--status-red-500);
    --info-danger-text: var(--white-500);
    --info-help-background: hsl(var(--link-500-hsl)/0.1);
    --info-help-foreground: var(--link-500);
    --info-help-text: var(--white-500);
    --status-positive-background: #DAAADB;
    --status-positive-text: #DAAADB;
    --status-warning-background: #DAAADB;
    --status-warning-text: var(--black-500);
    --status-danger-background: var(--status-red-500);
    --status-danger-text: var(--white-500);
    --status-danger: var(--status-red-500);
    --status-positive: #DAAADB;
    --status-warning: var(--status-yellow-500);
    --button-danger-background: var(--status-red-530);
    --button-danger-background-hover: var(--status-red-600);
    --button-danger-background-active: var(--status-red-630);
    --button-danger-background-disabled: var(--status-red-530);
    --button-positive-background: var(--status-green-660);
    --button-positive-background-hover: var(--status-green-730);
    --button-positive-background-active: #ec747c;
    --button-positive-background-disabled: var(--status-green-660);
    --button-secondary-background: var(--primary-dark-500);
    --button-secondary-background-hover: var(--primary-dark-430);
    --button-secondary-background-active: var(--primary-dark-400);
    --button-secondary-background-disabled: var(--primary-dark-500);
    --button-outline-danger-text: var(--white-500);
    --button-outline-danger-border: var(--status-red-500);
    --button-outline-danger-background: hsl(var(--white-500-hsl)/0);
    --button-outline-danger-background-hover: var(--status-red-530);
    --button-outline-danger-text-hover: var(--white-500);
    --button-outline-danger-border-hover: var(--status-red-530);
    --button-outline-danger-background-active: var(--status-red-560);
    --button-outline-danger-text-active: var(--white-500);
    --button-outline-danger-border-active: var(--status-red-530);
    --button-outline-positive-text: var(--white-500);
    --button-outline-positive-border: var(--status-green-600);
    --button-outline-positive-background: hsl(var(--white-500-hsl)/0);
    --button-outline-positive-background-hover: var(--status-green-660);
    --button-outline-positive-text-hover: var(--white-500);
    --button-outline-positive-border-hover: var(--status-green-660);
    --button-outline-positive-background-active: var(--status-green-730);
    --button-outline-positive-text-active: var(--white-500);
    --button-outline-positive-border-active: var(--status-green-730);
    --button-outline-brand-text: var(--white-500);
    --button-outline-brand-border: var(--brand-500);
    --button-outline-brand-background: hsl(var(--white-500-hsl)/0);
    --button-outline-brand-background-hover: var(--brand-500);
    --button-outline-brand-text-hover: var(--white-500);
    --button-outline-brand-border-hover: var(--brand-500);
    --button-outline-brand-background-active: var(--brand-560);
    --button-outline-brand-text-active: var(--white-500);
    --button-outline-brand-border-active: var(--brand-560);
    --button-outline-primary-text: var(--white-500);
    --button-outline-primary-border: var(--primary-dark-500);
    --button-outline-primary-background: hsl(var(--white-500-hsl)/0);
    --button-outline-primary-background-hover: var(--primary-dark-500);
    --button-outline-primary-text-hover: var(--white-500);
    --button-outline-primary-border-hover: var(--primary-dark-500);
    --button-outline-primary-background-active: var(--primary-dark-430);
    --button-outline-primary-text-active: var(--white-500);
    --button-outline-primary-border-active: var(--primary-dark-430);
    --modal-background: var(--primary-dark-600);
    --modal-footer-background: var(--primary-dark-630);
    --scrollbar-thin-thumb: var(--primary-dark-700);
    --scrollbar-thin-track: hsl(var(--black-500-hsl)/0);
    --scrollbar-auto-thumb: var(--primary-dark-700);
    --scrollbar-auto-track: var(--status-grey-700);
    --scrollbar-auto-scrollbar-color-thumb: var(--primary-dark-700);
    --scrollbar-auto-scrollbar-color-track: var(--primary-dark-630);
    --input-background: var(--primary-dark-700);
    --input-placeholder-text: var(--input-placeholder-text-dark);
    --logo-primary: var(--white-500);
    --focus-primary: var(--focus-primary-500);
    --control-brand-foreground: var(--brand-360);
    --control-brand-foreground-new: var(--brand-new-360);
    --background-mentioned: hsl(var(--status-yellow-500-hsl)/0.1);
    --background-mentioned-hover: hsl(var(--status-yellow-500-hsl)/0.08);
    --background-message-hover: hsl(var(--primary-dark-900-hsl)/0.07);
    --background-message-automod: hsl(var(--status-red-500-hsl)/0.05);
    --background-message-automod-hover: hsl(var(--status-red-500-hsl)/0.1);
    --background-message-highlight: hsl(var(--brand-360-hsl)/0.08);
    --background-message-highlight-hover: hsl(var(--brand-360-hsl)/0.06);
    --channels-default: var(--primary-dark-345);
    --channel-icon: var(--primary-dark-360);
    --channel-text-area-placeholder: var(--primary-dark-400);
    --channeltextarea-background: var(--primary-dark-560);
    --activity-card-background: var(--primary-dark-700);
    --textbox-markdown-syntax: var(--primary-dark-360);
    --spoiler-revealed-background: var(--primary-dark-660);
    --spoiler-hidden-background: var(--primary-dark-700);
    --android-navigation-bar-background: var(--primary-dark-830);
    --android-ripple: hsl(var(--white-500-hsl)/0.07);
    --deprecated-card-bg: hsl(var(--primary-dark-700-hsl)/0.6);
    --deprecated-card-editable-bg: hsl(var(--primary-dark-700-hsl)/0.3);
    --deprecated-store-bg: var(--primary-dark-600);
    --deprecated-quickswitcher-input-background: var(--primary-dark-400);
    --deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl)/0.3);
    --deprecated-text-input-bg: var(--primary-dark-700);
    --deprecated-text-input-border: hsl(var(--black-500-hsl)/0.3);
    --deprecated-text-input-border-hover: var(--primary-dark-900);
    --deprecated-text-input-border-disabled: var(--primary-dark-700);
    --deprecated-text-input-prefix: var(--primary-dark-200);
}

.homeIcon-r0w4ny path {
  fill: transparent;
}
.homeIcon-r0w4ny {
  background: url("https://cdn.shopify.com/s/files/1/0580/2885/products/Pastel-Discord-Profile-Picture.webp?v=1667648668");
  background-size: cover;
  min-width: 48px;
  min-height: 48px;
}