WINGWU by thedoninicalex

/* ==UserStyle==
@name         WINGWU
@version      20210820.00.55
@namespace    userstyles.world/user/thedoninicalex
@description  pigstep go brrrrt
@author       thedoninicalex
@license      No License
==/UserStyle== */

@-moz-document url("discord.com") {
:root {
    /* ----------- MidnightMars Base ----------- */
    /* ----- Default Theme --- */
    --midnightmars-primary: #36263A;
    --midnightmars-primary-alt: #432e4d;
    --midnightmars-secondary: #281D30;
    --midnightmars-secondary-alt: #211828;
    --midnightmars-tertiary: #1a141f;
    --midnightmars-modifiers: 168, 113, 182;
    --midnightmars-accent: #9864a3;
    --midnightmars-accent-dark: #895a92;
    --midnightmars-green: #70ad85;
    --midnightmars-pill-buttons: rgba(132, 101, 138, 0.522);
    /* ----- Status Colors --- */
    --status-online: #00ED8E;
    --status-idle: #ffd37a;
    --status-dnd: #F87E7C;
    --status-offline-invisible: #ADADB8;
    --status-streaming: #7e58be;
    /* ----- Modals & Popouts ---  */
    --midnightmars-layer-primary: var(--midnightmars-primary);
    --midnightmars-layer-secondary: var(--midnightmars-secondary);
    --midnightmars-layer-secondary-alt: var(--midnightmars-secondary-alt);
    --midnightmars-layer-outline: rgb(26, 20, 31, 0.5);
    /* ----- Separation --- */
    --border-radius: 5px;
    --separation-padding: 7px;

    /* ---------- MidnightMars Addons ---------- */
    /* ----- Chat Indicator --- */
    --border-thickness: 3px;
    --border-color: var(--midnightmars-accent);
    --border-hover-color: #64416b;
    --border-roundness: 3px;
    --transition-time: 500ms;
    /* ----- Channel Indicators --- */
    --indicator-hovered: rgba(152, 100, 163, 0.09);
    --indicator-rounding: 0;
    --indicator-border-info: 4px solid;
    --indicator-selected: 152, 100, 163;
    --indicator-selected-border: rgba(var(--indicator-selected));
    --indicator-selected-background: rgba(var(--indicator-selected), 0.1);
    --indicator-selected-hover: rgba(var(--indicator-selected), 0.18);
    --indicator-unread: 168, 113, 182;
    --indicator-unread-border: rgba(var(--indicator-unread), 0.55);
    --indicator-unread-background: rgba(var(--indicator-unread), 0.045);
    --indicator-connected: 112, 173, 133;
    --indicator-connected-border: rgba(var(--indicator-connected), 0.55);
    --indicator-connected-background: rgba(var(--indicator-connected), 0.1);
    --indicator-connected-hover: rgba(var(--indicator-connected), 0.18);

    /* ---------- Base Discord Colors ---------- */
    /* ----- Default Theme --- */
    --background-primary: var(--midnightmars-primary);
    --background-secondary: var(--midnightmars-secondary);
    --background-secondary-alt: var(--midnightmars-secondary-alt);
    --background-tertiary: var(--midnightmars-tertiary);
    --background-accent: var(--midnightmars-accent);
    --background-floating: #19131f;
    --channeltextarea-background: var(--midnightmars-secondary-alt);
    --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), 0 2px 0 rgba(4, 4, 5, 0.05);
    --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
    /* ----- Text --- */
    --text-normal: #fbfbfb;
    --text-muted: #b2a6b6;
    --text-link: #b6ecc8;
    --channels-default: #b2a6b6;
    --interactive-normal: #c8c8c8;
    --interactive-hover: #dcddde;
    --interactive-active: var(--text-normal);
    --interactive-muted: #6f5e72;
    --header-primary: var(--text-normal);
    --header-secondary: #c9c9c9;
    /* ----- Modifiers --- */
    --background-modifier-selected: rgb(var(--midnightmars-modifiers), 0.09);
    --background-modifier-hover: rgb(var(--midnightmars-modifiers), 0.12);
    --background-modifier-active: rgb(var(--midnightmars-modifiers), 0.18);
    --background-modifier-accent: rgba(170, 150, 176, 0.149);
    /* ----- Toasts --- */
    --toast-background: var(--midnightmars-primary);
    --toast-header: var(--midnightmars-tertiary);
    --toast-contents: var(--midnightmars-secondary);
    --toast-box-shadow: rgba(0, 0, 0, .2);
    --toast-border: var(--midnightmars-tertiary);
    /* ----- Mentions --- */
    --background-mentioned: rgba(68, 109, 83, 0.15);
    --background-mentioned-hover: rgba(68, 109, 83, 0.25);
    --background-mentioned-border: var(--midnightmars-green);
    /* ----- Deprecated --- */
    --deprecated-card-bg: var(--midnightmars-secondary);
    --deprecated-card-editable-bg: var(--midnightmars-secondary);
    --deprecated-text-input-border-disabled: var(--midnightmars-tertiary);
    --deprecated-quickswitcher-input-background: var(--midnightmars-primary);
    --deprecated-quickswitcher-input-placeholder: var(--text-muted);
}
}