Gaia.theme.css

//META{"name":"Gaia","description":"A transparent theme with altered elements.","author":"Gimo","version":"1.5"}*//
.app{
	background: url("https://i.imgur.com/OXncnhS.jpg");
	background-size: cover;
}
.layers, .layer { background: transparent !important; }
/* misc */
.message-group .avatar-large{
 border-radius: 10px; 
    width: 50px;
    height: 50px;
    background-size: cover;
}
.scroller-wrap .scroller::-webkit-scrollbar, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
   background: rgba(0,0,0,.3) !important;
   border-radius: 0;
    border: 0 ;
}
 
.scroller-wrap .scroller::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1) !important;
    border-radius: 0;
    
}
 
.scroller-wrap .scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.6) !important;
    border-radius: 0;
    border: 0;
}


/* account */
.container-iksrDt .avatar-small{
 width: 40px;
    height: 40px;
  border-radius: 5px;
    background-size: cover;
    background-color: rgba(0,0,0,.2);
}
.account{
padding-left: 0;  
    overflow: hidden;
}
.account .account-details{
 padding-left: 0;
    margin-left: -3px;
}
.account .status{
 position: absolute;
    left: -38px;
    height: 100%;
    top: 0;
    border: 0;
    opacity: 1;
    padding: 20px;
    border-radius: 0;
}
.status-text,
.helper,
.popout-menu .popout-menu-separator,
.status-picker .popout-menu-item .status-icon-text,
.theme-dark .channel-members-loading .member,
.theme-dark .channel-members-loading .background,
.theme-dark .channel-members-loading .heading,
.search-popout .option:after,
.theme-dark .search-results-wrap .search-result:after,
.theme-dark .search-results-wrap .search-result:before,
.theme-dark .search-results-wrap .channel-separator:before{
 display: none;   
}
/* popout */
.popout{
 box-shadow: none;
    text-align: center;
}
.popout.popout-bottom:not(.no-arrow), .popout.popout-bottom-right{
 top: 42px !important;   
}
.popout-menu .popout-menu-item .popout-menu-icon{
    margin-right: 2px;
    margin-left: 0;
}
.popout-menu{
 background: transparent;
   border-radius: 0;
    padding: 0px;
    width: 240px;
    background-color: rgb(50,50,50);
}
.popout.popout-top, .popout.popout-top-right{
 margin-top: 4px;   
}
.status-picker{
 margin-bottom: 4px;
}
.status-picker .popout-menu-item{
 display: inline-block;
    width: 25%;
    height: 30px;
}
.status-picker .popout-menu-item:nth-of-type(1){
 background-color: #43b581;
    background-image: url("https://i.imgur.com/aSrallN.png");
    background-repeat: no-repeat;
    background-position: center;
}
.status-picker .popout-menu-item:nth-of-type(3){
 background-color: #faa61a;   
    background-image: url("https://i.imgur.com/aRLIO1s.png");
    background-repeat: no-repeat;
    background-position: center;

}
.status-picker .popout-menu-item:nth-of-type(4){
 background-color: #f04747;   
    background-image: url("https://i.imgur.com/ePsaFEf.png");
    background-repeat: no-repeat;
    background-position: center;

}
.status-picker .popout-menu-item:nth-of-type(5){
 background-color: #747f8d;   
    background-image: url("https://i.imgur.com/gxJLFK6.png");
    background-repeat: no-repeat;
    background-position: center;

}
.status-picker .popout-menu-item:hover{
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.3);
}
.popout-menu .popout-menu-item-label{
 display: none;   
}
.popout-menu .popout-menu-item{
 width: 20%;
    display: inline-block;
    background: rgb(50,50,50);
    margin: auto 0;
}
/* guild-wrapper */
.guilds-wrapper .guilds .guild{
 border: 2px solid white;
    border-radius: 100%;
    padding: 3px;
}
.guilds-wrapper .guilds .guild.unread{
 border-color: black;   
}
.guilds-wrapper{
 padding-right: 0;
}
.guilds-wrapper .guilds::-webkit-scrollbar{
 display: none;   
}
.guilds-wrapper .guilds .guild .guild-inner,
.guilds-wrapper .guilds .guild .guild-inner a{
 border-radius: 7px !important;
}
.guilds-wrapper .guilds .guild,
.guilds-wrapper .guilds .guild .guild-inner,
.guilds-wrapper .guilds .guild .guild-inner a{
    border-radius: 10px; 
    padding: 0;
    border: 0;
}
.guilds-wrapper .guilds .guild .guild-inner a:hover{
    box-shadow: inset 1px 0 10px 5px rgba(0,0,0,.3) !important;
}

.badge{
max-width: 14px;
max-height: 14px;
border-radius: 100%;
text-align: center;
    color: black;
    background: white;
}
/* transparent shit */
.theme-dark .chat>.content, 
.theme-dark .friends-table,
.theme-dark .chat form .typing,
.form .form-header,
.form .form-inner,
#instant-invite-modal .form-actions,
.theme-dark .message-group .comment .markup pre,
#user-profile-modal .avatar-wrapper,
.bda-dark #bda-qem,
.theme-dark .ui-standard-sidebar-view,
.theme-dark .friends-table .messages .message-group-blocked.revealed,
.theme-dark .messages-wrapper .messages .message-group-blocked.revealed,
.theme-dark .friends-table .messages .message-group-blocked,
.theme-dark .messages-wrapper .messages .message-group-blocked,
.theme-dark .chat .jump-to-present-bar,
.popout-menu .popout-menu-item,
.private-channels .channel.selected a
{
 background: transparent;   
}
.theme-dark .messages-wrapper,
.theme-dark .chat,
.account, 
.channels-wrap,
.guild-header header,
.theme-dark .channel-textarea-autocomplete-inner ul li.active,
.bda-dark #bda-qem button,
.theme-dark .message-group .comment .markup .mention,
.popout section,
.upload-modal,
.theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn,
.theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn,
.theme-dark .chat .jump-to-present-bar:hover,
.contentSelectedText-3j5CXt,
.contentHoveredText-2HYGIY, 
.contentHoveredVoice-3qGNKh:active, 
.contentSelectedVoice-gTtYM9:active,
#user-profile-modal .empty
{
 background: rgba(0,0,0,.3);   
}
.theme-dark .channel-members,
.guilds-wrapper,
.guild-channels,
.guild-channels .channel-text.selected,
.account .btn-deafen,
.account .btn-mute,
.account .btn,
.guild-channels .channel-text:hover,
.guild-header header:hover,
.guild-header.popout-open header,
.theme-dark .invite-button,
.instant-invite-modal,
.chat .new-messages-bar,
.user-popout .body,
.note textarea:focus,
.theme-dark .message-group .comment .markup code.inline,
.theme-dark .message-group .comment .markup pre code,
.theme-dark .channel-textarea-inner,
#user-profile-modal .header,
#user-profile-modal .header:after,
#user-profile-modal .tab-bar-container,
#user-profile-modal .scroller,
.markdown-modal,
.theme-dark .channel-textarea-autocomplete-inner,
.theme-dark .channel-textarea-autocomplete-inner header,
.bda-dark .emoji-picker,
.bda-dark #bda-qem-favourite-container,
.bda-dark #bda-qem-twitch-container,
.bda-dark .emoji-picker .header .search-bar,
.bda-dark #bda-qem button:hover,
.bda-dark #bda-qem button.active,
.private-channels,
.search-bar,
.theme-dark #friends,
.theme-dark #friends .friends-header,
.private-channels .channel:hover,
.private-channels .channel.selected,
.theme-dark #friends .friends-header 
.tab-bar .tab-bar-item.tab-bar-item-primary,
.theme-dark #friends .friends-table .friends-row:hover,
.theme-dark .search-answer,
.theme-dark .search-filter,
.search-popout,
.search-popout .option.selected,
.theme-dark .search-results-wrap .search-header,
.theme-dark .search-results-wrap,
.theme-dark .search-results-wrap .channel-separator .channel-name,
.theme-dark .ui-standard-sidebar-view .sidebar-region,
.theme-dark .ui-card-primary,
.ui-standard-sidebar-view .bda-slist li,
.ui-standard-sidebar-view .bda-slist .bda-right button,
.deprecated-settings-modal .settings-inner,
.deprecated-settings-modal .settings-actions,
.radio .radio-inner span:after,
.form .form-header,
.form .form-inner,
.form .form-actions,
.theme-dark .themed-popout,
.theme-dark .themed-popout .header,
.theme-dark .messages-popout-wrap .messages-popout .message-group,
.theme-dark .message-group .comment .markup .mention:hover,
#rtc-connection,
#rtc-connection .btn,
#instant-invite-modal .copy,
.popout header,
.deprecated-settings-modal .settings-header,
#rtc-debug-modal #users-section .user-list li:hover,
.theme-dark.context-menu,
.theme-dark.context-menu .item:hover,
.theme-dark.context-menu .item-subMenu,
.theme-dark.context-menu .context-menu,
.checkbox .checkbox-inner input[type=checkbox]:checked+span,
.need-help-modal .header,
.need-help-modal .footer,
.theme-dark .channel-members .member:not(.disabled).popout-open,
.theme-dark .channel-members .member:not(.disabled):hover,
.quickswitcher.dark,
.keybind-shortcut.dark span,
.slider-bar-fill,
.upload-modal .footer,
.upload-modal .footer .button,
.chat .jump-to-present-bar button:first-child,
.small-popout-box,
.theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn:hover,
.theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn:hover,
.chat .jump-to-present-bar button:last-child,
.theme-dark .channel-textarea-guard .countdown-number,
.container-RYiLUQ,
.popout-menu,
.wrapper-2ldvyE,
#bd-settings-sidebar .ui-tab-bar-item.selected,
.itemDefaultSelected-1UAWLe
{
 background: rgba(0,0,0,.7);   
}
.private-channel-call,
.ui-video{
 background: rgba(0,0,0,.5) !important;   
}
/* user list */
.channel-members .member{
    padding: 0;
    transition: 1s;
    border-radius: 0;
    background: rgba(0,0,0,.5);
}
.channel-members .member .avatar-small{
 border-radius: 0;
    padding: 5px;
    background-size: cover;
}

.theme-dark .channel-members .avatar-small .status,
.theme-dark .channel-members .avatar-small .status .status-typing
{
 border: 0px;
    border-radius: 0px;
    position: absolute;
    top: 0px;
    left: -5px;
    transform: rotate(90deg);
    width: 100px !important;
    vertical-align: center;
}
.spinner{
 display: none;
}
.channel-members .member .member-activity,
.channel-members .member .member-username-inner{
    margin-left: 4px
}
.theme-dark .channel-members h2{
	margin: 0;
    margin-top: 20px;
    background: rgba(0,0,0,.7);
}
.message-group .comment .markup{
color: red;
}
/* user modal */
.body .member-roles{
 max-height: 230px;
 overflow-y: scroll;
 background: rgba(0,0,0,.5);
        
}
.body .member-roles::-webkit-scrollbar{
background: rgba(255,255,255,.1);  
}
.avatar-profile .status{
 border-color: transparent;
 border-radius: 0px;
    position: relative;
        left: -45px;
    top: -45px;
    height: 90px;
    width: 90px;
    transform: rotate(45deg);
}
#user-profile-modal .avatar-wrapper{
    position: absolute !important;
    top: 0;
    left: 0;
}
#user-profile-modal .actions .btn.add-friend{
	font-size: 0px ;
    background: white !important;
    background-size: 50px;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    background-position: 5px 18px;
    fill: white !important;
    position: absolute;
    bottom: -55px;
    left: 0;
    border-radius: 0px 100% 0px 0px;
}
#user-profile-modal .actions .btn.add-friend::before{
 	content: "+";
    font-size: 90px;
    color: black;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    left: 2px;
    z-index: 10000;
}
#user-profile-modal .actions .btn.add-friend::after{
 content: "Send Friend Request";
    font-size: 13px;
    text-align: center;
    vertical-align: top;
    color: transparent;
    background: trasnparent;
    width: 50px;
    height: 20px;
    line-height: 20px;
    position: relative;
    bottom: -15px;
    left: 20px;
    display: inline-block;
    text-decoration:inherit;
    transition: 1s;
}
#user-profile-modal .actions .btn.add-friend:hover::after{
    width: 140px;
 background: white;
 content: "Send Friend Request" !important;
 color: black !important;
}
#user-profile-modal .guilds .guild{
 transition: 1s;   
}
#user-profile-modal .guilds .guild:hover{
 background: transparent;
 margin-left: 20px !important;
}
#user-profile-modal .tab-bar .tab-bar-item{
    color: white !important;
    border-bottom-color: white !important;
    opacity: 0.6;
}
#user-profile-modal .tab-bar .tab-bar-item.selected{
 opacity: 1;   
}
/* autocomplete in modal */
.theme-brand .inner-3if5cm,
.theme-brand .autocomplete-1TnWNR{
 background: rgba(0,0,0,.5);   
}
.theme-brand .autocomplete-1TnWNR *{
 color: white;   
}
.theme-brand .selectorSelected-2M0IGv{
background: transparent;
    margin-left: 10px;
    transition: 1s;
}
/* misc */
.guild-channels .channel-text.selected:before,
.guild-channels .channel-text:hover.channel-muted:before,
.guild-channels .channel-text:hover:not(.unread):before,
.private-channels .channel.selected:before,
.private-channels .channel:hover:before{
 border-color: white;   
}
.channel-text-area-default [class*="inner-"],  /* The chat bar */
.channel-text-area-default [class*="autocomplete-"], /* Auto complete wrapper */
.channel-text-area-default [class*="autocompleteInner-"], /* Auto complete container */
.channel-text-area-default [class*="selectorSelected-"] { /* Selected item in auto complete */
    background-color: rgba(0,0,0,.6); }
.channel-text-area-default [class*="textArea-"], /* Text in chat bar */
.channel-text-area-default [class*="selector-"] [class*="marginLeft8-"] { /* User names in auto complete */
    color: white; }
.chat .new-messages-bar button:last-child,
.note textarea,
.user-popout .body .section .label,
.upload-modal .footer .button-primary,
.modal-content .form-inner p{
 color: white   
}
.chat .new-messages-bar:hover{
 background: black;   
}
.theme-dark .channel-members h2{
 color: white;
    text-align: center;
    background: rgba(0,0,0,.5);
    padding: 10px
}
.theme-dark .friends-table .messages .divider.divider-red>span,
.theme-dark .messages-wrapper .messages .divider.divider-red>span,
.theme-dark .friends-table .messages .divider:before, .theme-dark .friends-table .messages .divider span, .theme-dark .messages-wrapper .messages .divider:before,
.theme-dark .messages-wrapper .messages .divider span{
 color: white;
     background: black;
}
.theme-dark .friends-table .messages .divider.divider-red>div,
.theme-dark .messages-wrapper .messages .divider.divider-red>div,
.theme-dark .friends-table .messages .divider:not(.red) div,
.theme-dark .messages-wrapper .messages .divider:not(.red) div{
 background: white;   
}
.theme-dark .channel-members-loading{
 background-color: rgba(0,0,0,.9);
    background-image: url("https://i.imgur.com/Y7ai9WP.gif");
        background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.user-popout .header,
.user-popout .footer{
 background: rgba(0,0,0,.9);
    border: none;
}
.user-popout .body .section .label .icon{
 display: none;
}
.user-popout .body .section .label{
 padding-left: 5px;
}
.user-popout .avatar-wrapper .avatar-popout,
.tab-bar.SIDE .tab-bar-item:before,
#rtc-debug-modal #users-section .user-list li:hover:before{
 border-color: white;   
}
.bda-dark .emoji-picker .category,
.theme-dark #friends .friends-header .tab-bar 
.tab-bar-item.tab-bar-item-primary:hover:not(.selected),
.theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected .badge{
 background: black;
    color: white;
}
.guilds-wrapper .guilds .guild .guild-inner{
 background: #444 !important;   
}
.theme-dark #friends .friends-table .friends-row
.friends-column-actions .friends-action{
 background-color: rgba(0,0,0,.5);   
}
.theme-dark .search-results-wrap .search-result .hit{
 box-shadow: none;
    background: rgba(0,0,0,.6);
    border-color: transparent !important;
}
.theme-dark .search-results-wrap .channel-separator .channel-name{
 padding: 10px; 
}
.search-results-wrap .channel-separator{
 text-align: center;   
}
.theme-dark .ui-standard-sidebar-view .content-region{
 background: rgba(0,0,0,.5);   
}
.ui-tab-bar.SIDE .ui-tab-bar-item.selected,
.ui-tab-bar.SIDE .ui-tab-bar-item:active,
.ui-button.brand.filled,
.theme-dark .ui-card-primary.editable,
.tooltip{
color: black;
    background: rgba(255,255,255,.8);
}
.ui-button.brand.filled:hover,
{
 background: white;   
}
.ui-tab-bar.SIDE .ui-tab-bar-item.brand.selected{
 color: black;   
}
.theme-dark .ui-card-primary.editable.checked,
.ui-switch-checkbox:checked+.ui-switch{
 background: rgb(40,40,40) !important;
    border-color: white !important;
}
.ui-standard-sidebar-view .bda-slist li:nth-child(odd){
 background: rgba(0,0,0,.5);   
}
.tooltip.tooltip-top:after{
 border-top-color:  rgba(255,255,255,.8);
}
.tooltip.tooltip-right:after{
 border-right-color: rgba(255,255,255,.8);   
}
.tooltip.tooltip-left:after{
 border-left-color: rgba(255,255,255,.8);   
}
.tooltip.tooltip-bottom:after{
 border-bottom-color: rgba(255,255,255,.8);   
}
.form .form-header,
#instant-invite-modal .form-header header,
#instant-invite-modal .blurb,
#instant-invite-modal .expire-text,
.checkbox span,
.radio span,
.radio,
.form .control-group label a,
.form header,
#user-profile-modal .header .header-info 
.header-info-inner .discord-tag,
#user-profile-modal .header .header-info 
.header-info-inner .discord-tag .discriminator{
 color: white;   
}
.edit-container-outer .avatar-large{
 display: none;   
}
.edit-container-outer{
 padding-left: 60px;   
}
.message-group .edit-message .channel-textarea-inner{
 border-color: gray;   
}
.small-popout-box{
	border: none;
}
.option-popout .btn-item{
	color: #ccc;
}
.option-popout .btn-item:hover{
	color: white;
}
.form .control-group label a:hover{
 color: rgb(200,200,200);   
}
.form .control-group input[type=email]:focus,
.form .control-group input[type=number]:focus,
.form .control-group input[type=password]:focus,
.form .control-group input[type=text]:focus,
.form .control-group textarea:focus{
 border-color: rgba(0,0,0,.5);   
}
.selected .guild-inner{
 box-shadow: inset 0 0 20px 20px black;   
}
.theme-dark .message-group .comment .markup .mention{
 color: white;   
}
.guilds-wrapper .guilds .guild.audio .guild-inner:after{
 background-color: rgba(0,0,0,.5);;   
}
#instant-invite-modal .clipboard-input-inner input{
 color: black;   
}
.popout.popout-top-right section:before,
.popout.popout-top section:before,
.popout.popout-top-right section:after,
.popout.popout-top section:after{
border-top-color: rgba(0,0,0,.3);    
}
.guild-channels .channel-voice .channel-arrow{
 transition: all 300ms;   
}
.guild-channels .channel-voice .channel-arrow:hover{
 background-color: transparent;
 transform: rotate(0deg)   
}
.checkbox .checkbox-inner input[type=checkbox]:checked+span{
 border-color: rgba(0,0,0,.3);   
}
.chat .divider+.divider{
 display: none;   
}
.need-help-modal .header input[type=text]{
 box-shadow: 0 2px rgba(255,255,255,.5);   
}
.need-help-modal a{
 color: white;   
}
.guilds-wrapper .guilds-add, .guilds-wrapper .guilds-error{
    background-color: rgba(0,0,0,.7);
    border-radius: 7px !important;
}
.need-help-modal a:hover{
 color: rgb(180,180,180);   
}
.guild.selected .guild-inner a{
    box-shadow: inset 0 0 20px 5px rgba(0,0,0,.8);
}
.guilds-wrapper .guilds .guild.unread::before{
 background: rgba(0,0,0,.5);
    border-radius: 7px;
    width: 15px;
    height: 15px;
    left: 0;
    top: 6px;
    content: "!";
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
	z-index: 1;
}
.quickswitcher.dark .result.selected{
 background: rgba(255,255,255,.5);   
}
.keybind-shortcut.dark span{
 box-shadow: inset 0 -4px black;   
}
.upload-modal .inner{
 border-color: white;   
}
.emoji-picker .scroller .emoji-item.selected {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    background-size: contain !important;
}
.account .account-details{
display: flex;
    margin-top: -40px
}
.account .account-details .username{
 max-width: 120px   
}
.account .btn-group{
 margin-top: 20px;
 margin-left: -300px;
}
.upload-drop-modal .bgScale{
 background: rgba(0,0,0,.5);   
}
.upload-modal .inner .file .icon.image,
.channel-textarea-autocomplete-inner{
 border-color: white;   
}
.channel-textarea-autocomplete-inner{
 background: black;   
}
.channel-textarea-autocomplete-inner ul li.active,
.channel-textarea-autocomplete-inner header{
 background-color: rgba(255,255,255,.3);   
}
.channel-textarea-autocomplete-inner ul li{
 color: white;   
}
.theme-dark .channel-members .avatar-small .status,
.theme-dark .channel-members .member.popout-open .status,
.theme-dark .channel-members .member:hover .status{
 border-color: white;   
}
/* btns */
.account .btn-deafen, .account .btn-settings{
 box-shadow: none;   
}
.upload-modal .footer .button{
 border: 1px solid white;   
}
.form .btn-primary{
 background: rgba(0,0,0,.5);
    border: 1px solid white;
}
.form .btn-primary:hover,
.theme-dark .chat .has-more button{
 background: rgba(255,255,255,.5);
    color: black;
}
.form .btn-default{
 background: transparent;
    color: white;
}
.guilds-wrapper .guilds #bd-pub-li{
    border: 0 solid black;
}
.guilds-wrapper .guilds #bd-pub-li .guild-inner{
    border-radius: 5px !important;
}