Skip to content

Instantly share code, notes, and snippets.

@outout14
Last active May 27, 2017 15:41
Show Gist options
  • Save outout14/6089a8e80ec39f56e79b7313498b2bcc to your computer and use it in GitHub Desktop.
Save outout14/6089a8e80ec39f56e79b7313498b2bcc to your computer and use it in GitHub Desktop.
/* LE THEME DE OUTOUT POUR BFS !
### C'est plusieurs code que j'ai trouvé sur gogole wala */
.app, .connecting {
/* You can adjust the background brightness by reducing the fourth value of below.
0.0 for no dark background, 1.0 for full darkness.
Or, you can change the other values for tint and so.
1st value - Red 0-255
2nd value - Green 0-255
3rd value - Blue 0-255
4th value - Alpha (Opacity) 0.0-1.0 */
background: rgba(0, 0, 0, 0.5);
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.badge-hypesquad
{
opacity: 0.1;
transition: opacity 1s;
}
.badge-hypesquad:hover
{
opacity: 0.9;
}
.markup pre, .markup code {
font-size: 15px;
background: rgba(10, 10, 10, 0.2) !important;
border: 0 !important;
border-radius: 0 !important;
}
.markup pre code {
background: transparent !important;
}
.message-group .comment .edited{
background: rgba(0, 200, 0, 0) !important;
font-size: 0;
}
.message-group .comment .edited::before {
content: "Modifié";
font-size: 10px;
background: rgba(200, 200, 200, 0.3) !important;
padding: 2px;
color: rgba(255, 255, 255, 0.9) !important;
}
.bot-tag {
background: rgba(0, 200, 0, 0) !important;
font-size: 0;
}
.bot-tag::before {
content: "Bobo";
font-size: 12px;
background: rgba(200, 200, 200, 0.3) !important;
padding: 2px;
color: rgba(255, 255, 255, 0.9) !important;
}
.bot-tag {
background: rgba(0, 200, 0, 0) !important;
font-size: 0;
}
.bot-tag::before {
content: "Robot";
font-size: 12px;
background: rgba(200, 200, 200, 0.3) !important;
padding: 2px;
color: rgba(255, 255, 255, 0.9) !important;
}
.context-menu{
background-color: rgba(42, 42, 42, 0.8)
}
div.theme-dark.context-menu,
.theme-dark.context-menu .item,
div.theme-dark.context-menu.item.item-subMenu{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0 !important;
border: 0 !important;
border-image-width: 0 !important;
margin: 0 0 0 0;
}
.context-menu .item.danger:hover{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
}
.theme-dark .layers, .layer{
background: transparent !important;
}
.context-menu .item:hover{
background-color: rgba(255, 255, 255, 0.2) !important;
border-radius: 0;
}
.context-menu .item{
background-color: rgba(0, 0, 0, 0) !important;
}
.theme-dark.context-menu{
box-shadow: none;
}
.context-menu{
border-radius: 0 !important;
border: 0 !important;
}
.theme-dark.context-menu .context-menu{
background-color: rgba(42, 42, 42, 0.8) !important;
}
.theme-dark .invite-button{
background-color: rgba(0, 0, 0, 0.5);
border: 0;
border-radius: 0;
}
.badge{
border-radius: 0;
box-shadow: none;
font-size: 15px;
color: rgba(255, 255, 255, 0.95);
}
.change-log .lead-video, .change-log p>img,
.change-log .changelog-added,
.change-log .changelog-added-secondary,
.change-log .changelog-fixed,
.change-log .changelog-improved,
.change-log .changelog-in-progress{
border-radius: 0;
}
.mention{
background-color: rgba(179, 224, 255, 0.22);
}
.need-help-modal .header{
border-radius: 0;
}
.need-help-modal .footer{
border: 0;
border-radius: 0;
background-color: rgba(42, 42, 42, 0.8);
}
.need-help-modal .header input[type=text]{
border-radius: 0;
box-shadow: none;
}
.settings .settings-header {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 0;
}
.tab-bar.SIDE{
overflow: hidden;
}
.settings .settings-inner:first-child,
.settings .settings-actions
{
background-color: rgba(42, 42, 42, 0.8);
border: 0;
border-radius: 0 !important;
}
.tab-bar.TOP{
border-color: rgba(255, 255, 255, 0.2);
}
.form .control-group input[type=text],
.form .control-group input[type=email],
.form .control-group input[type=password]{
padding-left: 8px;
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.2);
border: 0;
}
.checkbox .checkbox-inner+span{
color: rgba(255, 255, 255, 0.9);
}
.form .control-group label+.radio-group{
color: rgba(255, 255, 255, 0.8);
}
.has-value>.Select-control>.Select-placeholder{
color: rgba(255, 255, 255, 0.8);
}
div.game-name,
input.game-input{
color: rgba(255, 255, 255, 0.8);
}
.user-settings-modal-games{
background-color: rgba(42, 42, 42, 0.0);
border: 0;
box-shadow: none;
}
.user-settings-modal-games .games-table .games-row .item-game,
.user-settings-modal-games .games-table .games-row .item-overlay{
border-color: rgba(255, 255, 255, 0.2);
}
.user-settings-modal-locale .select-item .primary{
color: rgba(255, 255, 255, 0.9) !important;
}
#overlay-explanation{
background-color: rgba(242, 101, 34, 0.8);
border-radius: 0;
}
.now-playing{
border-radius: 0;
}
.hover-roll div{
color: rgba(255, 255, 255, 0.6);
}
.user-settings-locale .select-item .primary,
.user-settings-locale .select-item .localized
{
color: rgba(255, 255, 255, 0.8) !important;
}
.Select-control{
background-color: rgba(255, 255, 255, 0.2);
border: 0 !important;
border-radius: 0;
}
.is-open>.Select-control{
background-color: rgba(255, 255, 255, 0.2);
}
.Select-menu-outer{
margin-top: 0;
background-color: rgba(255, 255, 255, 0.2);
border: 0;
border-radius: 0;
}
.form .Select-option{
color: rgba(255, 255, 255, 0.8);
}
.form .Select-option.is-focused{
background-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.8);
}
.form .control-group label{
color: rgba(255, 255, 255, 0.5);
}
.form .control-groups>.control-group{
color: rgba(255, 255, 255, 0.8);
}
.form hr{
border-color: rgba(255, 255, 255, 0.2);
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list h3{
color: rgba(255, 255, 255, 0.5);
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .user-settings-modal-accounts-list-description .user-settings-modal-accounts-list-description-inner{
color: rgba(255, 255, 255, 0.3);
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list{
box-shadow: none;
}
.connect-account-btn .connect-account-btn-inner{
border-radius: 0;
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection{
border-radius: 0;
}
.settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete{
border-radius: 0;
}
.settings-connections-wrapper .authed-app{
border-radius: 0;
background-color: rgba(255, 255, 255, 0.2);
border: 0;
}
.settings-connections-wrapper .authed-app .details .header{
color: rgba(255, 255, 255, 0.42);
}
.settings-connections-wrapper .authed-app .header .header-actions .action-btn{
border-radius: 0;
}
.settings-connections-wrapper .authed-app .details .body,
.settings-connections-wrapper .authed-app .details .body li,
.settings-connections-wrapper .authed-app .header .app-name{
color: rgba(255, 255, 255, 0.8);
}
.user-settings-modal .account-warning{
border-radius: 0;
border: 0;
background-color: rgba(253, 237, 237, 0.9);
}
.user-settings-modal-keybinds .user-settings-modal-keybinds-header{
border-color: rgba(255, 255, 255, 0.2);
}
.settings .settings-inner .settings-panel{
background-color: rgba(0, 0, 0, 0);
}
.form .btn-default{
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
border: 0;
padding: 10px;
}
.form .btn-default:hover{
border: 0;
}
.form .btn-primary{
border-radius: 0;
color: rgba(255, 255, 255, 0.9);
}
.form header{
color: rgba(255, 255, 255, 0.8) !important;
}
#instant-invite-modal .blurb{
color: rgba(255, 255, 255, 0.5);
}
.instant-invite-modal{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
}
.instant-invites .instant-invites-list .instant-invite+.instant-invite{
border-color: rgba(255, 255, 255, 0.2);
}
.instant-invites .instant-invites-list .instant-invite .member{
color: rgba(255, 255, 255, 0.8);
}
.instant-invites .instant-invites-list .instant-invite .channel{
color: rgba(255, 255, 255, 0.3);
}
.checkbox .checkbox-inner span{
border-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
}
.checkbox .checkbox-inner+span{
color: rgba(255, 255, 255, 0.5);
}
#instant-invite-modal .form-inner,
#instant-invite-modal .form-header,
#instant-invite-modal .form-actions,
#instant-invite-modal-advanced .form-inner,
#instant-invite-modal-advanced .form-actions{
background-color: rgba(0, 0, 0, 0);
}
#permissions ul li{
color: rgba(255, 255, 255, 0.8);
}
#permissions .permission-actions>div{
background-color: rgba(255, 255, 255, 0.3);
border-color: rgba(0, 0, 0, 0);
border-radius: 0;
}
#permissions .permission-actions.disabled>div{
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(0, 0, 0, 0);
}
.form .control-group textarea{
background-color: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 0.8);
border: 0;
}
.form .form-header,
.form .form-inner,
.form .form-actions
{
background-color: rgba(42, 42, 42, 0.8);
color: rgba(255, 255, 255, 0.9);
border-radius: 0;
border: 0;
}
.form .form-inner:first-child,
.form .form-inner:last-child{
border-radius: 0;
}
.alert.form .form-inner .cancel{
border-radius: 0;
}
.alert.form.has-icon:before{
border-radius: 0;
background-color: rgba(0, 0, 0, 0);
}
div.control-group .shortcut-recorder input[type=text]{
border: 0;
border-radius: 0;
background-color: rgba(255, 255, 255, 0.2) !important;
color: rgba(255, 255, 255, 0.8);
}
.notice.notice-streamer-mode{
background-color: rgba(89, 54, 149, 0.5);
}
.notice.notice-danger{
background-color: rgba(240, 71, 71, 0.5);
}
.notice{
background-color: rgba(242, 101, 34, 0.5);
color: rgba(255, 255, 255, 0.9);
}
.notice .btn{
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
border-radius: 0;
border: 0;
}
.notice .btn:hover{
background-color: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.9) !important;
}
.channel-notice.invite{
background: url(/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat #282b30;
background-color: rgba(0, 0, 0, 0.3) !important;
}
.channel-notices .channel-notice{
box-shadow: none;
}
.channel-notices .channel-notice .message .btn,
.channel-notices .channel-notice.quickswitcher-notice,
.channel-notices .channel-notice.guild-mfa-warning{
color: rgba(255, 255, 255, 0.9);
background-color: rgba(0, 0, 0, 0.42);
}
.channel-notices .channel-notice .message .btn{
border-radius: 0;
border: none;
}
.account {
padding-top: 2px;
background-color: rgba(0, 0, 0, 0.42) !important;
border: 0 !important;
}
.account .btn-group,
.account .btn-group .btn {
border: 0 !important;
}
.account .btn-group .btn {
border-radius: 15px;
background: rgba(0, 0, 0, 0.3) !important;
box-shadow: none;
outline: 0;
border: 0 !important;
}
.account .btn-group .btn:hover {
border-radius: 15px;
background: rgba(0, 0, 0, 0.7) !important;
box-shadow: 0;
border: 0 !important;
}
.user-settings-security .btn-ghost{
padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(255, 255, 255, 0.2);
border: 0;
border-radius: 0;
}
.btn-confirm{
border-radius: 0;
}
.message-group h2 strong{
color: rgba(255, 255, 255, 0.95);
}
.message-group .comment .markup{
color: rgba(255, 255, 255, 0.7);
}
.theme-dark .message-group .embed-wrapper .embed-color-pill{
border-radius: 0;
}
.theme-dark .message-group .embed{
background-color: rgba(10, 10, 10, 0.5);
border-radius: 0;
border: 0;
}
.message-group .mentioned .message-text:after{
border-radius: 0;
}
.theme-dark .reaction{
background-color: rgba(10, 10, 10, 0.3);
border-radius: 0;
}
.message-reactions-modal{
background: rgba(255, 255, 0, 0);
box-shadow: none;
}
.message-reactions-modal .message-reactions-list .scroller-wrap{
background-color: rgba(0, 0, 0, 0.0);
border-radius: 0;
}
.message-reactions-modal .message-reactions-list-inner{
background-color: rgba(0, 0, 0 ,0);
}
.message-reactions-modal .message-reactions-reactors{
background-color: rgba(42, 42, 42, 0.8);
}
.message-reactions-modal .message-reactions-reactors .reactor{
box-shadow: none;
}
.message-reactions-modal .message-reactions-list-inner .reaction.selected{
background-color: rgba(255, 255, 255, 0.2);
}
.message-reactions-modal .message-reactions-list-inner .reaction.selected:hover{
background-color: rgba(255, 255, 255, 0.25) !important;
}
.message-reactions-modal .message-reactions-list-inner .reaction{
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0;
}
.message-reactions-modal .message-reactions-list-inner .reaction:hover{
background-color: rgba(255, 255, 255, 0.15) !important;
}
.message-reactions-modal .message-reactions-list-inner .reaction .count{
color: rgba(255, 255, 255, 0.9);
}
.message-reactions-modal .message-reactions-reactors .reactor .name{
color: rgba(197, 207, 237, 1);
}
.theme-dark .channel-textarea-autocomplete-inner header{
border: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.channel-textarea-autocomplete-inner header strong{
color: rgba(255, 255, 255, 0.8);
}
.theme-dark .channel-textarea-autocomplete-inner{
border: 0;
border-radius: 0;
background-color: rgba(42, 42, 42, 0.8);
}
.theme-dark .channel-textarea-autocomplete-inner ul li.active{
background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark .channel-textarea-autocomplete-inner:after{
border: 0;
}
.channel-textarea-autocomplete-inner:after{
border: 0;
}
div.message-group-blocked{
display: none;
}
#friends,
.friends-table,
.guild-channels,
.channels-wrap,
.links,
.chat,
.messages-wrapper,
.title-wrap,
.content,
.chat-empty,
.private-channels,
.guild-header header,
.guild-header header:after,
.typing,
.divider-red span {
background: transparent !important;
border: 0 !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece{
background-color: rgba(0, 0, 0, 0.42) !important;
border: none !important;
}
.settings .settings-inner .settings-panel{
color: rgba(255, 255, 255, 0.9);
}
#rtc-connection{
background-color: rgba(0, 0, 0, 0.42);
border: none;
}
#rtc-connection .btn-group{
border-radius: 0;
border: none;
}
#rtc-connection .btn{
background-color: rgba(0, 0, 0, 0.5);
}
#rtc-connection .btn-info{
border-radius: 0;
border: none;
}
#rtc-connection .btn-disconnect{
box-shadow: none;
}
#rtc-debug-modal #users-section .user-list{
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#rtc-debug-modal .diagnostics-checkbox{
border-radius: 0;
}
h3{
color: rgba(255, 255, 255, 0.9);
}
.popout.popout-top section:after, .popout.popout-top-right section:after{
border-top-color: #7289da;
}
.popout section{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0 !important;
}
.popout-menu{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
}
.theme-dark.context-menu .item:hover{
background-color: rgba(255, 255, 255, 0.2) !important;
color: rgba(255, 255, 255, 0.8);
}
.popout-menu .popout-menu-item.invite:hover,
.popout-menu .popout-menu-item.leave:hover{
background-color: rgba(255, 255, 255, 0.2);
}
.popout-menu .popout-menu-item{
color: rgba(255, 255, 255, 0.8);
}
.popout-menu .popout-menu-item:hover{
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.2);
}
.popout-menu .popout-menu-separator{
border-color: rgba(255, 255, 255, 0.2);
}
.notification-settings-modal .notification-settings-modal-channel-settings-list{
box-shadow: none;
}
.channel-notification-settings .content label{
color: rgba(255, 255, 255, 0.8);
}
.channel-mute-button{
opacity: 0.5;
}
.channel-notification-settings{
border-color: rgba(255, 255, 255, 0.2);
}
.small-popout-box{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
border: 0;
}
.option-popout .btn-item{
color: rgba(255, 255, 255, 0.8);
}
.option-popout .btn-item:hover{
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.9);
}
.modal-content .form-inner p{
color: rgba(255, 255, 255, 0.3);
}
.private-channels .channel:hover,
.private-channels .channel.selected{
background: none;
}
.private-channels .channel:hover{
background-color: rgba(0, 0, 0, 0.2);
}
.private-channels .channel.selected{
background-color: rgba(0, 0, 0, 0.42);
}
.theme-dark .private-channel-recipients-invite .friend.selected{
background: none;
}
.theme-dark .private-channel-recipients-invite .friend:hover{
background: rgba(255, 255, 255, 0.2);
}
.theme-dark .private-channel-recipients-invite .friend{
background: none;
}
.private-channel-recipients-invite .footer button{
border-radius: 0;
}
.private-channel-call .btn-icon{
border-radius: 0;
}
.private-channel-call .btn-text{
border-radius: 0;
}
.theme-dark .chat .private-channel-call{
background-color: rgba(0, 0, 0, 0.5);
/* You can have your own image here if you want.
background-image: url('your url here') !important;
*/
}
.theme-dark .ui-quick-select-popout{
border-radius: 0;
background-color: rgba(42, 42, 42, 0.8);
}
.ui-quick-select-popout-option:hover{
background-color: rgba(255, 255, 255, 0.2) !important;
}
.incoming-call .title{
color: rgba(255, 255, 255, 0.9);
}
.incoming-call .incoming-call-inner{
border-radius: 0;
background-color: rgba(42, 42, 42, 0.8);
}
.incoming-call .options .option{
border-radius: 0;
}
.ui-quick-select-popout-option.selected{
background-color: rgba(0, 0, 0, 0);
}
.theme-dark .themed-popout .footer{
background: none;
}
#friends .btn{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
}
#friends .friends-empty .btn{
border-radius: 0;
}
#friends .btn:hover{
background-color: rgba(255, 255, 255, 0.42);
}
#friends .friends-header .tab-bar .tab-bar-item {
border-radius: 0;
}
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header{
background: 0 0;
border: 0;
}
.add-friend-input-wrapper{
border-radius: 0;
border: 0;
}
.theme-dark .add-friend-input-wrapper {
background-color: rgba(0, 0, 0, 0.42);
}
.theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected){
background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action{
border-radius: 0;
background-color: rgba(255, 255, 255, 0.2);
}
#friends .friends-table .friends-row:hover:not(.selected){
background-color: rgba(0, 0, 0, 0.2);
border: 0;
border-radius: 0;
}
.theme-dark .chat .title-wrap{
background-color: rgba(0, 0, 0, 0.5) !important;
}
.chat form{
box-shadow: none;
}
.theme-dark .chat .has-more button {
background: rgba(0, 0, 0, 0.42);
border: 0;
border-radius: 0 !important;
}
.theme-dark .chat .jump-to-present-bar {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
}
.theme-dark .chat .jump-to-present-bar:hover{
background-color: rgba(60, 60, 60, 0.8) !important;
}
.chat .jump-to-present-bar button{
color: rgba(255, 255, 255, 0.8);
}
div.guild-header{
background-color: none;
height: 45px;
}
.theme-dark .friends-table .messages .divider:not(.red) div,
.theme-dark .messages-wrapper .messages .divider:not(.red) div{
background: none;
}
.new-messages-indicator{
border-radius: 0;
}
.new-messages-indicator.bottom{
border-radius: 0;
}
.form .control-groups.control-separator{
border-color: rgba(255, 255, 255, 0.2);
}
.region-select .region-select-inner,
.region-select button{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
border: 0;
}
.region-select-name,
.region-select button{
color: rgba(255, 255, 255, 0.8);
}
.region-select button:hover{
background-color: rgba(255, 255, 255, 0.42);
color: rgba(255, 255, 255, 0.95);
}
.region-select-modal{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
}
.region-select-modal .region-select-modal-header{
color: rgba(255, 255, 255, 0.9);
}
.region-select-modal .region-select-modal-option{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
border: 0;
}
.instant-invites .instant-invites-header{
border-color: rgba(255, 255, 255, 0.2);
}
.search-bar-tag{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
}
.search-bar.search-bar-light .search-bar-inner{
background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: 0 !important;
border: 0;
}
.search-bar.search-bar-light input{
color: rgba(255, 255, 255, 0.8);
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-header{
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none;
}
.guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p{
color: rgba(255, 255, 255, 0.5);
}
.guild-settings-modal-members{
background-color: rgba(0, 0, 0, 0);
}
.guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value{
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
}
.guild-settings-modal-members .guild-settings-modal-members-header,
.guild-settings-modal-members .guild-settings-modal-list .member+.member{
border-color: rgba(255, 255, 255, 0.2);
}
.guild-settings-modal-members .guild-settings-modal-members-footer{
border-color: rgba(255, 255, 255, 0.2);
}
.guild-settings-modal .emoji-row .btn+.btn,
.guild-settings-modal .member-buttons .btn{
background-color: rgba(255, 255, 255, 0.0);
color: rgba(255, 255, 255, 0.8);
border-radius: 0;
border: 0;
}
.guild-settings-modal .member-buttons .btn:hover {
background-color: rgba(255, 255, 255, 0.42);
}
.guild-settings-modal .member-buttons .btn.btn-danger:hover{
background-color: rgba(255, 200, 200, 0.42);
}
.guild-settings-modal .emoji-row .btn.btn-danger,
.guild-settings-modal .member-buttons .btn.btn-danger{
border: 0;
}
#settings-roles .roles{
border-color: rgba(255, 255, 255, 0.2);
}
#settings-roles .roles header{
border-color: rgba(255, 255, 255, 0.2);
}
#settings-roles .roles li:hover{
background: rgba(255, 255, 255, 0.1) none;
}
#settings-roles .roles li.selected{
background: rgba(255, 255, 255, 0.2) none;
}
.color-picker .swatches .swatch.large{
border-radius: 0;
}
.color-picker-popout{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
border: 0;
box-shadow: none;
}
.guild-settings-modal-members .guild-settings-modal-list .member .member-username{
color: rgba(255, 255, 255, 0.8);
}
.color-picker-popout input{
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
border-radius: 0;
border: 0;
}
.color-picker .swatches .swatch.custom:after,
.color-picker .swatches .swatch.selected:after{
border-radius: 0;
}
.guild-settings-modal-emoji .guild-settings-modal-emoji-header p{
color: rgba(255, 255, 255, 0.5);
}
.guild-settings-modal-emoji .guild-settings-modal-emoji-header,
.guild-settings-modal-emoji .emoji-row{
border-color: rgba(255, 255, 255, 0.2);
}
.guild-settings-modal-emoji .emoji-row .emoji-name{
border-radius: 0;
border: 0;
}
.guild-settings-modal .emoji-row .btn{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
}
.guild-settings-modal .emoji-row .btn.btn-danger:hover{
background-color: rgba(255, 200, 200, 0.4);
}
.clipboard-input-inner{
background-color: rgba(255, 255, 255, 0.2);
border: 0;
border-radius: 0;
}
.clipboard-input-inner input{
background-color: rgba(255, 255, 255, 0);
color: rgba(255, 255, 255, 0.8);
}
.clipboard-input-inner button{
background-color: rgba(255, 255, 255, 0.6);
border: 0;
}
.clipboard-input-inner button:first-of-type:before{
background: none;
}
.webhooks .webhooks-header{
border-color: rgba(255, 255, 255, 0.2);
}
.webhooks .webhook{
background-color:rgba(255, 255, 255, 0.2);
border-radius: 0;
border: 0;
}
.webhooks .webhook .webhook-header .webhook-details .webhook-name{
color: rgba(255, 255, 255, 0.8);
}
.webhooks .webhook .webhook-header .webhook-details .webhook-created-on{
color: rgba(255, 255, 255, 0.5);
}
.form .btn-clear{
background: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
border-radius: 0;
border: 0;
}
.form .btn-clear:hover{
background: rgba(255, 255, 255, 0.4);
}
.tooltip{
border-radius: 0;
background-color: rgba(42, 42, 42, 0.8);
}
.friends-header{
background-color: rgba(0, 0, 0, 0.5) !important;
height: 57px !important;
border: 0 !important;
}
.search-bar{
background-color: rgba(0, 0, 0, 0.5);
box-shadow: none;
}
.search-bar.search-bar-light{
background-color: rgba(0, 0, 0, 0);
}
.search-bar .search-bar-inner{
border: 0;
border-radius: 0;
}
.guilds-wrapper{
background-color: rgba(0, 0, 0, 0.5);
}
.guilds-wrapper .guilds-add{
background-color: rgba(0, 0, 0, 0);
}
.guild-channels .channel-text.selected,
.guild-channels .channel-text:hover{
background-size: 0 0 !important;
}
.guild-channels .channel-text.selected{
background-color: rgba(0, 0, 0, 0.42);
}
.guild-channels .channel-text:hover{
background-color: rgba(0, 0, 0, 0.2);
}
.create-guild-container{
background-color: rgba(0, 0, 0, 0);
}
.create-guild-container .create-or-join .form-inner{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
}
.create-guild-container .action{
background-color: rgba(255, 255, 255, 0.2);
}
.create-guild-container .action.create .action-header,
.create-guild-container .action.join .action-header{
color: rgba(255, 255, 255, 0.8);
}
.channel-members-wrap .scroller-wrap .scroller{
background: rgba(0, 0, 0, 0.2);
}
.theme-dark .channel-members .member.popout-open{
background: 0 0;
}
.channel-members .member:hover{
background: rgba(0, 0, 0, 0.42) !important;
}
.theme-dark .channel-members .member.popout-open{
background-color: rgba(0, 0, 0, 0.42) !important;
}
.theme-dark .channel-members .member:not(.disabled).popout-open,
.theme-dark .channel-members .member:not(.disabled):hover{
background: 0 0;
}
.theme-dark .channel-members .member:hover{
background-color: rgba(0, 0, 0, 0.2);
}
.popout header,
.user-popout {
border-radius: 0 !important;
}
.popout header{
background-color: rgba(42, 42, 42, 0.9);
}
.member-roles .member-role{
color: rgba(255, 255, 255, 0.8);
border-radius: 0 !important;
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
}
.member-roles .member-role.member-role-add{
border-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.15);
}
.user-popout .username-wrapper .discord-tag .username{
color: rgba(255, 255, 255, 0.9);
}
.user-popout .username-wrapper .discord-tag .discriminator{
color: rgba(255, 255, 255, 0.75);
}
#user-profile-modal{
border-radius: 0;
}
#user-profile-modal .header .header-info .header-info-inner .activity{
color: rgba(255, 255, 255, 0.42);
}
#user-profile-modal .guilds .guild:hover{
background: rgba(255, 255, 255, 0.2) none;
}
#user-profile-modal .guilds .guild .guild-name{
color: rgba(197, 207, 237, 1)
}
.note textarea,
#user-profile-modal .tab-bar .tab-bar-item.selected{
border-bottom-color: rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8);
}
.note textarea:focus{
background-color: rgba(255, 255, 255, 0.2);
}
#user-profile-modal .guilds .section .section-header,
#user-profile-modal .tab-bar .tab-bar-item{
color: rgba(255, 255, 255, 0.3);
}
#user-profile-modal .guilds .section+.section{
border-color: rgba(255, 255, 255, 0.2);
}
#user-profile-modal .guilds .section .connected-accounts .connected-account{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
border: 0;
}
#user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name{
color: rgba(255, 255, 255, 0.8);
}
#autocomplete-popout section{
background-color: rgba(42, 42, 42, 0.8);
}
#autocomplete-popout .row.selected{
background: none;
background-color: rgba(255, 255, 255, 0.1) !important;
}
#autocomplete-popout header{
background-color: rgba(33, 33, 33, 0.9);
}
#autocomplete-popout .row a,
#autocomplete-popout .row.selected a,
#autocomplete-popout .row:hover a{
color: rgba(255, 255, 255, 0.8);
}
#autocomplete-popout .empty h4{
color: rgba(255, 255, 255, 0.8);
}
.embed .image,
.embed video,
.embed .embed-video-actions .embed-video-actions-inner{
border-radius: 0;
}
.embed.embed-rich .embed-rich-thumb{
border-radius: 0;
}
.quick-message{
border: 0 !important;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.quick-message.isBlocked{
background-color: rgba(0, 0, 0, 0.6);
}
.channel-textarea-guard button{
border-radius: 0;
}
input:disabled{
opacity: 0.3;
}
.markdown-modal{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
}
.markdown-modal .markdown-modal-header{
border: 0;
}
.markdown-modal .markdown-modal-footer{
border: 0;
background-color: rgba(0, 0, 0, 0);
}
.markdown-modal.selectable .scroller{
color: rgba(255, 255, 255, 0.9);
}
.theme-dark .message-group .comment .markup .mention{
background-color: rgba(179, 224, 255, 0.1);
}
.theme-dark .message-group.is-local-bot-message{
background: rgba(42, 42, 42, 0.42) none;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
box-shadow: none;
}
.theme-dark .channel-textarea-inner{
border: 0;
border-radius: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.theme-dark .channel-textarea-inner .channel-textarea-upload{
border: 0;
}
.guild-header header{
box-shadow: none;
}
.avatar-wrapper {
background: rgba(0, 0, 0, 0) !important
}
.popout .user-popout .body,
.popout .user-popout .footer {
background-color: rgba(42, 42, 42, 0.8) !important;
border: 0 !important;
}
.header::after{
background-size: 0 0;
}
.theme-dark .themed-popout .header,
.theme-dark .themed-popout{
border-radius: 0;
border: 0 !important;
box-shadow: 0 0;
}
.theme-dark .themed-popout .header{
background-color: rgba(0, 0, 0, 0.5);
}
.theme-dark .themed-popout{
background-color: rgba(42, 42, 42, 0.8);
}
.theme-dark .messages-popout-wrap .messages-popout .message-group{
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0;
border: 0 !important;
box-shadow: 0 0;
}
.theme-dark .messages-popout-wrap .messages-popout .channel-separator .channel-name{
color: rgba(255, 255, 255, 0.8);
}
.messages-popout .message-group .action-buttons{
background-color: rgba(0, 0, 0, 0) !important;
background-size: 0 0;
box-shadow: 0 0;
transition: none !important;
}
.theme-dark .themed-popout .text{
color: rgba(255, 255, 255, 0.8);
}
.search-popout,
.results-group{
margin-top: 0 !important;
}
div.search{
background-color: rgba(0, 0, 0, 0.3);
}
div.search-bar{
border-radius: 0 !important;
}
.option strong,
span.displayed-nick,
span.answer{
color: rgba(197, 207, 237, 1) !important;
}
span.username{
color: rgba(197, 207, 237, 1);
}
.search-popout{
border-radius: 0;
}
span.filter{
color: rgba(179, 224, 255, 1) !important;
}
span.discriminator{
color: rgba(135, 144, 156, 1);
}
#user-profile-modal .tab-bar-container {
background-color: rgba(100, 100, 100, 0.42) !important;
border: 0 !important;
}
#user-profile-modal .empty,
#user-profile-modal .scroller{
background-color: rgba(42, 42, 42, 0.42);
}
#user-profile-modal header {
background: rgba(114, 137, 218, 0.5) !important;
border: 0 !important;
}
#user-profile-modal footer {
background: rgba(255, 255, 255, 0.1) !important;
border: 0 !important;
}
#user-profile-modal .header .header-info .header-info-inner .discord-tag .username{
color: rgba(255, 255, 255, 0.9)
}
#user-profile-modal .header .header-info .header-info-inner .discord-tag .discriminator{
font-size: 13px;
color: rgba(255, 255, 255, 0.5)
}
.messages-wrapper .new-messages-bar {
background: rgba(114, 137, 218, 0.5) !important;
border-radius: 0;
}
.theme-dark .messages-wrapper .messages .divider:not(.red) span{
background-color: rgba(0, 0, 0, 0);
color: rgba(255, 255, 255, 0.5);
border-radius: 0 !important;
}
.chat .divider.divider-red{
background-color: rgba(0, 0, 0, 0) !important;
z-index: 1 !important;
}
.theme-dark .friends-table .messages .divider.divider-red>div{
background-color: rgba(0, 0, 0, 0) !important;
}
.theme-dark .messages-wrapper .messages .divider.divider-red>div{
background-color: rgba(240, 71, 71, 0) !important;
}
.theme-dark .messages-wrapper .messages .divider:before{
background-color: #eceeef !important;
opacity: 0.05;
}
.theme-dark .messages-wrapper .messages .divider.divider-red>span {
margin-left: calc(-100% + 242px);
/*margin-top: 19px;*/
background-color: rgba(240, 71, 71, 0.35) !important;
color: rgb(240, 71, 71);
z-index: 1 !important;
}
.emoji-picker .header{
background-color: rgba(0, 0, 0, 0.3);
border: 0 !important;
}
div.emoji-picker{
background-color: rgba(42, 42, 42, 0.8);
border: 0 !important;
border-radius: 0 !important;
}
.emoji-picker .scroller .emoji-item.selected{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
}
input.emoji-name.input{
background-color: rgba(255, 255, 255, 0.2) !important;
color: rgba(255, 255, 255, 0.8);
}
.guild-settings-modal-emoji .emoji-uploader .emoji-uploader-username{
color: rgba(255, 255, 255, 0.8);
}
div.search-header,
div.search-results-wrap{
background-color: rgba(0, 0, 0, 0.2) !important;
}
div.emoji-picker .sticky-header,
span.channel-name{
background-color: rgba(0, 0, 0, 0.0) !important;
}
.theme-dark .search .search-bar{
background-color: rgba(0, 0, 0, 0.5);
}
.theme-dark .search-popout{
box-shadow: none !important;
}
.search-popout .search-query{
background-color: rgba(0, 0, 0, 0.5);
border: 0;
}
.search-popout .results-group:before{
border: 0;
}
.search-popout .date-picker{
background-color: rgba(42, 42, 42, 0.5);
border: 0;
}
.react-datepicker{
border-radius: 0;
background-color: rgba(42, 42, 42, 0);
color: rgba(255, 255, 255, 0.8);
}
.react-datepicker .react-datepicker__header{
background-color:rgba(0, 0, 0, 0);
}
.react-datepicker .react-datepicker__day--disabled,
.react-datepicker .react-datepicker__day--outside-month
{
background-color: rgba(255, 255, 255, 0.1) !important;
color: rgba(255, 255, 255, 0.42) !important;
}
.react-datepicker__day{
border-color: rgba(255, 255, 255, 0.2);
}
.react-datepicker .react-datepicker__current-month{
color: rgba(255, 255, 255, 0.8);
}
.react-datepicker .react-datepicker__day-name{
color: rgba(255, 255, 255, 0.5);
}
.react-datepicker .react-datepicker__day{
border: 0;
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
}
.search-popout .date-picker .date-picker-hint{
background-color: rgba(42, 42, 42, 0);
border: 0;
border-radius: 0;
}
.react-datepicker .react-datepicker__navigation.react-datepicker__navigation--next,
.react-datepicker .react-datepicker__navigation.react-datepicker__navigation--previous{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
border: 0;
}
.react-datepicker .react-datepicker__month>.react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type,
.react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type,
.react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type,
.react-datepicker .react-datepicker__month>.react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type{
border-radius: 0;
}
.react-datepicker .react-datepicker__month .react-datepicker__week>.react-datepicker__day:last-of-type,
.react-datepicker .react-datepicker__month>.react-datepicker__week:last-of-type .react-datepicker__day{
border: 0;
}
.react-datepicker .react-datepicker__day.react-datepicker__day--disabled,
.react-datepicker .react-datepicker__day.react-datepicker__day--disabled:hover{
color: rgba(255, 255, 255, 0.42);
}
.search-popout .date-picker .date-picker-hint .hint-value{
color: rgba(255, 255, 255, 0.9);
border-radius: 0;
}
.react-datepicker .react-datepicker__day.react-datepicker__day--selected:hover,
.react-datepicker .react-datepicker__day:hover{
background-color: rgba(255, 255, 255, 0.3);
}
.react-datepicker .react-datepicker__day.react-datepicker__day--today:after{
background-color: rgba(255, 255, 255, 0.5);
}
span.search-filter,
span.search-answer,
div.jump-button{
background-color: rgba(255, 255, 255, 0.2) !important;
color: rgba(255, 255, 255, 0.9);
border-radius: 0;
}
.messages-popout .message-group .action-buttons .jump-button{
background-color: rgba(0, 0, 0, 0) !important;
}
div.option.selected{
border-radius: 0;
background-color: rgba(255, 255, 255, 0.2) !important;
}
div.results-group{
background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: 0 !important;
border: 0;
box-shadow: none !important;
}
.theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-thumb{
background-color: rgba(0, 0, 0, 0.42) !important;
border: none !important;
}
.theme-dark .search-results-wrap .scroller-wrap .scroller::-webkit-scrollbar-track-piece,
.scroller-wrap .scroller::-webkit-scrollbar-track-piece{
background: rgba(0, 0, 0, 0) !important;
}
.theme-dark .search-results-wrap .search-header .total-results{
color: rgba(255, 255, 255, 0.8);
opacity: 1 !important;
}
.theme-dark .search-results-wrap .search-header .tab.selected{
color: rgba(255, 255, 255, 0.8);
border-color: rgba(255, 255, 255, 0.8);
}
span.search-answer{
margin-left: 0;
}
.hide-overflow{
overflow: hidden !important;
/* padding: 17px 17px 17px 17px !important;*/
}
.theme-dark .search-results-wrap .search-result .search-result-message.hit,
.message-group .sink-interactions.clickable{
border-radius: 0 !important;
}
div.option::after,
div.option.selected::after,
div.option.user::after,
div.option.user.selected::after,
div.option.search-option.selected::after,
div.option.search-option::after,
div.option.history::after,
div.option.history.selected::after
{
background-size: 0 0 !important;
}
/* search popout */
div.popout.popout-bottom.no-shadow.search-popout{
background-color: rgba(42, 42, 42, 0.5) !important;
}
div.search-result-message.hit{
background-color: rgba(0, 0, 0, 0.42) !important;
box-shadow: 0 0 !important;
border: 0 !important;
}
div.search-result.expanded{
border: 0 !important;
}
div.search-result::before,
div.search-result::after
{
background-size: 0 0;
}
button.btn-stroked{
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
border: 0;
border-radius: 0;
}
.btn-filled.white{
border-radius: 0;
}
.premium-settings .subscription,
.premium-settings .payment-method .payment-info .card-tools button,
.premium-settings .premium-header .premium-options button,
.premium-settings .subscription,
.premium-settings .subscription .premium-tools button,
.premium-payment-modal,
.premium-payment-modal .premium-animation>svg,
.premium-payment-modal .premium-payment-form,
.premium-payment-modal .premium-payment-button,
.premium-settings .payment-method .payment-info .card-tools .ui-button,
.fancy-credit-input{
border-radius: 0;
}
.ui-form-title.h2,
.premium-settings .billing-history-list li .date,
.premium-settings .billing-history-list li .description,
.premium-settings .billing-history-list li .payment-details{
color: rgba(255, 255, 255, 0.9);
}
.premium-settings .premium-header{
border-color: rgba(255, 255, 255, 0.2);
}
.premium-settings .premium-header .premium-options button.btn-clear{
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
}
.premium-settings .premium-header .premium-options button.btn-clear:hover{
background-color: rgba(255, 255, 255, 0.42);
}
.premium-settings .premium-header .premium-options button.btn-clear strong{
color: rgba(255, 255, 255, 0.9);
}
div.card-description,
div.card-details,
.premium-settings .payment-method .payment-info .card-info .card-description strong,
li.completed,
span.amount {
color: rgba(255, 255, 255, 0.8) !important;
}
.premium-settings .payment-subhead,
.premium-settings .billing-history .payment-subhead{
color: rgba(255, 255, 255, 0.3);
}
.alert.form.premium-unsubscribe strong,
.alert.form.premium-upgrade strong{
color: rgba(197, 207, 237, 1);
}
.quickswitcher.dark{
background-color: rgba(42, 42, 42, 0.8);
border-radius: 0;
box-shadow: none;
}
.qs-tutorial-messages .qs-search-message{
opacity: 0.9;
}
.quickswitcher.dark .big-input{
color: rgba(255, 255, 255, 0.9);
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
box-shadow: none;
}
.quickswitcher.dark .scroller-wrap:before{
background: 0 #7289da;
height: 5px;
}
.quickswitcher .result .result-display-name,
.quickswitcher .result .result-username{
opacity: 1;
}
.quickswitcher.dark .result>div .result-match,
.quickswitcher.dark .result>div .result-type-icon{
opacity: 0.9;
}
.quickswitcher .result .result-display-name{
opacity: 1;
color: rgba(197, 207, 237, 1);
}
.quickswitcher .result .result-username{
opacity: 1;
color: rgba(197, 207, 237, 0.4);
}
.quickswitcher .result{
border-radius: 0;
}
.quickswitcher.dark .result.selected{
background-color: rgba(255, 255, 255, 0.2);
}
.quickswitcher.dark .result.selected:after{
box-shadow: none;
background-color: rgba(255, 255, 255, 0);
}
.quickswitcher.dark .result>div.unread .result-match,
.quickswitcher.dark .result>div.unread .result-type-icon{
opacity: 0.9;
}
/* PTB and Canary stuff beyond here... for now */
.ui-card{
border: none;
}
.ui-selectable-item{
border-radius: 0;
}
.ui-search-bar{
background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: 0;
}
.ui-search-bar .input{
border-radius: 0;
}
.ui-popout-list{
border-radius: 0;
}
.dark-elevation-border-high, .theme-dark .elevation-border-high{
background-color: rgba(42, 42, 42, 0.8);
box-shadow: none;
}
.theme-dark .ui-standard-sidebar-view .btn-close{
background-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .ui-standard-sidebar-view .btn-close:hover{
background-color: rgba(255, 255, 255, 0.2);
}
.ui-tab-bar.SIDE .ui-tab-bar-item,
.ui-card,
.ui-button,
.ui-radiogroup .ui-card,
.ui-checkbox-wrapper .ui-checkbox,
.ui-standard-sidebar-view .btn-close,
.user-settings-keybinds .ghost-pill,
.user-settings-games .not-detected,
.user-settings-games .now-playing,
.ui-hover-card:before{
border-radius: 0;
border: none;
}
.theme-dark .ui-standard-sidebar-view{
background: 0 0;
}
.theme-dark .ui-card-primary:not(.editable):not(.outline) .ui-form-text{
color: rgba(255, 255, 255, 0.9);
}
.theme-dark .ui-card-primary.editable{
background-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .ui-standard-sidebar-view .sidebar-region,
.theme-dark .ui-standard-sidebar-view .sidebar-region .scrollbar{
background-color: rgba(0, 0, 0, 0.42);
}
.theme-dark .ui-standard-sidebar-view .content-region,
.theme-dark .ui-standard-sidebar-view .content-region .scrollbar{
background-color: rgba(0, 0, 0, 0.55);
}
.theme-dark .ui-hover-card:before{
background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark .ui-modal,
.theme-dark .ui-modal-content{
background-color: rgba(42, 42, 42, 0.42);
border-radius: 0;
}
.theme-dark .ui-modal-footer{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 0;
box-shadow: none;
}
.ui-select .Select-menu{
border-radius: 0;
}
.theme-dark .ui-select .Select-option:hover{
background-color: rgba(255, 255, 255, 0.2) !important;
}
.theme-dark .ui-select .Select-option{
background-color: rgba(42, 42, 42, 0.8) !important;
}
.Select-option:last-child{
border-radius: 0;
}
.theme-dark .ui-select .Select-menu-outer{
background-color: rgba(42, 42, 42, 0);
}
.theme-dark .ui-select .Select-option.is-selected{
border-radius: 0;
background-color: rgba(42, 42, 42, 0.8);
}
.theme-dark .ui-select .Select-option.is-selected:hover{
border-radius: 0;
background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark .ui-selectable-item:hover{
background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark .ui-audit-log{
background-color: rgba(255, 255, 255, 0.1);
border: none;
}
.ui-audit-log{
border-radius: 0;
}
.theme-dark .ui-audit-log strong{
color: rgba(197, 207, 237, 1);
}
.theme-dark .ui-audit-log .timestamp{
color: rgba(255, 255, 255, 0.6);
}
.ui-flex.flex-horizontal-reverse>.ui-flex,
.ui-flex.flex-horizontal-reverse>.ui-flex-child,
.ui-flex.flex-horizontal>.ui-flex,
.ui-flex.flex-horizontal>.ui-flex-child{
color: rgba(255, 255, 255, 0.9);
}
.ui-flex.flex-horizontal-reverse>.ui-flex-child:last-child,
.ui-flex.flex-horizontal-reverse>.ui-flex:last-child,
.ui-flex.flex-horizontal>.ui-flex-child:last-child,
.ui-flex.flex-horizontal>.ui-flex:last-child{
color: rgba(255, 255, 255, 0.9);
}
.ui-color-picker-swatch.custom,
.ui-color-picker-swatch.default,
.ui-color-picker-swatch{
border-radius: 0;
}
.theme-dark .ui-form-title.h5{
color: rgba(255, 255, 255, 0.9);
}
.theme-dark .ui-form-text.style-description, .theme-dark .ui-form-text.style-label-descriptor{
color: rgba(255, 255, 255, 0.6);
}
.ui-role-list-add{
border-radius: 0;
}
.ui-role-list-role{
border-radius: 0;
}
.roles-list-popout{
border-radius: 0;
background-color: rgba(42, 42, 42, 0.8);
}
.ui-flex.flex-horizontal>.ui-flex{
margin-right: 0;
}
.ui-text-input .input{
border-radius: 0;
border: none;
}
.theme-dark .ui-text-input .input,
.theme-dark .ui-text-input .input.editable:focus,
.theme-dark .ui-text-input .input.editable:hover {
background-color: rgba(0, 0, 0, 0.5);
}
.ui-button.white.outlined{
background-color: rgba(255, 255, 255, 0.1);
border: none;
}
.ui-input-button{
border-radius: 0;
border: none;
}
.theme-dark .ui-input-button{
background-color: rgba(255, 255, 255, 0.1);
}
.theme-dark .ui-button.grey.ghost{
background-color: rgba(255, 255, 255, 0.1);
border-radius: 0;
}
.theme-dark .ui-text-input.emoji-alias-input .input{
background-color: rgba(0, 0, 0, 0.5);
}
/*
.ui-standard-sidebar-view, .ui-standard-sidebar-view *{
color: rgba(255, 255, 255, 0.9);
}*/
.user-settings-connections .connection-header{
border: none;
border-radius: 0;
}
.theme-dark .user-settings-notifications .notifications-sound{
box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
}
.connection-delete{
border-radius: 0;
}
.round-remove-button{
top: 0 !important;
right: -44px !important;
background-color: rgba(255, 255, 255, 0.2) !important;
box-shadow: none !important;
border-radius: 0;
}
.theme-dark .user-settings-games .game {
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) !important;
}
body {
-webkit-transition: background 3s ease-in-out;
transition: background 3s ease-in-out;
background: #fff url(https://wallpaperscraft.com/image/canada_british_columbia_mountain_lake_100429_1920x1080.jpg);
background-size: 1920px auto;
}
.message-group .avatar-large {
margin-left: 5px;
}
.avatar-large, .avatar-profile, .avatar-small, .avatar-xlarge, .avatar-xsmall, .avatar-xxlarge {
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
}
/*
POUR LES EM
*/
.embed .embed-author-icon {
width:16px;
height:16px;
margin-right:4px;
}
.embed .embed-footer-icon {
width:16px;
height:16px;
margin-right:4px;
}
.embed-wrapper .embed-color-pill {
border-radius: 0 0 0 0;
width: 3px;
}
.theme-dark .message-group .embed {
background-color: transparent;
border-color: transparent;
}
.embed .embed-author-icon {
border-radius: 0;
}
/* ============================
CHANNEL LIST
============================ */
.guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
height: 9px !important;
margin: 0px;
width: 5px;
top: 13px !important;
background: white;
left: 8px;
}
.guild-header header {
height: 45px;
padding: 10px;
padding-left: 20px;
}
#voice-connection {
padding-top: 5px;
padding-bottom: 5px;
}
.account {
height: 45px;
}
/* ============================
CHAT
============================ */
.chat>.title-wrap {
min-height: 45px;
}
.message-group {
padding: 15px 0px;
}
/* LOL */
.user-popout{box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.5)!important;}
.user-popout .avatar-wrapper .avatar-popout{
z-index:8!important;
border:none!important;
box-shadow: 0px 0px 0px 2.4px rgba(255,255,255,0.42);
}
.user-popout .header{
border-bottom:rgba(255,255,255,0.42) 2.7px solid!important;
background:none!important;
}
.avatar-popout .status{
visibility:visible!important;
z-index:-1!important;
border-radius:0px!important;
width:250px!important;
height:430px!important;
top:-22px!important;
border:none!important;
left:-80px!important;
-webkit-filter:brightness(80%)!important;
}
.activity{
visibility:hidden;
padding-left:12px;
padding-right:12px;
letter-spacing:-8px;
}
.activity strong{
visibility:visible!important;
-webkit-filter:brightness(700%)!important;
width:220px!important;
letter-spacing:0px!important;
}
.activity strong:before{
content:"{{ "!important;
}
.activity strong:after
{
content: " }}"!important;
}
.user-popout .username-wrapper .activity, .username, .discriminator{
color:white!important;
}
.nickname{
font-size:20px!important;
line-height:27px!important;
}
.live-on-twitch{
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
border:none!important;
margin-bottom:-2.4px!important;
z-index:10;
}
.user-popout .header .avatar-wrapper.no-hover {
z-index: -1 !important;
background: #282B30;
padding: 72px 77px 64px 77px !important;
margin: -50px 77px -50px 77px !important;
box-shadow: inset 0px 52px 0 0px rgba(255,255,255,.1);
}
.bot-tag.bot-tag-invert{
background:#36393e;
color:#ffffff!important;
}
.user-popout .username-wrapper .activity, .username,
.discriminator {
color: inherit !important;
}
.user-popout .header.streaming {
background-color: #593695 !important;
box-shadow: inset 0px 2px 0 0px rgba(255,255,255,.1);
}
#user-profile-modal .header .header-info .header-info-inner .activity {
color: inherit !important;
}
/* MD */
/* Authored by Spoopy Santa Claus (Spoopy Saitama) */
.hljs {
display: block;
font-family: 'Consolas', monospace;
font-size: 10pt;
overflow-x: auto;
background: #1D1F21 !important;
color: #C5C8C6 !important;
padding: 0.5em;
}
.hljs-emphasis {
font-style: italic !important;
}
.hljs-strong {
font-weight: bold !important;
}
/* HLJS Actual Colors */
/* Keyword */
.hljs-keyword {
color: #E061C7 !important;
font-weight: bold !important;
}
/* Builtins */
.hljs-built_in {
color: #999999 !important;
}
/* Literal */
/* Number */
.hljs-literal,
.hljs-number {
color: #F79768 !important;
}
/* Regex */
.hljs-regexp {
color: #B34D4D !important;
}
/* String */
.hljs-string {
color: #2497E3 !important;
}
/* Subst */
.hljs-subst {
color: #F5C747 !important;
font-weight: bold !important;
}
/* Symbol */
.hljs-symbol {
color: #04AFBF !important;
}
/* Class */
.hljs-class,
.hljs-class .hljs-title {
color: #E36222 !important;
}
/* Class keyword */
/* Function keyword */
.hljs-class .hljs-keyword,
.hljs-function .hljs-keyword {
color: #50FA7B !important;
}
/* Function */
.hljs-function,
.hljs-function .hljs-title {
color: #D65656 !important;
}
/* Params */
.hljs-params {
color: #07CC95 !important;
}
/* Comment */
/* Doctag */
/* Meta Keyword */
/* Meta String */
/* Template Tag */
/* Template Variable */
.hljs-comment,
.hljs-doctag,
.hljs-meta-keyword,
.hljs-meta-string,
.hljs-template-tag,
.hljs-template-variable {
color: #9E9E9E !important;
font-style: italic !important;
}
/* Meta */
.hljs-meta {
color: #E36222 !important;
font-style: italic !important;
}
/* Tag */
.hljs-tag {
color: #49C7F5 !important;
}
/* Name Of Tag */
.hljs-name,
.hljs-builtin-name {
color: #D75A64 !important;
}
/* Attr */
/* Variable */
.hljs-attr,
.hljs-variable {
color: #78D69E !important;
}
/* HLJS Markup */
/* Bullets */
/* Type */
.hljs-bullet,
.hljs-type {
color: #04AFBF !important;
font-weight: bold !important;
}
/* Code */
.hljs-code {
color: #BEBEBE !important;
}
/* Emphasis */
.hljs-emphasis {
font-style: italic !important;
color: #AEAEAE !important;
}
/* Strong */
.hljs-strong {
font-weight: bold !important;
}
/* Formula */
/* Link */
.hljs-link {
color: #DE935F !important;
}
/* Section */
.hljs-section {
color: #CC9C0C !important;
font-weight: bold !important;
}
/* Quote */
.hljs-quote {
color: #789922 !important;
}
/* HLJS CSS */
/* Tag Selector */
.hljs-selector-tag {
color: #D75A64 !important;
}
/* ID Selector */
.hljs-selector-id {
color: #CC3535 !important;
font-weight: bold !important;
}
/* Attribute */
/* Psuedo Selector */
.hljs-attribute,
.hljs-selector-pseudo {
color: #40C762 !important;
}
/* Class Selector */
.hljs-selector-class {
color: #49C7F5 !important;
}
/* Attr Selector */
.hljs-selector-attr {
color: #A25AFA !important;
}
/* Diff Addition */
.hljs-addition {
color: #80C771 !important;
}
/* Diff Deletion */
.hljs-deletion {
color: #C24848 !important;
}
/* ANIMATION */
.message:not(.message-sending), .message-content:not(.message-sending), .image:not(.message-sending), .tooltip, .guild, .section, .context-menu, .friends-row, .channel, .user-settings-modal, .channel-voice-states, .selected:before, .markdown-modal, .icon-muted, .icon-deafened, .avatar-large:not(.message-sending), .empty-message, .popout-menu, .editable, .emoji-item, .quickswitcher, .avatar-small, .ui-guild-nsfw, .quickswitcher::after {
animation: PikaDude 0.5s;
}
.user-popout, .emoji-picker, .popout, .option-popout, .ui-form-section {
animation: PikaDude 0.2s;
}
.channel-members, .search-results-wrap {
animation: PikaDude 1s;
}
.callout-backdrop {
animation: Bidoof 0.5s;
}
@keyframes PikaDude {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes Bidoof {
from {
opacity: 0;
}
to {
opacity: 0.85;
}
}
/* CIRCULARE */
/* Account Panel */
.account .btn-mute, .account .btn-deafen, .account .btn-settings {
border: none;
box-shadow: none;
transition: background-color 0.2s;
}
.account .btn-group {
border-radius: 50px;
}
.account .btn-mute {
border-radius: 50px 0 0 50px;
}
.account .btn-settings {
border-radius: 0 50px 0 0 50px;
}
.account .btn-mute:hover, .account .btn-deafen:hover, .account .btn-settings:hover {
background-color: #23272A;
}
/* Voice Panel */
#voice-connection .btn-group {
border-radius: 50px;
}
#voice-connection .btn-info, #voice-connection .btn-disconnect {
border: none;
box-shadow: none;
transition: background-color 0.2s;
}
#voice-connection .btn-info:hover, #voice-connection .btn-disconnect:hover {
background-color: #23272A;
}
/* STATUS */
/* DnD */
.status-dnd ~ .status-text {
font-size: 0;
}
.status-dnd ~ .status-text::after {
content: "Coder";
font-size: 15px;
}
.status-picker .popout-menu-item:nth-child(4) .helper{
font-size: 0;
}
.status-picker .popout-menu-item:nth-child(4) .helper::after{
content: "Car je sais qu'il ne faut pas être déranger quand on code ! ;)" !important;
font-size: 12px;
}
/* Invisible */
.status-invisible ~ .status-text {
font-size: 0;
}
.status-invisible ~ .status-text::after {
content: "Invisible";
font-size: 15px;
}
.status-picker .popout-menu-item:nth-child(5) .helper{
font-size: 0;
}
.status-picker .popout-menu-item:nth-child(5) .helper::after{
content: "Quand tu met une cape d'invisibilité ! :P" !important;
font-size: 12px;
}
.connecting,
.theme-dark .guild-header header,
section.flex-verticle.flexspacer,
.theme-dark .guild-wrapper,
.theme-dark .channels-wrap, .theme-dark .guild-channels-wrapper,
.theme-dark .scroller.messages,
.theme-dark .messages-wrapper,
.theme-dark .messages .message-text,
.theme-dark .chat,
.theme-dark .chat>.content,
.theme-dark .channel-members,
.theme-dark .private-channels,
.theme-dark #friends, .theme-dark #friends .friends-table,
.theme-dark .popout, .theme-dark .pop-out .user-popout,
.theme-dark .chat .title-wrap,
.guilds-wrapper,
.account,
.theme-dark .guild-channels,
.theme-dark .chat .content form .typing,
.guild-channels .channel-text.selected,
.guild-channels .channel-text:hover,
.private-channels .channel.selected,
.private-channels .channel:hover,
.theme-dark #friends .friends-header,
.search-bar,
#voice-connection,
.account .btn,
#voice-connection .btn {
background: transparent !important;
}
.scroller::-webkit-scrollbar-track,
.scroller::-webkit-scrollbar-track-piece {
background: transparent !important
}
/**
DISCORD EMOJI ANIMATIONS. (V.05)
--------------------------------
Hey, heres a pretty cool improvement to your Discord client.
Some basic animations to some emoji! They're not very popular
emoji though. If you have any you'd like animated please let
me know @jakeoid#6284.
https://owo.whats-th.is/d8ef5d.gif
**/
/** ******************** **
Hearts
** ******************** **/
/** Heart **/
img[alt*=":heart:"],
img[alt*=":hearts:"],
img[alt*=":green_heart:"],
img[alt*=":blue_heart:"],
img[alt*=":purple_heart:"],
img[alt*=":yellow_heart:"],
img[alt*=":heartbeat:"],
img[alt*=":heartpulse:"],
img[alt*=":black_heart:"],
img[alt*=":sparkling_heart:"] { animation: heartbeat 1s infinite;}
/** ******************** **
Emoji
** ******************** **/
/** Money Wings **/ img[alt*=":money_with_wings:"] {animation: wobble 2s infinite;}
/** Kiss **/ img[alt*=":kiss:"] {animation: heartbeat 1s infinite;}
/** Hammer **/ img[alt*=":hammer:"] {animation: wobble 0.5s infinite;}
/** Pickaxe **/ img[alt*=":pick:"] {animation: wobble 0.5s infinite;}
/** Bomb **/ img[alt*=":bomb:"] {animation: bomb 2s infinite;}
/** Boom **/ img[alt*=":boom:"] {animation: boom 2s infinite;}
/** Eyes **/ img[alt*=":eyes:"] {animation: eyes 4s infinite;animation-timing-function:steps(1);}
/** Laughing **/ img[alt*=":laughing:"] {transform: rotate(-90deg);}
/** Heart Eyes **/ img[alt*=":heart_eyes:"] {animation: heartbeat 1s infinite;}
/** Joyful **/ img[alt*=":joy:"] {animation: joy 2s infinite;}
/** Upside Down **/ img[alt*=":upside_down:"] {animation: wobble 2s infinite;}
/** Scream **/ img[alt*=":scream:"], img[alt*=":scream_cat:"] {animation: scare 2s infinite;}
/** ROFL **/ img[alt*=":rofl:"] {animation: rofl 2s infinite;}
/** Sneezing **/ img[alt*=":sneezing_face:"] {animation: wobble 1s infinite;}
/** Joyful Cat **/ img[alt*=":joy_cat:"] {animation: joy 2s infinite;}
/** Heart Eyes **/ img[alt*=":heart_eyes_cat:"] {animation: heartbeat 1s infinite;}
img[alt*=":rt:"]{animation: boom 3s infinite}
/** Waving **/ img[alt*=":wave:"] {animation: wobble 2s infinite;}
/** Angry **/ img[alt*=":angry:"], .emoji[alt*="Angery"], .emoji[alt*="Thonkery"] {animation: vibrate 0.2s infinite;}
/** ******************** **
Sports
** ******************** **/
/** Soccer **/ img[alt*=":soccer:"] {animation: rotate 2s infinite;}
/** Basketball **/ img[alt*=":basketball:"] {animation: rotate 2s infinite;}
/** Baseball **/ img[alt*=":baseball:"] {animation: rotate 2s infinite;}
/** Tennis **/ img[alt*=":tennis:"] {animation: rotate 2s infinite;}
/** ******************** **
Tech
** ******************** **/
/** Gear **/ img[alt*=":gear:"] {animation: rotate 2s infinite;}
/** Disc & CD **/ img[alt*=":cd:"], img[alt*=":dvd:"] {animation: rotate 2s infinite;}
/** ******************** **
Etc
** ******************** **/
/** Snowflake **/ img[alt*=":snowflake:"] {animation: rotate 2s infinite;}
/** Sun **/ img[alt*=":sunny:"] {animation: rotate 2s infinite;}
/** Hourglass **/ img[alt*=":hourglass:"] {animation: hourglass 2s infinite;}
/** mmLol **/ .emoji[alt*="mmLol"] {animation: mmlol 5s infinite;}
/** ************************************************ **/
/** CSS KEYFRAMES BEGIN HERE, ITS GOING TO GET MESSY **/
/** ************************************************ **/
@keyframes wobble {0%,100%{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}
@keyframes scare {0%,100%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}}
@keyframes hourglass{0%,100%,41%{transform:rotate(0)}20%,40%{transform:rotate(-180deg)}}
@keyframes rotate {0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes rofl {0%{transform:rotate(45deg)}100%{transform:rotate(404deg)}}
@keyframes heartbeat{0%,100%,40%,80%{transform:scale(.75)}20%,60%{transform:scale(1)}}
@keyframes joy {0%,100%,50%{transform:scale(.9)}25%,75%{transform:scale(1)}}
@keyframes boom {0% {transform:scale(.1)}20% {transform:scale(1)}80% {transform:scale(1);opacity: 1;}100%{opacity: 0;}}
@keyframes bomb {0%,100%,20%{transform:scale(1)}90%{transform:scale(.6)}95%{transform:scale(1.5)}}
@keyframes eyes {0%,25%,75%{transform:scaleX(1)}50%,100%{transform:scaleX(-1)}}
@keyframes mmlol {0% { transform: rotate(0deg); }69% { transform: rotate(0deg); }70% { transform: rotate(-90deg); }99% { transform: rotate(-90deg); }100% { transform: rotate(0deg); }}
@keyframes vibrate {25%{transform: translateX(3px) translateY(-2px)}50%{transform: translateX(-1px) translateY(3px)}75%{transform: translateX(-4px) translateY(-2px)}100%{transform: translateX(2px) translateY(-1px)}}
/** ******* **/
/* Scroller */
/* BOTH | This one can't be used on light and dark, must define both */
.scroller-wrap .scroller::-webkit-scrollbar { width: 14px; }
.scroller.guild-channels::-webkit-scrollbar { display: none; }
.scroller-wrap .scroller::-webkit-scrollbar-track-piece {
border: 4px solid rgba(255, 255, 255, 0) !important;
background-color: rgba(0, 0, 0, 0) !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb {
border: 4px solid rgba(255, 255, 255, 0) !important;
background-color: rgba(225, 225, 225, 0.05) !important;
transition: background-color 1s !important;
display: initial;
}
.scroller-wrap:hover .scroller::-webkit-scrollbar-thumb:hover {
border: 4px solid rgba(255, 255, 255, 0) !important;
background-color: rgba(225, 225, 225, 0.15) !important;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb:active {
border: 4px solid rgba(255, 255, 255, 0) !important;
background-color: rgba(225, 225, 225, 0.2) !important;
}
.avatar-large[style*="a_"] + .comment .message.first .body .username-wrapper:after {
content: 'Nitro';
color: white;
margin-left: 5px;
background: #fc964b;
line-height: 16px;
text-transform: uppercase;
vertical-align: bottom;
border-radius: 3px;
margin-left: 6px;
padding: 1px 2px;
font-size: 10px;
font-weight: 600;
cursor: text;
}
.member.member-status > .avatar-small[style*="a_"] + .member-inner .member-username:after {
content: 'Nitro';
color: white;
margin-left: 5px;
background: #fc964b;
line-height: 15px;
height: 14px;
text-transform: uppercase;
vertical-align: bottom;
border-radius: 3px;
margin-left: 6px;
padding: 1px 2px;
font-size: 10px;
font-weight: 600;
}
.channel-textarea-autocomplete-inner .avatar-small[style*="a_"] + .discord-tag:after,
.channel-textarea-autocomplete-inner .avatar-small[style*="a_"] + .username:after {
content: ' ';
position: absolute;
background: url(https://canary.discordapp.com/assets/65f0a0df5563e21de7b1aeeafaf31d78.svg);
background-size: 20px;
width: 20px;
height: 15px;
margin-left: 5px;
}
.channel.channel-voice:not(.collapsed) .avatar-small[style*="a_"] + span:after {
content: ' ';
position: absolute;
background: url(https://canary.discordapp.com/assets/65f0a0df5563e21de7b1aeeafaf31d78.svg);
background-size: 20px;
width: 20px;
height: 15px;
margin-top: 1.5px;
margin-left: 5px;
}
.channel.channel-voice li.speaking .avatar-small[style*="a_"] {
border-color: #fc964b;
}
.tooltip.tooltip-right.tooltip-normal, .tooltip.tooltip-bottom.tooltip-normal, .tooltip.tooltip-top.tooltip-normal {
background: rgba(22,22,22,0.6);
color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.9);
}
.tooltip.tooltip-right.tooltip-normal:after, .tooltip.tooltip-bottom:after, .tooltip.tooltip-top:after {
opacity: 0;
}
.tooltip.tooltip-top {
-webkit-animation: tooltip-top-anim 200ms ease-in-out;
animation: tooltip-top-anim 200ms ease-in-out;
}
.tooltip.tooltip-bottom {
-webkit-animation: tooltip-bottom-anim 200ms ease-in-out;
animation: tooltip-bottom-anim 200ms ease-in-out;
}
.tooltip.tooltip-right {
-webkit-animation: tooltip-right-anim 200ms ease-in-out;
animation: tooltip-right-anim 200ms ease-in-out;
}
@-webkit-keyframes tooltip-top-anim {
from {
transform: translateY(-20px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@keyframes tooltip-top-anim {
from {
transform: translateY(-20px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@-webkit-keyframes tooltip-bottom-anim {
from {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@keyframes tooltip-bottom-anim {
from {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@-webkit-keyframes tooltip-right-anim {
from {
transform: translateX(20px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes tooltip-right-anim {
from {
transform: translateX(20px);
opacity: 0;
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
/*
Authored by kanadeko.
This css will hide the servers leaving a 20px gap where notifications
and badges appear. Just hover on the server list for some magic.
And a few more things. Probably.
*/
#voice-connection {
padding-top: 5px;
padding-bottom: 5px;
}
.account {
height: 50px;
}
/* ============================
CHAT
============================ */
.chat>.title-wrap {
min-height: 45px;
}
.message-group {
padding: 15px 0px;
}
.guilds-wrapper .guilds .friends-icon { background-image: url('https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_forum_white_24px.svg')}
/* Server Section */
/* BOTH */
.guilds-wrapper { background: var(--dark-highlight); }
.guilds-wrapper .guild.guilds-add:after,
.guilds-wrapper .guild.guilds-add:hover:after,
.guilds-wrapper .guilds .guild a:hover,
.guilds-wrapper .guilds .guild.selected .guild-inner,
.guilds-wrapper .guilds .guild.active .guild-inner {
background-color: transparent !important;
}
.guilds-wrapper .guilds .friends-icon { background-image: url('https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_forum_white_24px.svg')}
.guilds-wrapper .guilds .guild.selected {
background: transparent;
}
.guilds-wrapper .guilds .friends-online {
display: none;
}
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
.channel-name{
color: gray;
}
.app.theme-light {
visibility: hidden;
white-space: pre;
}
.app.theme-light:before {
content: 'QUOI ? TU AS VOULU UTILISER LE THEME WHITE? TU ES FOU MON N\'VEU, T\'ES BAN ! ';
visibility: visible !important;
color: red;
text-transform: uppercase;
font-size: 26pt;
width: 100%;
text-align: center;
font-weight: bold;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.account > .avatar-small{ opacity: 0.4; transition: opacity 1s;}
.account > .avatar-small:hover{ opacity: 1;}
.user-name:after {
content: "}";
}
.user-name::before {
content: "{";
}
.header-toolbar > button {opacity: 0.1; transition: opacity 1s;}
.header-toolbar > button:hover {opacity: 0.9;}
.member-username * { opacity: 0.6; font-style: italic; }
.channel-members h2 { display: none;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment