Loonology by boredlakeyt

/* ==UserStyle==
@name           Pillow Discord
@namespace      USO Archive
@author         PIwwowo
@description    `It is a theme made by Piwwowo#9999 for the websites https://discord.gg and https://discord.com . It is very nice, with a transparent background and fully customizable colors. if you don't enjoy it, tell me! :D`
@version        20200522.1.59
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain(discord.com) {

/* ------BACKGROUND------ */
/*contact me (Piwwowo#9999)*/

body {
    background: url("https://media.discordapp.net/attachments/493090126596145175/713155882212393080/a.png?width=3840&height=2160");
    /*set the bg here*/
    background-size: cover;
}
.appMount-3lHmkl {
    background: rgba(0, 0, 0, 1);
}
/* Variables */
:root {
  --theme-version: 2;
  --main-color: #16356d;
  --hover-color: #1c4faf;
  --online: #43b581;
  --idle: #faa61a;
  --dnd: #f04747;
  --offline: #636b75;
  --invisible: rgba(2,2,3,1);
  --streaming: #643da7;
  --home-color: #eee;
  --home-size: 24px;
  --roundness: 0px;
  --spoiler-blur: 5px;
  --shadow: rgba(0,0,0,.4);
  --alert-display: block;
  --accent: var(--main-color);
}

/*1. Background and Sizing*/
/*1.a. Main Background*/
body::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background-image: url('https://i.redd.it/y6rc2sm425051.jpg');
  background-size: cover;
  background: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  box-shadow:inset 0 0 0 1000px var(--backdrop-darkness);
}
.layer-3QrUeG,
.layers-3iHuyZ,
.container-2lgZY8 {
    background: transparent !important;
}
/*Makes CD compatible with monsters addons*/
.theme-dark,
.appMount-3VJmYg {
    --primary-color: rgba(0,0,0,0.75);
    --secondary-color: rgba(0,0,0,0.6);
    --tertiary-color: rgba(0,0,0,0.4);
    --quaternary-color: rgba(0,0,0,0.7);
}

/*1.b. Spacing*/
.app,
.app-2rEoOp {
    margin: 25px;
    border-radius: 6px;
    overflow: hidden;
}
.container-3gCOGc,
#friends,
.activityFeed-28jde9,
.gameLibrary-TTDw4Y,
.applicationStore-1pNvnv {
    border-radius: 6px !important;
}
.base-3dtUhz {
    border-radius:0 0 0 5px !important;
}

/*1.c. General Transparency*/
#app-mount,
.divider-3gKybi,
.typing-2GQL18,
.typing-2GQL18,
.bg-h5JY_x,
.guild-1EfMGQ .guildInner-3DSoA4 {
    background: transparent !important;
    margin-bottom: 10px;
}

/*1.d. Light Mode Blocker (Based on MasicoreLord's Light Theme blocker, taken with permission). */
.theme-light .layer-3QrUeG:first-of-type::before {
  content: "Light mode will not work with CD! Please use dark mode!";
  text-align:center;
  width: 500px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:rgba(0,0,0,0.75);
  border:1px solid rgba(0,0,0,0.5);
  box-shadow:0 0 12px black;
  color:#fff;
  padding: 20px;
  padding-bottom:80px;
  border-radius: 5px;
}
.theme-light button.button-14-BFJ.enabled-2cQ-u7.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.grow-q77ONN[aria-label="User Settings"] {
    position: absolute;
    left: 47%;
    border-radius: 3px;
    top: 45%;
    transform: translate(-50%, 120%);
    width: 480px;
    height: 40px;
    visibility: visible !important;
    background: var(--main-color) !important;
    box-shadow: 0 0 12px black;
    opacity: 1;
}
.theme-light button.button-14-BFJ.enabled-2cQ-u7.button-38aScr.lookBlank-3eh9lL.colorBrand-3pXr91.grow-q77ONN[aria-label="User Settings"]::before {
    content: "Turn On Dark mode";
    color: white;
    font-weight: bold;
}
.theme-light .side-8zPYf6 .item-PXvHYJ:nth-of-type(19) {
    border:2px solid var(--hover-color);
    color:var(--hover-color);
    background:var(--main-color-faded);
    padding:16px;
    text-align:center;
}
.theme-light .layer-3QrUeG {
  background:var(--backdropblurred) !important;
  background-size:cover !important;
}
.theme-light .layer-3QrUeG:first-of-type * {
  visibility:hidden;
}
/*============== END OF SECTION ============== */

/*2. Titlebar*/
/*2.a. Main Titlebar*/
.wordmark-2iDDfm path {
    display:none;
}
.typeMacOS {
    margin-left:1.25% !important;
    margin-top:-0.3%;
}
#app-mount .wrapper-1Rf91z {
    margin-top:0px !important;
    padding-top:0px !important;
}
.wordmark-2iDDfm:after {
    content: 'discordapp theme by Piwwowo#9999';
    position: absolute !important;
    left: 5px;
    width: 100vw;
    font-family: 'Comfortaa';
    color: rgba(255,255,255,0.8);
    font-size: 19px;
    font-weight: bold;
    margin-top: 6px;
}
.winButtonClose-1HsbF-:active {
    box-shadow:inset 0 0 1000px rgba(0,0,0,0.35);
}
.winButtonMinMax-PBQ2gm:active {
    background:rgba(255,255,255,0.15);
}
.winButton-iRh8-Z:nth-child(3) svg {
    display:none;
}
.winButtonClose-1HsbF-, .winButtonMinMax-PBQ2gm.winButton-iRh8-Z.flexCenter-3_1bcw.flex-1O1GKY.justifyCenter-3D2jYp.alignCenter-1dQNNs {
    width: 45px;
    height: 30px;
    transition: 250ms ease all;
}
.titleBar-AC4pGV .winButton-iRh8-Z:nth-child(3) {
    background-image: url(https://cdn.discordapp.com/attachments/696519722514120737/712399117522829312/unknown.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
}
.winButtonClose-1HsbF-:hover:after {
    content:'Close';
    position:absolute;
    top:40px;
    color:#dcddde;
    background:inherit;
    border-radius:5px;
    animation: fadetop 150ms;
    padding:8px 12px;
    font-size:14px;
    font-weight:500;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
    right:2px;
}
.titleBar-AC4pGV .winButton-iRh8-Z:nth-child(3):hover:after {
    content:'Maximize';
    position:absolute;
    top:40px;
    color:#dcddde;
    background:var(--main-color);
    padding:8px 12px;
    border-radius:5px;
    filter:none !important;
    animation: fadetop 150ms;
    font-size:14px;
    font-weight:500;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}
.winButton-iRh8-Z:nth-of-type(4):hover:after {
    content:'Minimize';
    background:var(--main-color);
    position:absolute;
    top:40px;
    color:#dcddde;
    padding:8px 12px;
    border-radius:5px;
    opacity:1;
    animation: fadetop 150ms;
    font-size:14px;
    font-weight:500;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}

/*============== END OF SECTION ============== */

/*3. Chat*/
/*3.a. Messages and Codeblocks*/

.buttons-cl5qTG.container-3npvBV {
    margin-top: 32px;
}
.buttons-cl5qTG.container-3npvBV {
    box-shadow: none;
}
.buttons-cl5qTG.container-3npvBV:hover {
    color: white;
    border-radius: 5px;
}
.separator-42rNt0 {
    display: none;
}
.emojiButton-jE9tXC.button-1ZiXG9 {
    display: none;
}
.wrapper-2aW0bm:hover {
    box-shadow: none;
}
.message-2qnXI6.cozyMessage-3V1Y8y.wrapper-2a6GCs.cozy-3raOZG.zalgo-jN1Ica {
    background: rgba(0, 0, 0, 0.25);
    margin: 3px 20px 0px 20px;
    border-radius: 8px;
}
.message-2qnXI6.cozyMessage-3V1Y8y.groupStart-23k01U.wrapper-2a6GCs.cozy-3raOZG.zalgo-jN1Ica {
    margin: 10px 20px 0px 20px;
}
.markup-2BOw-j.messageContent-2qWWxC {
    margin: 0px 0px 4px -70px;
}
.da-containerCozy .inner-zqa7da {
    background:rgba(0,0,0,0.25) !important;
}
.messageCozy-2JPAPA .image-33JSyf {
    border-radius:var(--chat-avatar-roundness) !important;
}
.operations-36ENbA>a {
    color:var(--hover-color) !important;
}
.containerCozy-jafyvG {
    background: rgba(0,0,0,0.4);
    margin: 15px 15px 0 25px;
    border-radius: 5px;
}




/*seun is so toxic*/

.container_d667ff, .container_ca50b9 {
    background: radial-gradient(#01142A 50%, #020520 100%) !important;
}



.isLocalBot-38G0P0 {
    background:transparent !important;
    box-shadow:none !important;
}
.message-2qRu38 {
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}
.markup-2BOw-j pre {
    background:transparent !important;
    border-radius:5px !important;
}
.markup-2BOw-j code {
    background:rgba(0,0,0,0.5) !important;
    border-radius:5px !important;
}
.messageGroupBlocked-3wrQQX.revealed-1_RKsf {
    border:none !important;
}
.messageGroupBlocked-3wrQQX {
    background:rgba(0,0,0,0.5) !important;
    border:none !important;
}
.messageGroupBlockedBtn-1PBBh- {
    background:transparent !important;
}
.option-1l2vXE .lookFilled-1Gx00P.colorGreen-29iAKY {
    background:var(--main-color) !important;
}

/*3.b. Dividers*/
.unreadBar-3YD_k9 {
    background:var(--main-color);
}
.content-1o0f9g {
    color: white;
    border-radius: 5px;
    background-image: linear-gradient(45deg, var(--gradient1), var(--gradient2));
    padding: 8px 20px;
}
.divider-3_HH5L.hasContent-1_DUdQ.divider-JfaTT5.hasContent-1cNJDh {
    border: none;
    margin-bottom: 24px;
}
span.content-1o0f9g {
    position: absolute;
    left: 80px;
}
.newMessagesBar-mujexs button {
    color:#fff !important;
}
.divider-3gKybi {
    padding-top: 10px;
}
.dividerContent-2L12VI:before,
.dividerContent-2L12VI:after,
.dividerEnabled-2TTlcf {
    display:none;
}
.da-newMessagesBar {
    background:var(--hover-color) !important;
    box-shadow:0 0 12px rgba(0,0,0,.5) !important;
    border-radius:5px !important;
    transition:150ms all ease;
    width:fit-content;
    height:30px;
    animation: slide-up 200ms ease !important;
    margin-top:3px !important;
}
.da-newMessagesBar:hover {
  box-shadow:0 0 12px rgba(0,0,0,.5), inset 0 0 10000px rgba(0,0,0,0.25) !important;
}
.da-newMessagesBar:before {
  content:'';
  width:25px;
  height:30px;
  transform:scale(0.8);
  left:2px;
  -webkit-mask:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFySURBVEhL7de/K0ZRHMfxmx8D5WcZWEQZDBZGg5RNMclCKYv/gCz+BQOLxeDHYGAxKJkslP/AIGIikSjkx/tze04dp+s+91wndev51Gs457nnfp/b9z73nifKkVZs4B7nmMW/ZB9fjjEETRVaLJ1QoTu0Ya403oN9XANypRHreIJ9ZcYDerFozbkuMAWvbEKL36BeGo9wC8g77OP0xTT/iSFkSg1eSto1YaUPblE5hpsF6LOVeJQhTdCCy3j0M/U4gX11t5iHm1HoPFvxKEPSCvukUrhsfivcjO4UXaiGSZDCmjM/kTRrMAlSuBa7OCvDfm4Xv8cdGHD0ow5J...