//META{"name":"Clear Discord","description":"A nice and clean theme with blue highlights","author":"Dddsasul","version":"2.0.3"}*//

/*Transparency*/
#voice-connection,
#friends,
.friends-header,
.friends-table,
#app-mount .guildsWrapper-5TJh6A,
.guild-header header,
.channels-wrap,
.private-channels .search-bar,
.private-channels,
.guild-channels,
.account,
.friend-table-add-header,
.chat-3bRxxu,
.content-yTz4x3,
.title-wrap:not(.search-bar),
.messagesWrapper-3lZDfY,
.messages-3amgkR .divider-3gKybi span,
.messages-3amgkR .divider-3gKybi:before,
.content-yTz4x3,
.messageGroupBlocked-3wrQQX,
.is-local-bot-message,
.channel-members-loading,
.channel-members-loading .heading,
.channel-members-loading .member,
.typing,
.wrapper-2NJDcI,
#app-mount .search-results-wrap,
.container-RYiLUQ,
/*#app-mount .ui-standard-sidebar-view,
#app-mount .ui-standard-sidebar-view .sidebar-region,
#app-mount .ui-standard-sidebar-view .content-region,*/
#app-mount .channel-members,
.container-2OU7Cz,
#app-mount .chat-3bRxxu form,
.channels-3g2vYe,
#app-mount .friends-table,
#app-mount .messagesWrapper-3lZDfY,
.content-yTz4x3 .flex-spacer,
#app-mount .chat-3bRxxu>.content-yTz4x3,
#app-mount .chat-3bRxxu,
.channel-members,
.search .search-bar,
.container-iksrDt,
.container-3lnMWU,
#app-mount .title-qAcLxz,
#app-mount .typing-3eiiL_,
#app-mount .activityFeed-HeiGwL,
#app-mount .activityFeed-28jde9,
#app-mount .search-results-wrap .search-header,
#app-mount .searchAnswer-3Dz2-q,
#app-mount .searchFilter-2ESiM3,
#app-mount .cardPrimary-1Hv-to,
#app-mount .card-7JP0BX,
#app-mount .header-1RC2Wb,
#app-mount .wrapper-35wsBm,
.selectorSelected-1_M1WV,
#app-mount .headerBar-cxbhPD,
#app-mount .lfg-3xoFkI,
.video-3lOWa6,
#app-mount .private-channel-call,
.appMount-3VJmYg,
.container-2lgZY8,
.channels-Ie2l6A,
.container-PNkimc,
.container-2Thooq,
#app-mount .title-3qD0b-,
#app-mount .typing-2GQL18,
.search-bar.search-bar-light,
.emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S,
#app-mount .members-1998pB,
#dv-mount,
#app-mount .layer-3QrUeG,
#app-mount .layers-3iHuyZ,
#app-mount #memberCount,
#app-mount .gameLibrary-TTDw4Y,
#app-mount .headerBar-UHpsPw {
  background: transparent !important;
}
/* Make The Image Darker */
.layer {
    background: transparent !important;
    /* background: rgba(0, 0, 0, 0.1) !important; */
}

/* Settings Image */
.ui-standard-sidebar-view {
    background: url(http://i.imgur.com/LRa2DkW.png) !important;
    background-size: cover !important;
}
/* Also Settings */
.sidebar-region, .content-region {
    background: transparent !important;
}

.layers, .appMount-14L89u, .layer-kosS71, .layers-20RVFW {
    background: transparent !important;
}

/* Background Image URL Must be HTTPS */
body {
    /*background: url(https://i.imgur.com/uTVZzkC.jpg) !important;*/
    background: url(https://giant.gfycat.com/DecisiveSorrowfulGuineapig.gif) !important;
    background-size: cover !important;
    height: 100vh !important;
    background-repeat: no-repeat !important;
}

#app-mount .guildsWrapper-5TJh6A {
    background: transparent !important;
}

.private-channels, .search-bar {
    background: transparent !important;
}

#friends, .friends-header, .friends-table {
    background: transparent !important;
}

/* ===================================================== */
/* Scrollbar */
::-webkit-scrollbar-thumb {
	border:transparent !important;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(91, 187, 255), rgba(0, 0, 0, 0)) !important;
}
/* Also Scrollbar */
::-webkit-scrollbar-track {
    background: linear-gradient(0deg, rgba(91, 187, 255, 0.4) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(91, 187, 255, 0.4) 100%) !important;
}
/* Some Other Scrollbar Thingy */
::-webkit-scrollbar {
    width: 7px !important;
}
/* Another Scrollbar Thingy*/
::-webkit-scrollbar-track-piece {
	border: transparent !important;
	background: transparent !important;
}
/* ===================================================== */

/* Channels section */
.channels-wrap, .flex-lFgbSz {
	background: transparent !important;
}

/* Top Bar, Bottom Bar, Messages, Member List, Form, Channels */
.content-yTz4x3, .chat-3bRxxu, .messagesWrapper-3lZDfY, .scroller-fzNley, form, .channels-3g2vYe {
    background: transparent !important;
}

/* Selected Text Chanel */
.contentSelectedText-3j5CXt {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(41, 137, 216, 0.4)) !important;
}
/* Selected Text Chanel Hovered */
.contentSelectedText-3j5CXt:hover {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(41, 137, 216, 0.4)) !important;
}
/* Hovered Text Channel */
.contentHoveredText-2HYGIY {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
}

/* Unread Messages */
.unread-23Kvxk {
    position: absolute;
    left: 10px;
    top: 30px;
    height: 1px;
    width: 90%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(91, 187, 255), rgba(0, 0, 0, 0));
    opacity: 1 !important;
    animation: unread 3s ease-out infinite !important;
}

.guild.unread:before {
    background: rgba(91, 187, 255, 0.7) !important;
    animation: unread 3s ease-out infinite !important;
}

/* Mentions Indicator */
.wrapper-2xO9RX, .badge {
    background: rgb(41, 137, 216);
    animation: mentions 3s infinite !important;
}

/* New Mentions Indicator */
.new-messages-indicator {
    background: linear-gradient(90deg, black, rgb(91, 187, 255), black) !important;
}

.newMessagesBar-mujexs {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
}

/* Text Input Enabled */
.innerEnabled-gLHeOL, .innerEnabledNoAttach-36PpAk {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
}
/* Text Input Disabled */
.innerDisabled-1hSPu_ {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(91, 187, 255, 0.2), rgba(0, 0, 0, 0.2)) !important;
}

.jumpToPresentBar-9P20AM {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
}

/* Newe Messages Divider */
.divider-3gKybi .dividerRed-MKoLlr:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
}
/* Also Newe Messages Divider */
.divider-3gKybi .dividerRed-MKoLlr > div {
    background: transparent !important;
}
/* Some More Newe Messages Divider */
.divider-3gKybi .dividerRed-MKoLlr > span {
    background: rgb(11, 107, 186) !important;
    color: rgb(91, 187, 255) !important;
    animation: mentions 3s infinite !important;
}
/* Divider */
.divider-3gKybi:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
}
/* Some More Divider */
.divider-3gKybi > div {
    background: transparent !important;
}
/* Even More Divider */
.divider-3gKybi > span {
    background: rgb(68, 94, 115) !important;
    color: rgb(91, 187, 255) !important;
}

/* Loading More Messages */
.loading-more {
    border: transparent !important;
    background: transparent !important;
}
/* Also Loading More Messages */
.hasMore-3e72_v > button {
    color: rgb(91, 187, 255) !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
}

/* Mention */
.mentioned > .body > .message-text {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.4) 0%, rgba(0, 0, 0, 0) 70%) !important;
}
#app-mount .isMentioned-N-h9aa {
	background: linear-gradient(90deg, rgba(91, 187, 255, 0.4) 0%, rgba(0, 0, 0, 0) 70%) !important;
}
#app-mount .isMentioned-N-h9aa:after {
	background: rgb(41, 137, 216) !important;
	border-color: rgb(41, 137, 216) !important;
}
/* Also Mention */
.mentioned > .body > .message-text:after {
    background: rgb(41, 137, 216) !important;
    border-color: rgb(41, 137, 216) !important;
}

/* ``` Code Comment */
.hljs {
    background:  rgba(91, 187, 255, 0.2) !important;
    border: 1px solid rgba(91, 187, 255, 0.4) !important;
    border-radius: 5px !important;
}
/* Idem */
.markup > pre {
    background: transparent !important;
    border: transparent !important;
}
.inline
{
    background:  rgba(1, 97, 165) !important;
}

/* DM Friends Menu */
.btn-friends > a {
    background: transparent !important;
    border: 2px solid rgba(41, 137, 216, 0.3) !important;
}
/* Same */
.btn-friends.selected > a {
    background: transparent !important;
    border: 2px solid rgba(101, 197, 276, 0.5) !important;
}

.channel.private > a:hover {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
}

.friends-row:hover {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
}

/* Friends Buttons Right */
.friends-action {
    background-color: rgb(41, 137, 216) !important;
}

/* Friends Top Bar Selected Item */
.tab-bar-item.selected, .tab-bar-item-primary {
    background: rgb(41, 137, 216) !important;
}

/* Private Chanel Selected Chat */
.channel.selected.private > a {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(41, 137, 216, 0.4)) !important;
}
/* ^^ */
.channel.selected.private > a:hover {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(41, 137, 216, 0.4)) !important;
}

/* User Profile Popout Top */
.headerNormal-1cioxU {
    background: rgb(41, 137, 216) !important;
}
/* User Profile Popout Profile Border */
.avatar-1BXaQj {
    border-color: rgb(101, 197, 255) !important;
}
/* User Profile Popout Middle */
.body-3rkFrF {
    background: rgb(60, 60, 60) !important;
    box-shadow: 0 -6px 6px rgba(0, 0, 0, 0.2) !important;
    border: transparent !important;
}
/* User Profile Popout Down */
.footer-2J5zqP {
    background: rgb(60, 60, 60) !important;
}
/* User Profile Note */
.note > textarea:focus {
    background: rgb(60, 60, 60) !important;
}

/* Friends Icon */
.friends-icon {
    background-color: rgb(1, 97, 176) !important;
}
/* Same But Hover */
.friends-icon:hover {
    background-color: rgb(41, 137, 216) !important;
}

/* Modal Menu */
.modal-3HOjGZ {
    background-color: rgb(41, 137, 216) !important;
}

/* Some Popout Menu */
.menu-3BZuDT {
    background-color: rgb(41, 137, 216) !important;
}
.item-rK1j5B {
    color: white !important;
    transition: 0.4s !important;
}
.item-rK1j5B:hover {
    background: rgba(0, 0, 0, 0.4) !important;
}
.item-rK1j5B.invite-YM1l0n {
    color: rgb(91, 187, 255) !important;
}
.item-rK1j5B.leave-2bjeRM {
    color: rgb(255, 97, 31) !important;
}
.icon-3ICDZz {
    background-color: white !important;
    border-radius: 5px !important;
    border: 3px solid white !important;
}
.separator-1hpa3S {
    display: transparent !important;
}
/* Ends Here */

/* Member List Hover */
.channel-members > .member:hover {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
}

/* NSFW Section */
.buttonBrandFilledDefault-2Rs6u5
{
    background-color: rgb(41, 137, 216) !important;
}

.buttonPrimaryOutlinedDefault--H0hhk
{
    border-color: rgb(41, 137, 216) !important;
    color: rgb(41, 137, 216) !important;
}

.title-2mmhgH
{
    color: rgb(41, 137, 216) !important;
}
/* End NSFW */

/* Is Typing */
.typing-3eiiL_
{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
}

/* Users Loading Side-pannel */
.channel-members-loading, .channel-members-loading > .member, .channel-members-loading > .heading
{
    background: transparent !important;
}

/* Settings Cards */
.cardPrimary-ZVL9Jr, .cardPrimaryEditable-2IQ7-V
{
    background:  rgba(91, 187, 255, 0.2) !important;
    border: 1px solid rgba(91, 187, 255, 0.4) !important;
}

/* Settings Sliders */
.barFill-18ABna
{
    background-color: rgb(41, 137, 216) !important;
}
.bar-2cFRGz
{
    background-color: rgb(1, 57, 136) !important;
}

/* Settings Switch */
.valueChecked-3Bzkbm
{
    background-color: rgb(41, 137, 216) !important;
}

/* Settings Selected Tab */
.selected-eNoxEK
{
    background: rgb(41, 137, 216) !important;
}
.notSelected-PgwTMa:hover
{
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(41, 137, 216, 0.4)) !important;
}
.notSelected-PgwTMa
{
    color: white !important;
}

/* Settings Account Button */
.accountBtnInner-3zsU2z
{
    background-color:  rgb(41, 137, 216) !important;
    border: 2px solid rgba(91, 187, 255) !important;
}

/* User Profile Modal */
/* ==================================================================================================== */
#user-profile-modal > .scroller-wrap, #user-profile-modal > .empty {
    background: rgb(60, 60, 60) !important;
}
#user-profile-modal > .scroller-wrap > .guilds {
    background: transparent !important;
}
.tab-bar-container {
    background: rgb(41, 137, 216) !important;
    border-color: rgb(121, 217, 255) !important;
}
.tab-bar-item {
    color: rgb(121, 217, 255) !important;
}
.tab-bar-item.selected {
    color: white !important;
    border-color: white !important;
}
#user-profile-modal > .scroller-wrap > .guilds > .guild:hover {
    background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
}
#user-profile-modal > .header {
    background: rgb(41, 137, 216) !important;
}
#user-profile-modal > .header:after {
    background: transparent !important;
}
#user-profile-modal > .avatar-wrapper {
    background-color: rgb(41, 137, 216) !important;
}
#user-profile-modal > .header > .header-info > .header-info-inner > .discord-tag, #user-profile-modal > .header > .header-info > .header-info-inner > .discord-tag > .discriminator, #user-profile-modal > .header > .header-info > .header-info-inner > .activity{
    color: white !important;
}
/* ==================================================================================================== */

@keyframes unread {
    0%{opacity: 0.3;}
    50%{opacity: 1;}
    100%{opacity: 0.3;}
}

@keyframes mentions {
    0%{border: 1px solid rgba(41, 137, 216, 0);}
    10%{border: 1px solid rgb(41, 137, 216);}
    20%{border: 1px solid rgb(51, 147, 226);}
    30%{border: 1px solid rgb(81, 177, 255);}
    40%{border: 1px solid rgb(101, 197, 255);}
    50%{border: 1px solid rgba(101, 197, 255, 0);}
    100%{border: 1px solid rgba(41, 137, 216, 0);}
}
/* =================================================================================================== */
#app-mount .markup-2BOw-j code,
#app-mount .markup-2BOw-j code.inline {
	background: rgba(10, 0, 255, 0.1);
}
.containerCozy-jafyvG {
	overflow: visible;
}
/* mouse over link */
.contentHoveredText-2D9B-x {
    background-color: transparent;
}
.subText-V8PTt8,
.theme-dark .userSettingsAccount-2eMFVR .viewBody-2Qz-jg {filter: blur(4px);transition: .3s ease}
.subText-V8PTt8:hover,
.theme-dark .userSettingsAccount-2eMFVR .viewBody-2Qz-jg:hover {filter: blur(0); transition: .3s ease}
.theme-dark .gamePreview-9weYR2,.theme-dark .body-1SVoBw {background:rgba(0, 0, 0, 0.9)}