Discord Whitewolf (Dark) Opera by jx518

/* ==UserStyle==
@name         Discord Whitewolf (Dark) Opera
@version      20210919.18.43
@namespace    userstyles.world/user/jx518
@description  Discord Whitewolf Darkmode (for Opera)
@author       jx518
@license      No License
==/UserStyle== */

@-moz-document domain("discord.com") {
.theme-dark {
    --header-primary: #cacaca; /*Color of Usernames*/
    --header-secondary: #cacaca;
    --text-normal: #cacaca; /*Color Of Normal Text*/
    --text-muted: #777777;
    --text-link: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    --text-link-low-saturation: hsl(197, calc(var(--saturation-factor, 1)*100%), 52.9%);
    --text-positive: hsl(139, calc(var(--saturation-factor, 1)*66.8%), 58.6%);
    --text-warning: hsl(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%);
    --text-danger: hsl(359, calc(var(--saturation-factor, 1)*82.6%), 59.4%);
    --text-brand: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --interactive-normal: #cacaca;
    --interactive-hover: #fff;
    --interactive-active: #cacaca;
    --interactive-muted: #777777;
    --background-primary: #121212!important; /*Primary Background Color*/
    --background-secondary: #121212!important; /*Secondary Background Color*/
    --background-secondary-alt: #121212!important; /*Basically Tertiary Background Color*/
    --background-tertiary: #0f0f0f; /*Background Tone*/
    --background-accent: #000;
    --background-floating: #18191c;
    --background-mobile-primary: #36393f;
    --background-mobile-secondary: #2f3136;
    --background-modifier-hover: rgba(79, 84, 92, 0.16);
    --background-modifier-active: rgba(79, 84, 92, 0.24);
    --background-modifier-selected: rgba(79, 84, 92, 0.32);
    --background-modifier-accent: hsla(0, 0%, 100%, 0.06);
    --info-positive-text: #fff;
    --info-warning-text: #fff;
    --info-danger-text: #fff;
    --info-help-background: hsla(197, calc(var(--saturation-factor, 1)*100%), 47.8%, 0.1);
    --info-help-foreground: hsl(197, calc(var(--saturation-factor, 1)*100%), 47.8%);
    --info-help-text: #fff;
    --status-warning-text: #000;
    --scrollbar-thin-thumb: #202225;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #cacaca;
    --scrollbar-auto-track: hsl(210, calc(var(--saturation-factor, 1)*9.8%), 20%);
    --scrollbar-auto-scrollbar-color-thumb: #202225;
    --scrollbar-auto-scrollbar-color-track: #2f3136;
    --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15);
    --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-medium: 0 4px 4px rgba(0, 0, 0, 0.16);
    --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
    --logo-primary: #fff;
    --control-brand-foreground: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --control-brand-foreground-new: hsl(235, calc(var(--saturation-factor, 1)*86.1%), 77.5%);
    --background-mentioned: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.1);
    --background-mentioned-hover: hsla(38, calc(var(--saturation-factor, 1)*95.7%), 54.1%, 0.08);
    --background-message-hover: rgba(4, 4, 5, 0.07);
    --channels-default:#cacaca;
    --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    --channeltextarea-background: #40444b;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #8e9297;
    --deprecated-card-bg: rgba(32, 34, 37, 0.6);
    --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 100%, 0.3);
    --deprecated-text-input-bg: rgba(0, 0, 0, 0.1);
    --deprecated-text-input-border: rgba(0, 0, 0, 0.3);
    --deprecated-text-input-border-hover: #040405;
    --deprecated-text-input-border-disabled: #202225;
    --deprecated-text-input-prefix: #ff0000;
}
.barButtonBase-2uLO1z {/*mark as read button*/
    color: #000!important;
}
.unread-1xRYoj {/*unread button (channel list)*/
    background-color: #2a2a2a!important;
}
.lookFilled-1Gx00P.colorBrand-3pXr91 {
    color: #000;
    background-color: var(--brand-experiment);
}
.container-1r6BKw.themed-ANHk51 {
    background: #1a1a1a;
}
.avatarSpeaking-2IGMRN {
    box-shadow: inset 0 0 0 2px #cacaca, inset 0 0 0 3px #cacaca; /*Voice Activity Color*/
}
.container-1KFiob {
 background: #121212;   
}

.botTagRegular-2HEhHi {/*bot tag*/
    background: var(--brand-experiment);
    color: #000; /*bot tag text color*/
}
.wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9, .wrapper-1BJsBx:hover .childWrapper-anI2G9 { /*top left discord icon when active*/
    color: #000;
    background-color: var(--brand-experiment);
}
.container-1r6BKw.themed-ANHk51 {
    background: #151515;
}
.activity-2Gy-9S {
    color: #777777;
}
.scrollableContainer-2NUZem {
   background-color: #000; 
}
.input-2VB9rf {
    background-color: #2a2a2a;
}
.peopleColumn-29fq28 {
    background-color: #000000;
}
.scroller-2ZPeAD {
    background-color: #000000;
}
.theme-dark .footer-3mqk7D { /*send attatchment footer*/
    background-color: #191919;
}
.theme-dark .uploadModal-2ifh8j { /*send attatchment background*/
    background-color: #202020;
}
.unread-1xRYoj { /*Unread Button*/
    background-color: #000000;
}
.itemCard-v9viV7 {
    background: #222222;
    /*background color for "now active" section*/
}
.section-2gLsgF {
    background-color: #000;
    /*background color for activity cards in "now active" section*/
}

.name-23GUGE {
    color: #cacaca;
}

.messagesPopout-24nkyi {
    background: #121212;
}

.scrollerBase-289Jih {
    background: #101010;
}

[data-popout-root], html { /*Blue Buttons*/
    --brand-experiment: #c0c0c0;
    --brand-experiment-560: #777777;
}
}