Skip to content

Instantly share code, notes, and snippets.

@benjamin238

benjamin238/discordtheme.css

Last active June 24, 2018 23:04
Show Gist options
  • Save benjamin238/9f618fdfa6de5d7ad834eb74424963fd to your computer and use it in GitHub Desktop.
Save benjamin238/9f618fdfa6de5d7ad834eb74424963fd to your computer and use it in GitHub Desktop.
Download ZIP
test
Raw
discordtheme.css
.app {
background: var(--background-image);background-position: center;;background-size: cover;}
.ui-standard-sidebar-view .sidebar-region {background: rgba(0,0,0,0) !important;}
.layers-3iHuyZ, .layer-3QrUeG, .container-PNkimc, .typing-2GQL18 {background: rgba(0,0,0,0) !important;}
/* optionally adjust background brightness (0: original image, 1: black) */
.layers-3iHuyZ{background: rgba(0,0,0,var(--background-brightness)) !important;}
/*Layer Transparency*/
.content .flex-spacer{background-color: rgba(0,0,0,0) !important;}
.content-region{background-color: rgba(0,0,0,0) !important;}
.headerBar-UHpsPw{background-color: rgba(0,0,0,0) !important;}
.noChannel-2EQ0a9{background-color: rgba(0,0,0,0) !important;}
.channels-Ie2l6A{background-color: rgba(0,0,0,0) !important;}
.title-qAcLxz{background-color: rgba(0,0,0,0) !important;}
.container-2Thooq{background-color: rgba(0,0,0,0) !important;}
.container-PNkimc{background-color: rgba(0,0,0,0) !important;}
.container-GLDMJI{background-color: rgba(0,0,0,0) !important;}
.guilds-wrapper{background-color: rgba(0,0,0,0) !important;}
.chat form.typing-2GQL18{background-color: rgba(0,0,0,0) !important;}
.chat form{background-color: rgba(0,0,0,0) !important;}
.chat>.content{background-color: rgba(0,0,0,0) !important;}
.chat{background-color:rgba(0,0,0,0)!important;}
.chat .messages{background-color: rgba(0,0,0,0) !important;}
.friends-table, .messages-wrapper{background-color: rgba(0,0,0,0) !important;}
.members-1998pB{background-color: rgba(0,0,0,0) !important;}
#friends{background-color: rgba(0,0,0,0) !important;}
.title-3qD0b-{background-color: rgba(0,0,0,0) !important;}
.ui-standard-sidebar-view{background-color: rgba(0,0,0,0) !important;}
.ui-standard-sidebar-view .sidebar-region .sidebar-region-scroller,
.ui-standard-sidebar-view .content-region .content-region-scroller-wrap{background: rgba(0,0,0,0.4);}
.container-2lgZY8{background-color: rgba(0,0,0,0) !important;}
.guilds-wrapper .guilds .home-icon {
background-image: url(https://i.imgur.com/mrwgSU2.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 50px 50px;
height: 55px;
width: 45px;
}
.inviteModal-34DdOm .scroller-3__pG8 {
background: rgb(0, 0, 0) url(/assets/29d5ff462afb11bce1979cf694aee3d1.png) repeat;
background-size: 200px 204px;
height: 100%;
position: relative;
width: 400px;
}
.paginationItem-3-MBTL:after {
background: -webkit-gradient(linear,right top,left top,from(transparent),to(rgba(32, 34, 37, 0)));
background: linear-gradient(270deg,transparent 0,rgba(32, 34, 37, 0));
background-blend-mode: color;
border-radius: 5px;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.theme-dark .header-1RC2Wb:hover {
background-color: #00b0f4;
}
.theme-dark .headerText-2niCs_ {
border-top-color: rgba(47, 49, 54, 0);
color: #dcddde;
}
.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
background-color: #00b0f4;
color: #060606;
}
.article-FleDq5 {
-webkit-box-sizing: border-box;
background-color: rgba(32, 34, 37, 0);
border-radius: 5px;
bottom: 0;
box-sizing: border-box;
height: 100%;
left: 0;
overflow: hidden;
padding: 20px;
position: relative;
position: absolute;
right: 0;
top: 0;
}
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteBody"] {
width: 350px;
padding: 0;
color: #00ff8b;
font-size: 15px;
font-weight: 400;
}
.headerTop-3C2Zn0 {
padding: 20px 10px;
background-image: url(https://wallpapercave.com/wp/NF7StKc.jpg);
}
.theme-dark .search-results-wrap .search-result:after {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(47,49,54,0)),to(rgba(47, 49, 54, 0)));
background-image: linear-gradient(180deg,rgba(47,49,54,0),rgba(47, 49, 54, 0));
}
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteActions"] div[class^="inviteCancel"] {
width: calc(50% - 2px);
height: 36px;
margin: 0;
padding: 9px 12px 10px;
box-sizing: border-box;
color: #3a71c1;
font-size: 15px;
font-weight: 400;
line-height: 1;
text-align: center;
}
.theme-dark .search-results-wrap .search-result .search-result-message.hit {
border: 2px solid rgb(28, 36, 43);
}
.theme-dark .search-results-wrap .search-result .hit {
-webkit-box-shadow: 0 0 10px 6px rgba(47, 49, 54, 0);
background-color: rgba(54, 57, 62, 0);
box-shadow: 0 0 10px 6px rgba(47, 49, 54, 0);
}
.guilds-wrapper .guilds .friends-icon:hover{
background-image: url(https://i.imgur.com/aHw3huz.png);
background-position: 50%;
transition: all 1s ease-in-out;
background-repeat: no-repeat;
background-size: 50px 50px;
height: 55px;
width: 45px;
}
.theme-dark .search-results-wrap .search-result:before {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(47,49,54,0)),to(rgba(47, 49, 54, 0)));
background-image: linear-gradient(0deg,rgba(47,49,54,0),rgba(47, 49, 54, 0));
}
.lookFilled-1Gx00P .contents-18-Yxp, .lookInverted-2D7oAl .contents-18-Yxp, .lookLink-9FtZy- .contents-18-Yxp, .lookOutlined-3sRXeN .contents-18-Yxp {
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #f6f6f7;
background-color: rgba(250, 235, 215, 0);
}
.mention {
-webkit-transition: background-color .05s,color .05s;
background: #43b581;
color: #43b581;
font-weight: 500;
transition: background-color .05s,color .05s;
}
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
.bda-dark #pubs-container .scroller ::-webkit-scrollbar,
.bda-dark #pubs-container .scroller ::-webkit-scrollbar-track,
.bda-dark #pubs-container .scroller ::-webkit-scrollbar-track-piece,
.bda-dark .emoji-picker .scroller::-webkit-scrollbar,
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track,
.bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece,
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar,
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track,
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track-piece {
background-color: #43b581 !important;
border-color: rgba(0, 0, 0, 0) !important;
}
.bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeLight-1_DWyY .scroller-2FKFPG::-webkit-scrollbar-thumb,
.theme-dark .scrollerThemed-2oenus.themeLight-1_DWyY .scroller-2FKFPG::-webkit-scrollbar-thumb,
.theme-light .scrollerWrap-2lJEkd .scroller-2FKFPG::-webkit-scrollbar-thumb,
.bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb {
border-color: #43b581 !important;
background-color:rgba(0, 0, 0, 0) !important;
}
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,
.bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece {
background-color: #43b581 !important;
border-color: rgba(0, 0, 0, 0) !important;
}
.mentioned .mention:hover {
color: #43b581;
}
.theme-dark .footer-1fjuF6 {
border-color: rgba(32,34,37,.3);
}
.chat .new-messages-bar button {
background: rgb(47, 49, 54);
color: #fff;
font-family: segoe UI;
font-weight: 500;
line-height: 14px;
padding: 6px 10px;
text-align: left;
}
.bda-dark #bda-qem-favourite-container, .bda-dark #bda-qem-twitch-container {
background-color: #43b581;
}
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0.1);
border: rgba(0, 0, 0, 0.1);
}
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
background-color: tomato;
border-color:rgba(0, 0, 0, 0.1);
}
.theme-dark .friends-table .messages .divider.divider-red>div, .theme-dark .messages-wrapper .messages .divider.divider-red>div {
background: hsla(0, 0%, 100%, 0);
opacity: .4;
}
.theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6 { background-color: rgba(47, 49, 54, 0.9); color: hsla(0,0%,100%,.8); }
.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover:not(.selected) {
background-color: #43b581;
}
.theme-dark .accountBtnInner-sj5jLs {
background-color: rgba(114, 137, 218, 0);
border-color: rgba(32, 34, 37, 0);
}
.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
background-color: #3a71c1;
color: #36393f;
}
.guilds-wrapper {
opacity:0;
max-width:10px;
transition: all .1s ease-in-out;
}
.bda-dark #bda-qem-twitch-container, #bda-qem-favourite-container {
width: 346px;
height: 327px;
background-color: #43b581;
border-radius: 0 0 5px 5px;
}
.theme-dark .content-Qb0rXO {
color: #000000;
font-family: segoe UI;
}
.theme-dark .search-results-wrap {
background-color: #000000;
}
.guilds-wrapper:hover{
opacity:1;
max-width:70px;
}
.theme-dark #friends .tab-bar .tab-bar-item.selected {
background-color: #faa61a;
color: #000000;
}
.autocompleteInner-zh20B_ { padding-bottom: 8px; background-color: hsla(251, 73%, 47%, 0); background-image: url(https://static.techspot.com/images2/news/bigimage/2015/05/2015-05-31_12-25-59.png);
background-repeat: no-repeat;
background-position: center;
}
#bd-settings-sidebar .ui-tab-bar-item:hover {
color: #f6f6f7;
background-color: #43b581;
}
.nameSelectedText-sp_EUw, .nameSelectedVoice-1qSph5 {
color: #43b581;
}
.contentSelectedText-3wUhMi {
background-color: rgb(1, 41, 77);
}
#bda-qem-emojis::before {
content: "";
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
display: block;
height: 39px;
}
.theme-dark .selectorSelected-1_M1WV {
background-color: rgba(255, 127, 0, 0.97);
}
.message-group .emoji{
height: 80px;
width: 70px;
}
.theme-dark .description-11DmNu, .theme-dark .descriptionUsername-J_75O8 {
color: #000000;
font-size: larger;
font-family: segoe UI;
}
.itemGroup-1tL0uz > .itemSubMenu-1vN_Yn ~ .item-1Yvehc:last-child span{
color:red;
}
#friends .btn:hover {
background-color: #b5435f;
}
.message-group .avatar-large[style*="189076057150717953"] ~ .comment .message h2 span.username-wrapper::after {
background-color: #f04747 !important;
padding: 0px 4px;
border: 2px outset rgba(255, 255, 255, 0.01);
content: "support";
text-transform: uppercase;
display: inline-block;
margin-left: 4px;
font-size: small;
text-shadow: 0 0 2px rgba(255, 255, 255, 0);
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked {
background: #6e4cdc;
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
background: #ec0808;
border-radius: 8px;
transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out;
}
#friends .btn {
background-color: #f04747;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 500;
margin-right: 10px;
padding: 4px 8px;
}
.guilds-wrapper .guilds .guild.unread:before {
background: #f04747;
border-radius: 5px;
height: 10px;
margin-top: -6px;
}
.theme-dark .cardPrimaryEditable-3KtE4g {
background: rgba(89, 102, 121, 0);
border-color: rgba(32, 34, 37, 0);
}
.content-column.default > div > div > div:nth-child(2) > div > div[style="padding: 10px;"]:nth-child(1){
display:none!important;
}
.unread-1Dp-OI {
background-color: #7289da;
border-radius: 0 6px 6px 0;
height: 8px;
left: 0;
margin-top: -4px;
position: absolute;
top: 50%;
width: 4px;
}
a {
-webkit-transition: opacity .5s,color .5s;
color: rgba(244, 205, 0, 0.95);
cursor: pointer;
text-decoration: none;
transition: opacity .5s,color .5s;
}
.contentSelectedText-3wUhMi {
background: linear-gradient(to left, transparent,
rgba(23,18,20,.1),
rgba(0,91,100,1));
}
.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 {
background-color: rgba(54, 57, 62, 0);
}
.theme-dark .friends-table .messages .divider.divider-red>span, .theme-dark .messages-wrapper .messages .divider.divider-red>span {
color: #7289da;
}
.theme-dark #friends .friends-table .friends-row:hover {
background: linear-gradient(to left, transparent,
rgba(23,18,20,1),
rgba(0,91,100,1));
}
.lookFilled-1Gx00P.colorRed-1TFJan, .lookOutlined-3sRXeN.colorRed-1TFJan, [class="itemDefault-3Jdr52 item-PXvHYJ notSelected-1N1G5p"][style*="color: rgb(240, 71, 71);"] {
background-color: #faa61a !important;
color: #fff !important;
border: 1px solid rgba(240, 71, 71, 0);
}
.avatar-small{
height:40px;
width:40px;
background-repeat:none;
background-size: cover;
background-position: center;
}
.message-group .mentioned .message-text:after {
background: rgba(114, 137, 218, 0);
border-left: 6px solid #43b581;
border-radius: 2px 0 0 2px;
bottom: 0;
content: " ";
left: -6px;
position: absolute;
top: 0;
width: 2px;
}
.theme-dark .inner-zqa7da {
background-color: hsla(224, 79%, 57%, 0.4);
border-left: 6px solid rgba(0, 35, 255, 0.69);
}
.theme-dark .user-settings-games .not-detected, .theme-light .user-settings-games .not-detected {
background-color: #3a75bf;
}
#bd-settings-sidebar .ui-tab-bar-item.selected {
color: #fff;
background-color: #da7272;
}
.ui-standard-sidebar-view .bda-slist li, .ui-standard-sidebar-view .bda-slist li:nth-child(odd) {
background-color: rgba(25, 25, 25, 0);
border: 0;
}
.chat .avatar-large {
-webkit-transition: opacity .2s ease;
cursor: pointer;
opacity: 1;
transition: opacity .2s ease;
height: 80px;
width: 80px;
background-repeat: none;
background-size: cover;
background-position: center;
}
.accountDetails-3k9g4n .username {
display: block;
max-width: 84px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Segoe UI;
font-size: large;
}
.theme-dark .userSettingsAccount-2eMFVR .viewBody-2Qz-jg {
color: #b9bbbe;
font-family: segoe UI;
font-size: larger;
}
.theme-dark .noChannel-Z1DQK7 {
background: rgba(54, 57, 63, 0);
}
.role-2irmRk {
-webkit-box-sizing: border-box;
border: 1px solid;
border-radius: 1px;
box-sizing: content-box;
margin: 0 4px 4px 0;
padding: 4px;
font-size: larger;
font-family: segoe UI;
}
.message-group .avatar-large[style*="306060056271519745"] ~ .comment .message h2 span.username-wrapper::after {
background-color: #f04747 !important;
padding: 0px 4px;
border: 2px outset rgba(255, 255, 255, 0.01);
content: "Theme developer";
text-transform: uppercase;
display: inline-block;
margin-left: 4px;
font-size: small;
text-shadow: 0 0 2px rgba(255, 255, 255, 0);
}
.theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 {
background-color: rgba(67, 181, 129, 0.49);
color: #fff;
}
.message-group .avatar-large[style*="388911699488669697"] ~ .comment .message h2 span.username-wrapper::after {
background-color: #f04747 !important;
padding: 0px 4px;
border: 2px outset rgba(255, 255, 255, 0.01);
content: "Helper";
text-transform: uppercase;
display: inline-block;
margin-left: 4px;
font-size: small;
text-shadow: 0 0 2px rgba(255, 255, 255, 0);
}
.guilds-wrapper .guilds .guild.selected:before {
-webkit-transition: height .25s ease-in-out,margin-top .25s ease-in-out;
background: #faa61a;
border-radius: 20px;
height: 40px;
margin-top: -20px;
transition: height .25s ease-in-out,margin-top .25s ease-in-out;
}
.theme-dark .description-3_Ncsb, .theme-dark .labelDescriptor-1PqHgD {
color: #72767d;
font-size: small;
font-family: segoe UI;
}
#dv-mount {
background-color: rgba(47, 49, 54, 0);
bottom: 0;
box-sizing: border-box;
display: flex;
height: 95px;
justify-content: center;
position: absolute;
width: 240px;
z-index: 256;
}
.message-group .avatar-large[style*="124017508662378500"] ~ .comment .message h2 span.username-wrapper::after {
background-color: #f04747 !important;
padding: 0px 4px;
border: 2px outset rgba(255, 255, 255, 0.01);
content: "Theme Developer [code stuff]";
text-transform: uppercase;
display: inline-block;
margin-left: 4px;
font-size: small;
text-shadow: 0 0 2px rgba(255, 255, 255, 0);
}
.theme-dark .searchOption-zQ-1l6 .filter-3Y_im- {
color: #caccce;
font-family: "Segoe UI";
}
.theme-dark .resultsGroup-r_nuzN .header-2N-gMV {
color: #cacbce;
font-family: segoe UI;
}
.theme-dark .card-FDVird:before {
background-color: rgba(240, 71, 71, 0.54);
border-color: rgba(43, 46, 50, 0);
}
.spinner .spinner-wandering-cubes span:first-of-type {
width: 32px;
height: 32px;
background-color: transparent;
background-image: url(https://i.imgur.com/MfeQkLJ.gif);
background-position: center center;
background-size: 32px 32px;
filter: invert(100%);
animation: none; }
.spinner .spinner-wandering-cubes span:last-of-type {
display: none; }
#bd-settings-sidebar .ui-tab-bar-header {
color: #f04747;
padding: 6px 10px;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
flex-shrink: 0;
font-weight: 500;
font-family: segoe UI;
}
span[class^="spinner-"] span[class^="inner-"] span[class^="wanderingCubesItem"]:first-of-type {
width: 32px;
height: 32px;
background-color: transparent;
background-image: url(https://i.imgur.com/MfeQkLJ.gif);
background-position: center center;
background-size: 32px 32px;
filter: invert(100%);
animation: none; }
span[class^="spinner-"] span[class^="inner-"] span[class^="wanderingCubesItem"]:last-of-type {
display: none; }
.theme-dark .cardPrimary-1Hv-to {
background: rgba(95, 141, 210, 0.6);
border-color: rgba(32, 34, 37, 0);
}
.theme-dark .contentTitle-2tG_sM {
color: #000000;
font-family: segoe UI;
}
.container-16j22k {
background-color: #191919; }
.container-16j22k div[class^="content-"] {
background-image: url(https://i.imgur.com/MfeQkLJ.gif);
background-position: center top;
background-repeat: no-repeat;
background-size: 32px;
-webkit-filter: invert(100%); }
.container-16j22k video {
display: none; }
.container-16j22k video img {
display: none; }
.container-16j22k div[class^="quote-"],
.container-16j22k div[class^="attribution-"] {
display: none; }
.container-16j22k div[class^="status-"] {
margin-top: 64px;
color: #FFF;
font-family: "Segoe UI Light", "Selawiklight";
font-size: 32px;
font-weight: 400;
text-transform: none;
-webkit-filter: invert(100%); }
.container-16j22k div[class^="problems-"] {
align-items: flex-end;
padding-right: 20px;
padding-bottom: 20px; }
.container-16j22k div[class^="problems-"] div[class^="problemsText-"] {
display: none; }
.container-16j22k div[class^="problems-"] a[class^="twitterLink"],
.container-16j22k div[class^="problems-"] a[class^="statusLink"] {
width: 48px;
height: 48px;
display: inline-block;
font-size: 0;
transition: background .3s;
}
.container-16j22k div[class^="problems-"] a[class^="twitterLink"]::before,
.container-16j22k div[class^="problems-"] a[class^="statusLink"]::before {
width: 48px;
height: 48px;
-webkit-background-size: 20px;
background-size: 20px;
}
.container-16j22k div[class^="problems-"] a[class^="twitterLink"]:hover,
.container-16j22k div[class^="problems-"] a[class^="statusLink"]:hover {
background-color: rgba(255, 255, 255, 0.1);
transition: background .3s; }
.container-16j22k div[class^="problems-"] a[class^="statusLink"] {
margin-left: 4px;
}
div[class^="typeWindows-"] {
height: 28px;
background-color: #000; }
div[class^="typeWindows-"] div[class^="wordmark"] {
opacity: 1; }
div[class^="typeWindows-"] div[class^="wordmark"] svg {
display: none; }
div[class^="typeWindows-"] div[class^="wordmark"]::after {
content: "Discord/windows10";
color: #FFF;
font-size: 15px;
position: absolute;
top: 10px;
left: 20px;
display: block; }
div[class*="titleBar-"] div[class*="winButton-"] {
width: 45px;
height: 32px;
opacity: 1; }
div[class*="titleBar-"] div[class*="winButtonClose-"]:hover {
background-color: #E81123; }
div[class^="contextMenu-"].theme-dark {
background-color: #191919;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
box-shadow: none;
}
.contentHoveredText-2D9B-x, .contentHoveredVoice-3p_NEO:active, .contentSelectedVoice-1WDIBM:active { background: linear-gradient(to left, transparent, hsla(0, 0%, 100%, 0), #546ab9); }
.container-1UB9sr {
-ms-flex-align: center;
-ms-flex-negative: 0;
-webkit-box-align: center;
align-items: center;
background: rgba(0, 0, 0, 0);
border-bottom: 1px solid rgba(54, 57, 63, 0);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-shrink: 0;
font-size: 14px;
font-weight: 500;
padding: 10px;
}
.backgroundBlurOverlay-1JS5RF {
background-color: rgba(0, 0, 0, 0);
}
.theme-dark .embedPill-1Zntps {
background-color: #0062ff;
}
.message-group .comment .accessory.censored:not(.revealed), .message-group .comment .markup:not(.revealed) {
font-family: segoe UI;
}
.theme-dark .message-group h2 strong {
color: #fff;
font-family: segoe UI;
}
.theme-dark .selectorSelected-1_M1WV {
background-color: rgba(67, 119, 222, 0.41);
}
.private-channels .channel.selected a {
background-color: rgba(58, 113, 193, 0.43);
color: #fff;
}
.private-channels .channel:hover a {
background-color: rgba(240, 71, 71, 0.56);
color: #fff;
}
.theme-dark #friends .tab-bar .tab-bar-item:hover:not(.selected) {
background-color: rgba(68, 98, 175, 0.63);
}
.container-2Thooq {
-ms-flex-align: center;
-ms-flex-negative: 0;
-webkit-box-align: center;
align-items: center;
background: rgba(32,34,37,.3);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-shrink: 0;
font-size: 14px;
font-weight: 400;
height: 55px;
margin-bottom: 1px;
padding: 0 10px;
border-top: 6px solid rgba(58, 113, 193, 0.53);
}
.app.theme-light::before {
content: "Please enable the Dark Theme in your Appearance settings.";
height: 36px;
background-color: #D02E00;
color: #FFF;
font-size: 15px;
line-height: 36px;
text-align: center;
vertical-align: middle; }
.channel-notices .channel-notice {
box-shadow: none; }
.channel-notices .channel-notice .message {
color: #FFF; }
.channel-notices .channel-notice .message .btn {
padding: 9px 12px 10px;
background-color: var(--accent);
border: 1px solid transparent;
border-radius: 0;
font-size: 15px;
line-height: 1; }
.channel-notices .channel-notice .message .btn:hover {
border-color: rgba(255, 255, 255, 0.6); }
.channel-notices .channel-notice .message .btn:focus {
background-color: var(--accent);
border-color: rgba(255, 255, 255, 0.8); }
.channel-notices .channel-notice.invite {
background-color: #191919;
background-image: none;
padding: 20px; }
.channel-notices .channel-notice.quickswitcher-notice {
background-color: #191919;
background-image: none;
padding: 20px; }
.channel-notices .channel-notice.quickswitcher-notice .btn {
font-weight: normal;
text-transform: none; }
.side-8zPYf6 .itemSelected-1qLhcL {
background-color: #43b581;
color: #fff;
}
.theme-dark .side-8zPYf6 .itemDefault-3Jdr52:hover, .theme-dark .side-8zPYf6 .itemHover-EnbcjT:hover {
background-color: #3a71c1;
color: #f6f6f7;
}
div.platform-osx .side-8zPYf6 .item-PXvHYJ:nth-of-type(7), div.platform-win .side-8zPYf6 .item-PXvHYJ:nth-of-type(7) {
background-color: #3a71c1!important;
color: #fff!important;
font-weight: 600!important;
}
div[class^="channels-"] .container-1UB9sr {
background-color: #191919;
border-top: 0;
border-bottom: 0; }
div[class^="channels-"] .container-1UB9sr a[class^="channel-"] {
line-height: 1.3; }
div[class^="channels-"] .container-2Thooq {
height: 60px;
margin-bottom: 0;
background-color: #191919; }
div[class^="channels-"] .container-2Thooq .status {
border: 0;
right: 0;
bottom: 0; }
.badge,
div[class^="channels-"] div[class*="contentDefaultText"] > div[class*="flex"] > div[class*="iconSpacing"] > div[class*="wrapper"],
div[class^="channels-"] div[class*="contentSelectedText"] > div[class*="flex"] > div[class*="iconSpacing"] > div[class*="wrapper"],
div[class^="channels-"] div[class*="contentUnreadText"] > div[class*="flex"] > div[class*="iconSpacing"] > div[class*="wrapper"],
div[class^="channels-"] div[class*="contentMutedText"] > div[class*="flex"] > div[class*="iconSpacing"] > div[class*="wrapper"],
div[class^="channels-"] div[class*="contentHoveredText"] > div[class*="flex"] > div[class*="iconSpacing"] > div[class*="wrapper"] {
background-color: #003b67;
border: 2px solid #1a4e76;
z-index: 2;
text-shadow: none;
border-radius: 11px;
box-shadow: none;
font-weight: normal; }
.guilds .badge {
max-width: 24px;
overflow: hidden;
text-overflow: ellipsis; }
.chat div[class^="titleWrapper"] div[class*="title-"] {
height: 40px;
background-color: #191919;
box-shadow: none; }
.chat div[class^="titleWrapper"] div[class*="title-"] div[class^="titleText"] {
color: #FFF;
font-size: 20px;
font-weight: 300; }
.chat div[class^="titleWrapper"] div[class*="title-"] div[class^="titleText"] span[class^="channelName"] {
height: 24px; }
.chat div[class^="titleWrapper"] div[class*="title-"] div[class^="topic"] {
padding-left: 0;
color: #FFF;
font-size: 15px;
font-weight: 400; }
.chat div[class^="titleWrapper"] div[class*="title-"] div[class^="topic"]::before {
display: none; }
.chat div[class^="titleWrapper"] svg[class*="icon-"] {
width: 40px;
height: 40px; }
.chat div[class^="titleWrapper"] svg[class*="icon-"]:hover {
background-color: rgba(255, 255, 255, 0.1); }
.chat div[class^="titleWrapper"] svg[class*="iconMargin-"] {
margin: 0; }
.chat div[class^="titleWrapper"] svg[class*="iconActive-"] {
background-color: var(--accent); }
.chat div[class^="titleWrapper"] svg[class*="iconInactive-"] {
opacity: 1; }
.chat div[class^="titleWrapper"] svg {
background-position: center;
background-repeat: no-repeat;
background-size: 24px; }
.chat div[class^="titleWrapper"] svg[class*="icon-"] path {
display: none; }
.chat div[class^="titleWrapper"] svg[class*="icon-"] ~ span[class^="iconBadge"] {
background-color: #D02E00;
border: 0; }
.chat div[class^="titleWrapper"] div[class*="divider-"] {
display: none; }
.chat div[class^="titleWrapper"] div[class^="search-"] {
margin: 0; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search-bar {
width: 40px;
height: 40px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
border-radius: 0;
cursor: pointer; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search-bar:hover {
background-color: #333333; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search-bar .public-DraftEditorPlaceholder-root,
.chat div[class^="titleWrapper"] div[class^="search-"] .search-bar .search-bar-icon {
display: none; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search.focused .search-bar,
.chat div[class^="titleWrapper"] div[class^="search-"] .search.open .search-bar,
.chat div[class^="titleWrapper"] div[class^="search-"] .search.popout-open .search-bar {
width: 232px;
background-color: #404040;
background-image: none;
cursor: text; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search.open .search-bar-icon,
.chat div[class^="titleWrapper"] div[class^="search-"] .search.focused .search-bar-icon,
.chat div[class^="titleWrapper"] div[class^="search-"] .seach.open .search-bar .public-DraftEditorPlaceholder-root,
.chat div[class^="titleWrapper"] div[class^="search-"] .search.focused .search-bar .public-DraftEditorPlaceholder-root {
display: block; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search .search-bar .DraftEditor-root {
color: #FFF;
font-size: 15px;
font-weight: 400; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search .search-bar .DraftEditor-root .public-DraftEditor-content {
overflow-x: hidden; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search .search-bar .DraftEditor-root .public-DraftEditor-content,
.chat div[class^="titleWrapper"] div[class^="search-"] .search .search-bar .DraftEditor-root .public-DraftEditorPlaceholder-root {
padding: 9px 8px 0;
box-sizing: border-box; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search .search-bar .public-DraftEditorPlaceholder-root {
color: #FFF;
font-size: 15px;
font-weight: 400; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search .search-bar .icon {
top: 11px; }
.chat div[class^="titleWrapper"] div[class^="search-"] span[class^="searchAnswer-"],
.chat div[class^="titleWrapper"] div[class^="search-"] span[class^="searchFilter-"] {
background-color: #FFF;
color: #000;
font-weight: normal; }
body.bd-blue .app::before {
content: "Please disable \"BetterDiscord Blue\" mode in BetterDiscord settings.";
height: 36px;
background-color: #D02E00;
color: #FFF;
font-size: 15px;
line-height: 36px;
text-align: center;
vertical-align: middle; }
.theme-dark div[class^="emojiPicker"] {
background-color: #262626;
border: 1px solid var(--accent);
border-radius: 0; }
.theme-dark div[class^="emojiPicker"] div[class^="dimmer"] {
width: calc(100% - 2px);
height: calc(100% - 2px);
z-index: 2;
border-radius: 0; }
.theme-dark div[class^="emojiPicker"] div[class*="visible-"] {
background-color: rgba(0, 0, 0, 0.8); }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar {
padding: 8px;
background-color: transparent; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner {
background-color: transparent;
border: 0;
border-radius: 0 !important; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner input {
height: 36px;
padding: 4px 30px 4px 11px;
border: 1px solid rgba(255, 255, 255, 0.6);
color: #FFF;
font-family: "Segoe UI", Selawik, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner input:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner input:focus {
border-color: var(--accent); }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner input:focus ~ .search-bar-icon {
filter: invert(100%); }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner input::-webkit-input-placeholder {
color: #FFF;
font-family: "Segoe UI", Selawik, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner .search-bar-icon {
width: auto; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] .search-bar .search-bar-inner .search-bar-icon .icon {
top: 9px; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] div[class^="diversitySelector"] {
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.6);
box-sizing: border-box; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] div[class^="diversitySelector"] div[class^="item-"] {
width: 26px;
height: 26px; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] div[class^="diversitySelector"]:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] div[class^="diversitySelector"] div[class^="popout"] {
height: auto !important;
background-color: #262626;
border: 1px solid var(--accent);
border-radius: 0; }
.theme-dark div[class^="emojiPicker"] div[class^="header-"] div[class^="diversitySelector"] div[class^="popout"] div[class^="item"] {
width: 26px;
height: 26px; }
.theme-dark div[class^="emojiPicker"] div[class^="stickyHeader-"] {
display: none; }
.theme-dark div[class^="emojiPicker"] div[class^="category-"] {
margin-bottom: 4px;
border-bottom: 1px solid #333333;
color: #FFF;
font-size: 15px;
font-weight: 400;
text-transform: none; }
.theme-dark div[class^="emojiPicker"] div[class^="row-"] {
height: auto; }
.theme-dark div[class^="emojiPicker"] div[class^="row-"] div[class^="emojiItem-"] {
width: 40px;
height: 40px;
border: 0;
line-height: 1; }
.theme-dark div[class^="emojiPicker"] div[class^="row-"] div[class^="emojiItem-"] div[class^="spriteItem"] {
margin: 9px; }
.theme-dark div[class^="emojiPicker"] div[class^="row-"] div[class*="selected-"] {
background-color: #333333 !important;
border-radius: 0 !important; }
.theme-dark div[class^="emojiPicker"] div[class^="categories-"] {
width: 460px;
height: 40px;
margin: 0;
background-color: #191919;
border: 0;
line-height: 40px; }
.theme-dark div[class^="emojiPicker"] div[class^="categories-"] div[class^="item-"] {
width: 40px;
height: 40px;
margin: 0;
border: 0; }
.theme-dark div[class^="emojiPicker"] div[class^="categories-"] div[class^="item-"]:hover {
background-color: #333333; }
.theme-dark div[class^="emojiPicker"] div[class^="categories-"] div[class*="selected-"] {
background-color: var(--accent); }
.theme-dark div[class^="emojiPicker"] .no-search-results {
color: #FFF;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="emojiPicker"] .no-search-results .sad-discord {
display: none; }
.theme-dark div[class^="emojiPicker"] div[class^="premiumPromo-"] {
align-items: baseline;
padding: 20px;
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0;
box-sizing: border-box; }
.theme-dark div[class^="emojiPicker"] div[class^="premiumPromo-"] img[class*="Image-"] {
display: none; }
.theme-dark div[class^="emojiPicker"] div[class^="premiumPromo-"] div[class*="Title-"] {
margin-bottom: 20px;
color: #FFF;
font-family: "Segoe UI", Selawik, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.5625; }
.theme-dark div[class^="emojiPicker"] div[class^="premiumPromo-"] div[class*="Description"] {
margin: 0 0 20px 0;
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 1.33333;
text-align: left; }
.theme-dark div[class^="emojiPicker"] div[class^="premiumPromo-"] .btn {
height: 36px;
background-color: var(--accent);
border: 1px solid transparent;
border-radius: 0;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="emojiPicker"] div[class^="premiumPromo-"] .btn:hover {
border-color: rgba(255, 255, 255, 0.6); }
.theme-dark div[class^="emojiPicker"] div[class^="premiumPromo-"] .btn:active {
border-color: rgba(255, 255, 255, 0.8); }
.menu-Sp6bN1 div[class^="item-"] div[class^="helper-"] {
display: none; }
.popout-3sVMXz {
border-radius: 0; }
.theme-dark .menu-Sp6bN1 {
background-color: #262626;
border: 1px solid var(--accent);
border-radius: 0; }
.theme-dark .menu-Sp6bN1 div[class^="item-"] {
color: #FFF; }
.theme-dark .menu-Sp6bN1 div[class^="item-"]:hover {
background-color: #333333; }
.theme-dark .menu-Sp6bN1 div[class^="item-"] div[class^="icon-"] {
display: none; }
.theme-dark .menu-Sp6bN1 div[class^="separator-"] {
border-bottom: 1px solid #333333; }
.theme-dark .menu-Sp6bN1 div[class*="leave-"] {
color: #D02E00; }
.theme-dark .menu-Sp6bN1 div[class*="leave-"]:hover {
background-color: #D02E00;
color: #FFF; }
.theme-dark .menu-Sp6bN1 div[class*="invite-"]:hover {
color: #FFF; }
div[class^="noArrow-"][class*="noShadow-"][class*="popout-"].popout-bottom-right {
margin-top: 0; }
div[class^="messagesPopoutWrap-"] {
max-height: calc(100vh - 72px) !important;
min-height: calc(100vh - 72px);
position: absolute;
right: 0 !important;
left: initial !important; }
div[class^="noArrow-"][class*="noShadow-"][class*="popout-"].popout-bottom-right {
right: 0 !important;
left: initial !important;
animation: 350ms slideinright cubic-bezier(0.1, 0.9, 0.2, 1);
transform: none !important; }
.theme-dark div[class^="messagesPopoutWrap-"] {
background-color: #191919;
border: 0;
border-radius: 0; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="header-"] {
background-color: transparent;
box-shadow: none; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="header-"] div[class^="title-"] {
font-size: 20px;
font-weight: 300;
line-height: 1; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="headerTabBarWrapper-"] .tab-bar.TOP .tab-bar-item {
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="headerTabBarWrapper-"] .tab-bar.TOP .tab-bar-item.selected {
color: var(--accent);
border-color: var(--accent); }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="mentionFilter-"] {
font-size: 15px; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="mentionFilter-"] div[class^="label-"] {
color: #FFF; }
.theme-dark div[class^="messagesPopoutWrap-"] .scroller {
overflow-y: auto; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="channelSeparator-"] span[class^="channelName-"] {
font-size: 15px;
font-weight: 400;
line-height: 1.5625; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="channelSeparator-"] span[class^="guildName-"] {
font-weight: normal; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] .message-group {
background-color: transparent;
border: 1px solid #333333;
border-radius: 0; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] .message-group:hover {
border-color: #404040; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] .message-group div[class^="actionButtons-"] div[class^="jumpButton-"] {
background-color: #333333;
border-radius: 0; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] .message-group div[class^="actionButtons-"] div[class^="jumpButton-"]:hover {
background-color: #404040; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] .message-group div[class^="actionButtons-"] div[class^="jumpButton-"] div[class^="text-"] {
color: #FFF; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] .message-group:hover div[class^="actionButtons-"] {
background-color: transparent;
box-shadow: none; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] div[class^="emptyPlaceholder-"] div[class^="body-"] {
font-size: 0; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] div[class^="emptyPlaceholder-"] div[class^="body-"]::before {
content: "Nothing to show...";
color: #FFF;
font-size: 20px;
font-weight: 300; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] div[class^="emptyPlaceholder-"] div[class^="image-"] {
display: none; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="messagesPopout-"] div[class^="emptyPlaceholder-"][class*="bottom-"] {
top: 0;
right: 0;
bottom: unset;
left: 0; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="footer-"] {
background-color: transparent;
border-radius: 0; }
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="footer-"] div[class^="pro-"],
.theme-dark div[class^="messagesPopoutWrap-"] div[class^="footer-"] div[class^="tip-"] {
display: none; }
div[class^="noShadow-"][class*="popout-"][class*="popoutBottom-"][style*="z-index: 1000"] {
margin-top: 0;
right: 0 !important;
left: initial !important;
animation: 350ms slideinright cubic-bezier(0.1, 0.9, 0.2, 1); }
.theme-dark div[class^="searchPopout-"] {
max-height: calc(100vh - 72px) !important;
min-height: calc(100vh - 72px);
position: absolute;
right: 0 !important;
left: initial !important;
background-color: #191919;
border-radius: 0; }
.theme-dark div[class^="searchPopout-"] div[class^="option-"][class*="searchQuery"] {
display: none; }
.theme-dark div[class^="searchPopout-"] div[class^="resultsGroup-"]::before {
content: unset; }
.theme-dark div[class^="searchPopout-"] div[class^="resultsGroup-"] div[class^="header-"] {
color: #FFF;
font-size: 20px;
font-weight: 300;
text-transform: none; }
.theme-dark div[class^="searchPopout-"] div[class^="resultsGroup-"] div[class^="option-"] {
font-size: 15px;
font-weight: 400;
border-radius: 0; }
.theme-dark div[class^="searchPopout-"] div[class^="resultsGroup-"] div[class^="option-"][class*="selected-"] {
background-color: rgba(255, 255, 255, 0.1); }
.theme-dark div[class^="searchPopout-"] div[class^="resultsGroup-"] div[class*="searchOption-"] span[class^="filter-"] {
color: #FFF;
font-weight: 400; }
.theme-dark div[class^="searchPopout-"] div[class^="resultsGroup-"] div[class*="searchOption-"] span[class^="answer-"] {
color: #FFF;
font-weight: 400; }
.theme-dark div[class^="searchPopout-"] .react-datepicker {
background-color: transparent; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__navigation.react-datepicker__navigation--previous {
width: 10px;
height: 10px;
top: 23px;
right: 60px;
left: initial;
background-image: none;
border: 0;
border-top: 2px solid rgba(255, 255, 255, 0.6);
border-right: 2px solid rgba(255, 255, 255, 0.6);
transform: rotate(-45deg); }
.theme-dark div[class^="searchPopout-"] .react-datepicker__navigation.react-datepicker__navigation--previous:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class^="searchPopout-"] .react-datepicker__navigation.react-datepicker__navigation--next {
width: 10px;
height: 10px;
top: 16px;
right: 30px;
background-image: none;
border: 0;
border-right: 2px solid rgba(255, 255, 255, 0.6);
border-bottom: 2px solid rgba(255, 255, 255, 0.6);
transform: rotate(45deg); }
.theme-dark div[class^="searchPopout-"] .react-datepicker__navigation.react-datepicker__navigation--next:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class^="searchPopout-"] .react-datepicker__header {
background-color: transparent;
border: 0; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__current-month {
color: #FFF;
font-size: 15px;
font-weight: 400;
text-transform: none;
border: 0; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__day-name {
color: #FFF;
font-size: 15px;
font-weight: 400;
text-transform: none; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day {
font-size: 15px;
border: 2px solid transparent;
border-radius: 0 !important; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day:hover {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day--outside-month {
background-color: transparent; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day--today {
background-color: var(--accent);
font-weight: 400; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day--selected {
border-color: rgba(255, 255, 255, 0.6); }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day--selected::after {
content: unset; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day--disabled {
background-color: transparent;
color: #D02E00; }
.theme-dark div[class^="searchPopout-"] .react-datepicker__week .react-datepicker__day--disabled:hover {
background-color: transparent;
color: #D02E00;
border-color: #D02E00; }
.theme-dark div[class^="searchPopout-"] div[class^="datePickerHint-"] {
border: 0; }
.theme-dark div[class^="searchPopout-"] div[class^="datePickerHint-"] span[class^="hint-"] {
color: #FFF;
font-style: 15px; }
.theme-dark div[class^="searchPopout-"] div[class^="datePickerHint-"] span[class^="hintValue"] {
background-color: var(--accent);
border-radius: 0;
font-weight: 400; }
.theme-dark div[class^="searchPopout-"] div[class^="datePickerHint-"] span[class^="hintValue"]:hover {
background-color: #FFF;
color: #000; }
div[class^="container-"][popoutkey] {
border: 1px solid var(--accent); }
div[class^="container-"][popoutkey] header {
background-color: #191919;
border-radius: 0;
font-size: 20px;
font-weight: 300;
text-transform: none;
justify-content: initial;
padding: 36px 12px 12px; }
div[class^="container-"][popoutkey] div[class^="sparkline"] svg g polyline:first-of-type {
fill: #FFF !important; }
div[class^="container-"][popoutkey] div[class^="sparkline"] svg g polyline:last-of-type {
stroke: #FFF !important; }
div[class^="container-"][popoutkey] section {
background-color: #191919;
border-radius: 0; }
div[class^="container-"][popoutkey] section p {
color: #FFF;
font-size: 13px; }
div[class^="container-"][popoutkey] section hr {
border: 0;
border-top: 1px solid #262626; }
div[class^="container-"][popoutkey] a[class^="debugButton-"] {
color: #FFF;
font-weight: 400; }
.private-channel-recipients-invite {
height: calc(100vh - 72px); }
.theme-dark .private-channel-recipients-invite {
background-color: #191919;
border: 0;
border-radius: 0; }
.theme-dark .private-channel-recipients-invite .header {
background-color: transparent;
box-shadow: none;
border-radius: 0; }
.theme-dark .private-channel-recipients-invite .header .title {
font-size: 20px;
font-weight: 300;
text-align: left; }
.theme-dark .private-channel-recipients-invite .header .subtitle {
color: #FFF;
font-size: 15px;
font-weight: 400;
text-align: left; }
.theme-dark .private-channel-recipients-invite .header .search-bar {
padding: 0;
background-color: transparent;
border-radius: 0; }
.theme-dark .private-channel-recipients-invite .header .search-bar .search-bar-inner {
background-color: transparent;
border: 0; }
.theme-dark .private-channel-recipients-invite .header .search-bar .search-bar-inner .search-bar-tag {
margin: 6px 2px; }
.theme-dark .private-channel-recipients-invite .header .search-bar input {
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.6);
color: #FFF;
font-family: "Segoe UI", Selawik, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 400; }
.theme-dark .private-channel-recipients-invite .header .search-bar input:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark .private-channel-recipients-invite .header .search-bar input:focus {
background-color: #FFF;
border-color: var(--accent);
color: #000; }
.theme-dark .private-channel-recipients-invite .header .search-bar input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.theme-dark .private-channel-recipients-invite .body .scroller {
height: auto;
overflow-y: auto; }
.theme-dark .private-channel-recipients-invite .body .friend {
background-color: transparent; }
.theme-dark .private-channel-recipients-invite .body .friend:hover {
background-color: var(--accent);
background-image: none; }
.theme-dark .private-channel-recipients-invite .body .friend.selected {
background-color: transparent;
background-image: none; }
.theme-dark .private-channel-recipients-invite .body .friend.selected:hover {
background-color: var(--accent); }
.theme-dark .private-channel-recipients-invite .body .friend .discord-tag {
font-size: 15px; }
.theme-dark .private-channel-recipients-invite .body .checkbox .checkbox-inner span {
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0; }
.theme-dark .private-channel-recipients-invite .body .checkbox .checkbox-inner span:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark .private-channel-recipients-invite .footer {
background-color: transparent; }
.theme-dark .private-channel-recipients-invite .footer button {
background-color: var(--accent);
border: 1px solid transparent;
border-radius: 0;
font-size: 15px;
font-weight: 400; }
.theme-dark .private-channel-recipients-invite .footer button:hover {
background-color: var(--accent);
border-color: rgba(255, 255, 255, 0.6); }
.theme-dark .private-channel-recipients-invite .footer button:focus {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark .private-channel-recipients-invite .footer button:disabled:hover {
background-color: var(--accent);
border-color: transparent; }
.theme-dark .private-channel-recipients-invite .error-state.search-results {
height: auto; }
.theme-dark .private-channel-recipients-invite .error-state.search-results .icon {
display: none; }
.theme-dark .private-channel-recipients-invite .error-state.not-friends .btn {
width: auto;
padding: 9px 12px 10px;
background-color: var(--accent);
border: 1px solid transparent;
border-radius: 0;
box-sizing: border-box;
font-size: 15px;
font-weight: 400; }
.theme-dark .private-channel-recipients-invite .error-state.not-friends .btn:hover {
background-color: var(--accent);
border-color: rgba(255, 255, 255, 0.6); }
.theme-dark .private-channel-recipients-invite .error-state.not-friends .btn:focus {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark .private-channel-recipients-invite .error-state.not-friends .btn:disabled:hover {
background-color: var(--accent);
border-color: transparent; }
.theme-dark .private-channel-recipients-invite .error-state.not-friends .icon {
display: none; }
.theme-dark .private-channel-recipients-invite .error-state .text {
padding: 0;
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 1; }
.theme-dark div[class^="popoutList-"] {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
.theme-dark div[class^="popoutList-"] div[class*="searchBar-"] {
height: 36px;
background-color: transparent;
border-radius: 0; }
.theme-dark div[class^="popoutList-"] div[class*="searchBar-"] input {
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0;
font-size: 15px; }
.theme-dark div[class^="popoutList-"] div[class*="searchBar-"] input::-webkit-input-placeholder {
color: #FFF; }
.theme-dark div[class^="popoutList-"] div[class*="searchBar-"] input:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class^="popoutList-"] div[class*="searchBar-"] input:focus {
background-color: #FFF;
color: #000;
border-color: var(--accent); }
.theme-dark div[class^="popoutList-"] div[class*="searchBar-"] div[class^="searchBarIcon"] {
margin-top: 3px;
margin-left: -18px; }
.theme-dark div[class^="popoutList-"] div[class*="actionItem-"] {
height: 30px;
border-radius: 0; }
.theme-dark div[class^="popoutList-"] div[class*="actionItem-"]:hover {
background-color: #262626; }
.theme-dark div[class^="popoutList-"] div[class*="actionItem-"][class*="selected-"] {
background-color: var(--accent) !important; }
.theme-dark #autocomplete-popout {
border: 1px solid var(--accent);
border-radius: 0; }
.theme-dark #autocomplete-popout .autocomplete-shadow {
border-radius: 0; }
.theme-dark #autocomplete-popout .autocomplete-arrow-wrapper {
display: none; }
.theme-dark #autocomplete-popout header {
height: auto;
padding: 8px; }
.theme-dark #autocomplete-popout header .autocomplete-header-background {
background-color: #191919; }
.theme-dark #autocomplete-popout header h3 {
display: none; }
.theme-dark #autocomplete-popout header input {
height: 36px;
padding: 9px 12px 10px;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.6);
color: #FFF !important; }
.theme-dark #autocomplete-popout header input:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark #autocomplete-popout header input:focus {
border-color: var(--accent); }
.theme-dark #autocomplete-popout header input::-webkit-input-placeholder {
color: #FFF !important; }
.theme-dark #autocomplete-popout section {
background-color: #191919;
color: #FFF; }
.theme-dark #autocomplete-popout section .row.selected {
background-color: #262626;
background-image: none; }
.theme-dark .add-game-popout {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
.theme-dark div[class^="attachPopout-"] {
padding: 0;
background-color: #191919;
border-radius: 0;
font-size: 15px;
font-weight: 400;
transform: translateX(-28px) translateY(23px); }
.theme-dark div[class^="attachPopout-"] div[class^="attachPopoutRow-"] {
padding: 15px 24px;
border-radius: 0;
transition: none; }
.theme-dark div[class^="attachPopout-"] div[class^="attachPopoutRow-"]:hover {
background-color: var(--accent); }
.theme-dark div[class^="attachPopout-"] div[class^="attachPopoutRow-"] svg {
display: none; }
.theme-dark div[class^="attachPopout-"] div[class^="attachPopoutRow-"] div[class^="attachPopoutRowText-"] {
margin-left: 0; }
.inner-1JeGVc div[class*="root-"] {
border: 1px solid var(--accent);
border-radius: 0; }
.inner-1JeGVc div[class*="topSection"] {
background-color: #191919; }
.inner-1JeGVc div[class*="topSection"] header {
background-color: var(--accent); }
.inner-1JeGVc div[class^="avatar-"] div[class*="mask"] {
mask: none;
-webkit-mask: none; }
.inner-1JeGVc div[class^="headerInfo"] span.username {
font-size: 24px;
font-weight: 300;
line-height: 1.5625; }
.inner-1JeGVc div[class^="headerInfo"] div[class^="profileBadgeText"] {
font-size: 14px;
font-weight: normal;
text-transform: none; }
.inner-1JeGVc button[class*="lookFilled"][class*="colorGreen"],
.inner-1JeGVc button[class*="lookInverted"][class*="colorBrand"],
.inner-1JeGVc button[class*="lookInverted"][class*="colorGreen"],
.inner-1JeGVc button[class*="lookInverted"][class*="buttonInvertedPurple"] {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0;
color: #FFF;
font-weight: normal; }
.inner-1JeGVc button[class*="lookFilled"][class*="colorGreen"]:hover,
.inner-1JeGVc button[class*="lookInverted"][class*="colorBrand"]:hover,
.inner-1JeGVc button[class*="lookInverted"][class*="colorGreen"]:hover,
.inner-1JeGVc button[class*="lookInverted"][class*="buttonInvertedPurple"]:hover {
border-color: rgba(255, 255, 255, 0.8); }
.inner-1JeGVc button[class*="lookFilled"][class*="colorGreen"]:active,
.inner-1JeGVc button[class*="lookInverted"][class*="colorBrand"]:active,
.inner-1JeGVc button[class*="lookInverted"][class*="colorGreen"]:active,
.inner-1JeGVc button[class*="lookInverted"][class*="buttonInvertedPurple"]:active {
background-color: rgba(255, 255, 255, 0.6); }
.inner-1JeGVc div[class^="additionalActionsIcon"] {
height: 14px;
position: relative;
background: none;
border-top: 2px solid rgba(255, 255, 255, 0.6);
border-bottom: 2px solid rgba(255, 255, 255, 0.6); }
.inner-1JeGVc div[class^="additionalActionsIcon"]::before {
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 50%;
margin-top: -1px;
border-top: 2px solid rgba(255, 255, 255, 0.6); }
.inner-1JeGVc div[class^="additionalActionsIcon"]:hover {
border-color: rgba(255, 255, 255, 0.8); }
.inner-1JeGVc div[class^="additionalActionsIcon"]:hover::before {
border-color: rgba(255, 255, 255, 0.8); }
.inner-1JeGVc div[class^="activityProfile"] div[class^="headerText"] {
margin-bottom: 24px;
font-size: 20px;
font-weight: 300;
text-transform: none; }
.inner-1JeGVc div[class^="activityProfile"] img[class*="assetsLargeImageProfile"] {
border-radius: 0;
mask: none;
-webkit-mask: none; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="name-"] {
color: #FFF;
font-size: 15px;
font-weight: normal;
line-height: 1.33333; }
.inner-1JeGVc div[class^="activityProfile"] span[class^="playTime"] {
color: #FFF;
font-size: 13px; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="contentImagesProfile"] {
color: #FFF; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="contentImagesProfile"] a[class^="bodyLink"] {
color: #FFF;
font-weight: 400; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="contentImagesProfile"] div[class^="details-"] {
color: #FFF;
font-weight: 400; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="bar-"] {
background-color: rgba(255, 255, 255, 0.3);
border-radius: 0; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="bar-"] ~ div div[class^="textLeft"],
.inner-1JeGVc div[class^="activityProfile"] div[class^="bar-"] ~ div div[class^="textRight"] {
color: #FFF;
font-weight: normal; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="barInner-"] {
background-color: #FFF;
border-radius: 0; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="playButtonWrapper"] ~ button,
.inner-1JeGVc div[class^="activityProfile"] div[class^="playButtonWrapper"] ~ span[class*="disabledWrapper"] button {
width: 36px;
height: 36px;
min-width: 36px;
max-width: 36px;
padding: 3px 0 0 0; }
.inner-1JeGVc div[class^="activityProfile"] div[class^="playButtonWrapper"] ~ span[class*="disabledWrapper"] {
height: 36px; }
.inner-1JeGVc div[class^="tabBarContainer"] {
padding-left: 20px;
border: 0; }
.inner-1JeGVc .tab-bar .tab-bar-item {
color: rgba(255, 255, 255, 0.7);
font-size: 20px;
font-weight: 300;
border: 0; }
.inner-1JeGVc .tab-bar .tab-bar-item:hover {
color: #FFF;
border: none; }
.inner-1JeGVc .tab-bar .tab-bar-item.selected {
color: var(--accent);
border: 0; }
.inner-1JeGVc div[class*="body-"] {
background-color: #191919; }
.inner-1JeGVc div[class^="userInfoSectionHeader"] {
color: #FFF;
font-size: 15px;
font-weight: normal;
text-transform: none; }
.inner-1JeGVc div[class^="note-"] textarea {
min-height: 36px;
padding: 9px 12px 10px;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0;
color: #FFF;
font-size: 15px;
line-height: 1; }
.inner-1JeGVc div[class^="note-"] textarea:hover {
border-color: rgba(255, 255, 255, 0.8); }
.inner-1JeGVc div[class^="note-"] textarea:focus {
background-color: #FFF !important;
border-color: var(--accent); }
.inner-1JeGVc div[class*="connectedAccount-"] {
background-color: #000;
border: 0;
border-radius: 0; }
.inner-1JeGVc div[class*="connectedAccountName"] {
color: #FFF;
line-height: 1.5625; }
.inner-1JeGVc div[class*=listRow] {
color: #FFF;
font-weight: normal; }
.inner-1JeGVc div[class*=listRow]:hover {
background-color: #262626;
background-image: none; }
.inner-1JeGVc div[class*=listRow] div[class^="listName"] {
line-height: 1.5625; }
.inner-1JeGVc div[class*=listRow] div[class^="guildNick"] {
color: #FFF; }
.inner-1JeGVc div[class^="emptyIconGuilds"],
.inner-1JeGVc div[class^="emptyIconFriends"] {
display: none; }
.inner-1JeGVc div[class^="emptyText"] {
margin: 0;
color: #FFF;
font-size: 15px;
font-weight: 400;
text-transform: none; }
div[class^="modal-"] {
border-radius: 0; }
.theme-dark div[class^="modal-"] > div[class^="inner"] > div[class^="modal"]:not(.modal-image),
.theme-dark div[class^="modal-"] > div[class^="inner"] > form[class^="modal"] {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
div[class^="modal-"] svg[class^="close-"] {
position: absolute;
top: 20px;
right: 20px; }
div[class^="modal"] div[class*="header"] h4,
div[class^="scroller-"][class*="content-"] h2 {
padding: 36px 0 4px;
font-size: 20px;
font-weight: 300;
line-height: 1.5625;
text-transform: none; }
div[class^="scroller-"][class*="content-"] h2 {
text-align: left; }
div[class^="modal-"] div[class^="subHeader"] {
margin-bottom: 8px;
color: #FFF;
font-size: 15px;
font-weight: 400;
text-transform: none; }
div[class^="scroller-"][class*="content-"] div[class^="body-"] {
color: #FFF;
font-size: 15px;
text-align: left; }
div[class^="scroller-"][class*="content"] div[class^="medium-"] {
color: #FFF;
font-size: 15px;
line-height: 1.33333; }
.theme-dark div[class^="modal"] div[class*="footer"] {
background-color: transparent;
box-shadow: none; }
.theme-dark div[class^="modal"] div[class*="footer"] button {
min-height: 36px; }
.theme-dark div[class^="modal"] div[class*="footer"] button + button {
margin-right: 8px; }
div[class^="modal"] div[class*="content"] ul li {
margin-bottom: 8px;
color: #FFF;
font-size: 15px; }
.theme-dark div[class^="modal-"] div[class*="channelTextArea"] div[class*="inner-"] {
background-color: #000; }
.theme-dark div[class^="modal-"] div[class*="channelTextArea"] div[class*="inner-"] textarea {
margin: 0 0 0 40px; }
.theme-dark div[class^="modal-"] div[class*="channelTextArea"] div[class*="inner-"] div[class*="emojiButton-"] {
opacity: 1;
color: #FFF; }
.theme-dark div[class^="quickswitcher"] {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0;
color: #FFF; }
.theme-dark div[class^="quickswitcher"] input {
height: 36px;
background-color: transparent;
box-shadow: none;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="quickswitcher"] input::-webkit-input-placeholder {
color: #FFF;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="quickswitcher"] input:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class^="quickswitcher"] input:focus {
background-color: #FFF;
border-color: var(--accent);
color: #000; }
.theme-dark div[class^="quickswitcher"] div[class^="emptyState-"] {
padding-top: 90px;
padding-bottom: 90px;
background-image: none; }
.theme-dark div[class^="quickswitcher"] div[class^="emptyState-"] div[class^="emptyStateNote-"] {
color: #FFF;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="quickswitcher"] div[class^="emptyState-"] div[class^="emptyStateCTA"] {
color: #0078D7;
opacity: 1; }
.theme-dark div[class^="quickswitcher"] div[class^="header-"] {
color: #FFF;
font-size: 15px;
font-weight: 400;
text-transform: none; }
.theme-dark div[class^="quickswitcher"] div[class*="result-"] {
border-radius: 0;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="quickswitcher"] div[class*="result-"] div[class*="badge"] {
background-color: #003b67;
border: 2px solid #1a4e76;
z-index: 2;
text-shadow: none;
border-radius: 11px;
box-shadow: none;
font-weight: normal; }
.theme-dark div[class^="quickswitcher"] div[class*="result-"] span[class^="note-"] {
color: #FFF;
font-size: 13px;
font-weight: normal;
text-transform: none; }
.theme-dark div[class^="quickswitcher"] div[class^="resultFocused"] {
background-color: var(--accent); }
.keyboard-shortcuts-modal {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
.keyboard-shortcuts-modal .modal-title {
color: #FFF;
font-size: 20px;
font-weight: 300; }
.keyboard-shortcuts-modal .modal-subtitle {
border: 0;
color: #FFF;
font-size: 15px; }
.keyboard-shortcuts-modal .ddr-arrows {
display: none; }
.keyboard-shortcuts-modal .keyboard-shortcut-list {
padding: 20px; }
.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group.group-end {
margin-bottom: 20px; }
.keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .keybind-description {
color: #FFF;
font-size: 13px;
font-weight: 400;
line-height: 1.5625;
text-transform: none; }
div[class^="regionSelectModal-"] {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
div[class^="regionSelectModal-"] div[class^="regionSelectModalHeader-"] {
padding: 36px 0 0;
color: #FFF;
font-size: 20px;
font-weight: 300;
text-align: left;
text-transform: none; }
div[class^="regionSelectModal-"] div[class^="regionSelectModalOptions-"] div[class^="regionSelectModalOption-"] {
width: 100%;
height: auto;
padding: 4px;
margin: 0 0 8px 0;
justify-content: flex-start;
flex-direction: row;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0; }
div[class^="regionSelectModal-"] div[class^="regionSelectModalOptions-"] div[class^="regionSelectModalOption-"]:hover {
border-color: rgba(255, 255, 255, 0.8); }
div[class^="regionSelectModal-"] div[class^="regionSelectModalOptions-"] div[class^="regionSelectModalOption-"] div[class^="regionSelectFlag"] {
clip-path: inset(1px 1px 1px 1px); }
div[class^="regionSelectModal-"] div[class^="regionSelectModalOptions-"] div[class^="regionSelectModalOption-"] div[class^="regionSelectName"] {
padding: 0 8px;
margin: 0;
color: #FFF;
font-size: 15px;
font-weight: 400;
text-align: left;
display: inline; }
div[class^="regionSelectModal-"] div[class^="regionSelectModalFooter-"] {
color: #FFF;
font-size: 15px;
text-align: left; }
.theme-dark div[class^="modal-"] div[class^="message-"] {
background-color: #333333;
border-radius: 0;
box-shadow: none; }
div[class^="modal-"] div[class^="pro-"] {
color: #43B581;
font-size: 15px;
font-weight: 400;
line-height: 1.5625;
text-transform: none; }
div[class^="modal-"] div[class^="tip"] {
opacity: 1;
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 1.5625; }
form[class^="modal-"] video {
display: none; }
.theme-dark div[class^="modal-"] div[class^="imageWrapper-"] {
border-radius: 0; }
.theme-dark div[class^="modal-"] div[class^="imageWrapper-"] ~ div {
text-align: right; }
.theme-dark div[class^="modal-"] a[class^="downloadLink"] {
opacity: 1;
font-size: 15px;
font-weight: 400; }
.theme-dark div[class^="modal-"] a[class^="downloadLink"]:hover {
text-decoration: underline; }
div[class^="uploadModal"] {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
div[class^="uploadModal"] div[class^="inner-"] {
margin: 20px;
border: 0;
border-radius: 0; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="file-"] {
height: auto; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="file-"] div[class^="icon-"] {
width: 90px;
height: 90px;
margin-top: 0; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="file-"] div[class^="icon-"][class*="image"] {
margin: 0;
border: 0;
border-radius: 0; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="file-"] div[class^="description"] {
height: auto;
padding: 0 0 0 8px; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="file-"] div[class^="description"] div[class^="filename"] {
height: auto;
font-size: 20px;
font-weight: 300;
line-height: 1.5625; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] {
margin: 20px 0; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class^="label-"] {
margin: 8px 0;
font-size: 15px;
font-weight: 400;
text-transform: none; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] {
background-color: #000;
border-radius: 0; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] textarea {
padding: 10px 50px 10px 10px;
margin: 0; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] div[class*="emojiButton-"] {
width: 40px;
height: 40px;
right: 0;
top: 0; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] div[class*="emojiButton-"] div[class*="sprite-"] {
background-image: none;
transition: none; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] div[class*="emojiButton-"] div[class*="sprite-"]::before {
content: "\E170";
font-family: winjs-symbols;
font-size: 21px;
text-align: center; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] div[class*="emojiButton-"] div[class*="spriteHovered"] {
transform: none; }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] div[class*="emojiButton-"].popout-open {
background-color: var(--accent); }
div[class^="uploadModal"] div[class^="inner-"] div[class^="comment-"] div[class*="channelTextArea"] div[class*="inner-"] div[class^="emojiButtonNormal-"] {
opacity: 1; }
div[class^="uploadModal"] div[class^="footer-"] {
padding: 20px; }
div[class^="uploadModal"] div[class^="footer-"] button.button {
margin-right: 8px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0; }
div[class^="uploadModal"] div[class^="footer-"] button.button:hover {
border-color: rgba(255, 255, 255, 0.8);
text-decoration: none; }
div[class^="uploadModal"] div[class^="footer-"] button.button span {
color: #FFF;
font-size: 15px;
font-weight: 15px; }
div[class^="uploadModal"] div[class^="footer-"] button.button::last-of-type {
margin-right: 0; }
div[class^="uploadModal"] div[class^="footer-"] button.button-primary {
background-color: var(--accent);
border-color: var(--accent); }
div[class^="uploadModal"] div[class^="footer-"] button.button-primary:hover {
border-color: rgba(255, 255, 255, 0.6); }
div[class^="uploadModal"] div[class^="autocomplete-"] {
background-color: #262626;
border-radius: 0;
color: #FFF; }
div[class^="uploadModal"] div[class^="autocomplete-"] div[class^="contentTitle-"] {
color: #FFF;
font-size: 15px;
font-weight: 300;
text-transform: none; }
div[class^="uploadModal"] div[class^="autocomplete-"] div[class*="selector-"] {
border-radius: 0; }
div[class^="uploadModal"] div[class^="autocomplete-"] div[class*="selector-"] div[class*="content-"],
div[class^="uploadModal"] div[class^="autocomplete-"] div[class*="selector-"] div[class*="description-"] {
color: #FFF; }
div[class^="uploadModal"] div[class^="autocomplete-"] div[class*="selector-"] div[class^="descriptionUsername-"] {
color: #FFF; }
div[class^="uploadModal"] div[class^="autocomplete-"] div[class*="selector-"] div[class*="descriptionDiscriminator-"] {
color: #FFF; }
div[class^="uploadModal"] div[class^="autocomplete-"] div[class^="selectorSelected"] {
background-color: var(--accent); }
div[class*="uploadModalIn"] div[class^="uploadDropModal"] {
width: 548px;
min-height: 200px; }
div[class*="uploadModalIn"] div[class^="uploadDropModal"] div[class^="bgScale-"] {
background: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
div[class*="uploadModalIn"] div[class^="uploadDropModal"] div[class^="inner-"] {
align-items: initial;
justify-content: initial;
padding: 20px;
border: 0; }
div[class*="uploadModalIn"] div[class^="uploadDropModal"] div[class^="inner-"] div[class^="icons-"] {
display: none; }
div[class*="uploadModalIn"] div[class^="uploadDropModal"] div[class^="inner-"] div[class^="title-"] {
padding: 0 0 14px 0;
font-size: 20px;
font-weight: 300; }
div[class*="uploadModalIn"] div[class^="uploadDropModal"] div[class^="inner-"] div[class^="instructions-"] {
color: #FFF;
font-size: 15px;
line-height: 1.333;
text-align: left; }
div[class^="modal-"] div[class^="guildName-"] {
color: #FFF;
font-size: 15px; }
div[class^="inviteModal"] {
border: 1px solid var(--accent);
border-radius: 0; }
div[class^="inviteModal"] div[class^="inviteSplash"] {
display: none; }
div[class^="inviteModal"] .scroller {
width: 548px;
background-color: #191919;
background-image: none; }
div[class^="inviteModal"] div[class^="inviteContent"] {
height: 220px;
padding: 20px 6px 20px 24px;
text-align: left; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="avatar-xxxlarge"] {
position: absolute;
top: 36px;
right: 6px;
background-color: var(--accent); }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteTitle"] {
margin: 0;
padding: 36px 0 4px;
box-sizing: border-box;
color: #FFF;
font-size: 20px;
font-weight: 300;
line-height: 1.5625; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteBody"] {
width: 350px;
padding: 0;
color: #FFF;
font-size: 15px;
font-weight: 400; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteBody"] strong {
color: var(--accent);
font-weight: normal; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteActions"] {
left: 24px;
right: 6px;
bottom: 20px;
display: inline-block; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteActions"] button[class*="lookFilled-"][class*="colorGreen"] {
width: calc(50% - 2px);
min-width: calc(50% - 2px);
height: 36px;
min-height: 36px;
margin: 0 4px 0 0;
background-color: var(--accent);
border: 1px solid transparent;
float: left; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteActions"] button[class*="lookFilled-"][class*="colorGreen"] strong {
font-weight: normal; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteActions"] button[class*="lookFilled-"][class*="colorGreen"]:hover {
border: 1px solid rgba(255, 255, 255, 0.6); }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteActions"] div[class^="inviteCancel"] {
width: calc(50% - 2px);
height: 36px;
margin: 0;
padding: 9px 12px 10px;
border: 1px solid rgba(255, 255, 255, 0.6);
box-sizing: border-box;
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 1;
text-align: center; }
div[class^="inviteModal"] div[class^="inviteContent"] div[class^="inviteActions"] div[class^="inviteCancel"]:hover {
background-color: rgba(255, 255, 255, 0.2);
text-decoration: none; }
.theme-dark div[class*="phoneVerificationModal"] {
min-height: auto;
margin: 0;
padding: 20px;
justify-content: initial;
align-items: baseline; }
.theme-dark div[class*="phoneVerificationModal"] div[class^="animationContainer"] {
display: none; }
.theme-dark div[class*="phoneVerificationModal"] div[class^="title"] {
margin-top: 0;
padding: 36px 0 4px;
color: #FFF;
font-size: 20px;
font-weight: 300;
text-align: left; }
.theme-dark div[class*="phoneVerificationModal"] div[class^="description"] {
color: #FFF;
font-size: 15px;
font-weight: 400;
letter-spacing: normal;
text-align: left; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="phoneField-"] {
margin: 0;
background-color: transparent; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="countryButton"] {
height: 36px;
margin-right: 8px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0;
box-sizing: border-box; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="countryButton"]:hover {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class*="phoneVerificationModal"] div[class*="countryButton"] div[class^="plusSign"] {
color: #FFF;
font-size: 15px; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="countryButton"] div[class^="countryCode"] {
font-size: 15px; }
.theme-dark div[class*="phoneVerificationModal"] input[class^="inputField"] {
height: 36px;
margin-right: 8px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
font-size: 15px; }
.theme-dark div[class*="phoneVerificationModal"] input[class^="inputField"]:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark div[class*="phoneVerificationModal"] input[class^="inputField"]:focus {
background-color: #FFF;
border-color: var(--accent);
color: #000; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="phoneFieldPopout"] {
padding: 0;
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="searchBar-"] {
height: 36px;
background-color: #333333;
border-radius: 0; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="searchBar-"] i[class^="icon-"] {
top: 9px; }
.theme-dark div[class*="phoneVerificationModal"] div[class^="divider"] {
display: none; }
.theme-dark div[class*="phoneVerificationModal"] div[class^="scrollerWrap"] {
height: 204px; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="selectableItem-"] {
margin: 0;
border-radius: 0; }
.theme-dark div[class*="phoneVerificationModal"] div[class*="selectableItem-"]:hover {
background-color: var(--accent); }
.theme-dark div[class*="phoneVerificationModal"] div[class*="selectableItem-"] div[class^="countryName"] {
color: #FFF; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi {
background-color: #191919;
border: 1px solid var(--accent);
box-shadow: none; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi div[class*="header-"] h2 {
padding: 36px 0 4px;
font-size: 20px;
font-weight: 300;
text-transform: none; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi div[class^="subText-"] {
color: #FFF;
font-size: 15px; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi div[class^="input-"]:not(input) {
border: 0; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi button[class^="copyButton-"] {
margin-left: 8px; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi .checkbox .checkbox-inner span {
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi .checkbox .checkbox-inner span:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi .checkbox .checkbox-inner input[type=checkbox]:checked + span {
background-color: var(--accent);
border-color: transparent; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi .checkbox .checkbox-inner input[type=checkbox]:checked + span::after {
top: 1px;
left: 5px;
border-width: 0 1px 1px 0; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi .checkbox .checkbox-inner input[type=checkbox]:checked + span:hover {
border-color: rgba(255, 255, 255, 0.8); }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi .checkbox .checkBoxLabel-2XGyJf {
color: #FFF;
font-size: 15px; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi h5 {
color: #FFF;
font-size: 15px;
font-weight: 400;
letter-spacing: normal;
text-transform: none; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi div[class*="switchItem"] h3 {
font-weight: 400; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi div[class^="description-"] {
color: #FFF;
font-weight: 400; }
.theme-dark .modal-3HD5ck.modal-vcwOUu.sizeSmall-Sf4iOi div[class*="footerText-"] {
color: #FFF;
font-size: 15px; }
.need-help-modal.deprecated .header {
padding: 20px 20px 0 20px;
align-items: baseline;
background-color: #191919;
border-radius: 0; }
.need-help-modal.deprecated .header h1 {
margin-top: 36px;
padding-bottom: 4px;
font-size: 20px;
font-weight: 300;
text-transform: lowercase; }
.need-help-modal.deprecated .header h1:first-letter {
text-transform: uppercase; }
.need-help-modal.deprecated .header input[type=text] {
width: 100%;
height: 36px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0;
box-shadow: none;
color: #FFF;
font-family: "Segoe UI", Selawik, Arial, Helvetica, sans-serif;
font-size: 15px; }
.need-help-modal.deprecated .header input[type=text]::-webkit-input-placeholder {
color: #FFF; }
.need-help-modal.deprecated .header input[type=text]:hover {
border-color: rgba(255, 255, 255, 0.8); }
.need-help-modal.deprecated .header input[type=text]:focus {
background-color: #FFF;
border-color: var(--accent);
color: #000; }
.need-help-modal.deprecated .form-inner {
min-height: auto;
padding: 20px;
background-color: transparent; }
.need-help-modal.deprecated .form-inner.loading {
align-items: baseline; }
.need-help-modal.deprecated ul li {
font-size: 15px;
font-weight: 400;
line-height: 1.5625; }
.need-help-modal.deprecated ul li a {
color: #0078D7; }
.need-help-modal.deprecated ul li a:hover {
color: #0078D7;
text-decoration: underline; }
.need-help-modal.deprecated ul li + li {
margin-top: 0; }
.need-help-modal.deprecated .footer {
padding: 20px;
border: 0;
color: #FFF;
font-size: 15px;
font-weight: 400; }
.need-help-modal.deprecated .footer a {
color: #0078D7; }
.need-help-modal.deprecated .footer a:hover {
text-decoration: underline; }
.create-guild-container.deprecated {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0; }
.create-guild-container.deprecated .create-or-join .form-inner {
padding: 20px;
background-color: #191919;
background-image: none; }
.create-guild-container.deprecated .create-or-join header {
padding: 30px 0 20px 0;
margin: 0;
color: #FFF;
font-size: 20px;
font-weight: 300;
text-align: left;
text-transform: none; }
.create-guild-container.deprecated .action {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 0; }
.create-guild-container.deprecated .action:hover {
border-color: rgba(255, 255, 255, 0.8); }
.create-guild-container.deprecated .action .action-header {
font-size: 20px;
font-weight: 300;
text-align: left;
text-transform: none; }
.create-guild-container.deprecated .action.create .action-header,
.create-guild-container.deprecated .action.join .action-header {
color: #FFF; }
.create-guild-container.deprecated .action .action-body {
margin-bottom: 20px;
padding: 0;
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 1.5625;
text-align: left; }
.create-guild-container.deprecated .action .action-icon {
display: none; }
.create-guild-container.deprecated .action:hover.create .btn {
background-color: var(--accent); }
.create-guild-container.deprecated .create-or-join .actions .or {
display: none; }
.create-guild-container.deprecated .create-guild .form-inner,
.create-guild-container.deprecated .join-server .form-inner {
padding: 20px 20px 0 20px;
background-color: transparent; }
.create-guild-container.deprecated h5 {
color: #FFF;
font-size: 20px;
font-weight: 300;
text-align: left;
text-transform: none; }
.create-guild-container.deprecated p {
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 1.5625;
text-align: left; }
.create-guild-container.deprecated .form-actions {
padding: 20px;
background-color: transparent;
border: 0; }
.create-guild-container.deprecated input[type=text] {
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6) !important;
border-radius: 0 !important; }
.create-guild-container.deprecated input[type=text]:hover {
border-color: rgba(255, 255, 255, 0.8); }
.create-guild-container.deprecated input[type=text]:focus {
background-color: #FFF;
border-color: var(--accent) !important;
color: #000; }
.create-guild-container.deprecated .form-actions .btn-default {
padding: 0 12px;
background-color: transparent;
border: 1px solid rgba(255, 255, 255, 0.6);
color: #FFF;
font-size: 15px;
font-weight: 400;
text-transform: none; }
.create-guild-container.deprecated .form-actions .btn-default:hover {
border-color: rgba(255, 255, 255, 0.8); }
.create-guild-container.deprecated .form-actions .btn-default:focus {
border-color: rgba(255, 255, 255, 0.8); }
.create-guild-container.deprecated .form-actions .btn-default::before {
display: none; }
.avatar-uploader-inner {
background-color: var(--accent);
border: 0; }
.avatar-uploader-inner .avatar-uploader-acronym {
font-weight: 300; }
.avatar-uploader .size-info {
color: #FFF; }
.bot-tag {
background-color: #000;
padding: .2em .6em .3em;
border-radius: 0;
font-size: 10px;
font-weight: normal;
text-transform: lowercase;
vertical-align: middle; }
span[class*="botTag-"] {
padding: .2em .6em .3em;
background-color: #000;
border-radius: 0;
font-weight: normal;
text-transform: lowercase;
vertical-align: middle; }
span[class*="botTagInvert-"] {
background-color: #000;
color: #FFF; }
div[class^="keybindShortcut-"] {
color: #FFF;
font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
font-weight: normal; }
div[class^="keybindShortcut-"] span {
background-color: transparent;
border: 1px solid #FFF;
border-bottom: 4px solid #FFF;
box-shadow: none;
color: #FFF; }
div[class^="keybindShortcut-"] span g {
fill: #FFF !important; }
.spinner .spinner-wandering-cubes span:first-of-type {
width: 32px;
height: 32px;
background-color: transparent;
background-image: url(https://i.imgur.com/MfeQkLJ.gif);
background-position: center center;
background-size: 32px 32px;
filter: invert(100%);
animation: none; }
.spinner .spinner-wandering-cubes span:last-of-type {
display: none; }
span[class^="spinner-"] span[class^="inner-"] span[class^="wanderingCubesItem"]:first-of-type {
width: 32px;
height: 32px;
background-color: transparent;
background-image: url(https://i.imgur.com/MfeQkLJ.gif);
background-position: center center;
background-size: 32px 32px;
filter: invert(100%);
animation: none; }
span[class^="spinner-"] span[class^="inner-"] span[class^="wanderingCubesItem"]:last-of-type {
display: none; }
#bda-qem {
width: 40px;
height: 100%;
position: absolute;
display: block;
margin-left: 1px;
padding-right: 0 !important;
background-color: #191919;
border-top: 1px solid var(--accent);
border-bottom: 1px solid var(--accent) !important;
border-left: 1px solid var(--accent);
border-radius: 0;
box-sizing: border-box; }
#bda-qem button {
width: 40px;
height: 40px;
padding: 0;
border: 0;
box-shadow: none; }
#bda-qem button:hover {
background-color: #262626;
}
#bda-qem-twitch,
#bda-qem-favourite,
#bda-qem-emojis {
border-radius: 0;
font-size: 0px !important; }
#bda-qem-favourite-container,
#bda-qem-twitch-container,
div[class^="emojiPicker"] {
margin-right: 20px;
margin-left: 40px; }
#bda-qem-twitch::before {
content: "";
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
display: block;
height: 39px; }
.Select .Select-menu {
border-radius: 0 0 3px 3px;
background-color: black;
}
#bda-qem-favourite::before {
content: "";
background-size: 22px;
background-position: center;
background-repeat: no-repeat;
display: block;
height: 39px; }
#bda-qem-twitch-container,
#bda-qem-favourite-container {
width: 462px;
height: 321px;
background-color: #262626;
border: 1px solid var(--accent);
border-radius: 0;
box-sizing: border-box; }
.emote-menu-inner {
padding: 8px; }
.emote-menu-inner .emote-container {
width: 40px;
height: 40px;
margin: 0 4px 4px 0;
border-radius: 0; }
.emote-menu-inner .emote-container:hover {
background-color: #333333; }
#bda-qem ~ .emoji-picker .dimmer {
width: calc(100% - 62px); }
.bda-dark #bda-qem {
background-color: #191919;
border-bottom-color: var(--accent) !important; }
.bda-dark #bda-qem button {
background-color: transparent;
border-left: 0;
box-shadow: none; }
.bda-dark .emoji-picker {
background-color: #262626; }
.bda-dark .emoji-picker .header .search-bar {
background-color: transparent; }
.bda-dark .emoji-picker .category {
background-color: transparent; }
.bda-dark .emoji-picker .scroller .emoji-item.selected {
background-color: #333333;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain; }
.bda-dark #bda-qem-favourite-container,
.bda-dark #bda-qem-twitch-container {
background-color: #262626; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar,
#bda-qem-favourite-container .scroller::-webkit-scrollbar {
width: 12px; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-button,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-button {
height: 13px;
background-color: #171717; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-button:vertical:increment,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-button:vertical:increment {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAUVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////94FlRsAAAAG3RSTlMAAQocHTA2Nzo7PT5ERUtNVHSAqqzP0OPm5+njouU9AAAAQklEQVR4AWOgHIhwovIFpFggDD5hCC0kxgSieCRZIXxGERFGBgYuCXaYDiZRIQY2CW6EEcxSgpK8yGZyiPMzUAUAAOHsAejjafRJAAAAAElFTkSuQmCC);
background-size: 12px 12px;
border-top: 1px solid #171717; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-button:vertical:increment:hover,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-button:vertical:increment:hover {
background-color: #747474; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-button:vertical:decrement,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-button:vertical:decrement {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAM1BMVEX////////////////////////////////////////////////////////////////////lEOhHAAAAEXRSTlMAAQodHjs8VICBjKyt0NHk6Xsnr0IAAABCSURBVHjarYnLDoAwCAQX+sLSVv7/azUQY+86h51MFv9QzrJnsm7pTZ6CY/KTpEqgcU8gfvGSyGbZna25tSKois9cjPoBMSXUqnYAAAAASUVORK5CYII=);
background-size: 12px 12px;
border-bottom: 1px solid #171717; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-button:vertical:decrement:hover,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-button:vertical:decrement:hover {
background-color: #747474; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb {
visibility: visible;
background-color: #454545;
border: 0;
border-radius: 0; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb:hover,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb:hover {
background-color: #747474; }
#bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
#bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece {
visibility: visible;
background-color: #171717;
border: 0;
border-radius: 0; }
.tipsy {
margin-top: -42px;
opacity: 1 !important; }
.tipsy-inner {
background-color: #191919;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 7px 8px 8px;
font-size: 13px; }
#rmenu {
background-color: #191919;
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 8px 10px;
box-shadow: none;
line-height: 1.5625;
width: 150px; }
#rmenu:hover {
background-color: #333333; }
.bd-pfbtn {
top: -50px;
height: 36px;
padding: 9px 12px 10px;
background-color: var(--accent);
border: 1px solid transparent;
border-radius: 0; }
.bd-pfbtn:hover {
border-color: rgba(255, 255, 255, 0.6); }
.bd-pfbtn:focus {
border-color: rgba(255, 255, 255, 0.8); }
.ui-standard-sidebar-view .bda-slist li,
.ui-standard-sidebar-view .bda-slist li:nth-child(odd) {
background-color: #191919;
border: 0; }
.ui-standard-sidebar-view .bda-slist li {
margin-bottom: 4px;
padding: 8px; }
.bda-slist .bda-name {
max-height: initial;
color: #FFF;
font-size: 15px;
font-weight: 400; }
.ui-standard-sidebar-view .bda-slist .bda-description {
border: 0;
color: #FFF; }
.ui-standard-sidebar-view .bda-slist .bda-right button {
height: 36px;
margin: 0;
background-color: var(--accent);
border: 1px solid transparent;
border-radius: 0; }
.ui-standard-sidebar-view .bda-slist .bda-right button:hover {
border-color: rgba(255, 255, 255, 0.6); }
.ui-standard-sidebar-view .bda-slist .bda-right button:focus {
border-color: rgba(255, 255, 255, 0.8); }
.chat div[class^="titleWrapper"] svg[name="NotificationBell"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAIDBAUICPkJ+gz9Df4O/wfXhpIAAAAHZJREFUeAHtj8EOwiAQRJdFwCor7/+/1oNGjI4kvfTknPoyb6fBDk/uPS+FgL6oUwWo6VffeKbq/grNzfIGZ30//PHlgyL+D/56CyQx0CZsYiLwCScuXwII2i/8BWe848A/7kX2CXPZuU3WQiyEAlBsZUQUOzp3uvAI2kP+1PMAAAAASUVORK5CYII=) !important; }
.chat div[class^="titleWrapper"] svg[name="NotificationBellOff"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAECAwQFBgcH+Aj5CfoM/Q3+Dv8Dc90YoAAACfSURBVHgBrc/daoUwEEXhnZ9jG63WmPX+z1ooZagkk3Pjup2Pga1HeoU3dw4T+TxzB8I3Jiqc8kVcAdboiY2/PociHrAlKe/wNRIXLem31CgjQbYtEKdbtPOhqXhxdPflJqADmPAAMuEBEx4w4QETLjDhAhMeMOEBEz1INN1E0i3+twx+MBBBfY2UuGyLA6p8UQCKZqLWIpkomhaKnugHHAQOvhtqyZ0AAAAASUVORK5CYII=) !important; }
.chat div[class^="titleWrapper"] svg[name="Pin"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAECAwQE9QX2CAj5CfoK+wv8DP0N/g7/C5W3gDAAAAnUlEQVR4AcXO2w6CQAyE4S4otq6oHBbn/Z/UZIK4MbZcGeeOfP+Gym/W7LhC4/cL4iKjxMWATqOiXSDCwvVJ/IKeZCs8/1o0p/P9svkhHWegqdzArd7zQ9+cRqCYdvbyxzDkj/c3WUdvK9xOirwuMj0oephIVJgXpJmFG6QRhUWGOT4l/qWg85x3XFF8ZwH1nUUfOAvf3U07LvQ/7gmnsg0Gx8Y93QAAAABJRU5ErkJggg==) !important; }
.chat div[class^="titleWrapper"] svg[name="People"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAECAwT1BfYHB/gJCgr7DAz9Df4O/w2y78+wAAAJJJREFUeAHl0G1OAzEMhOFx3BAgQPPBvvc/KiKtygq84gD7/B7NWNaplAbtSUessTRTrDOzWZ40hQrTVtGkHBRkLflWwY6+gWlJ8H8gcv2ZuCryzLgdOSjhhDrjktJl0BUHrLN0U+yVuxeFPqC65BXeo4nK5lp8o/4NJHDdOST9Vql6eKMGb3I9ePCqDe3wqVP6AjwMDh1E1dLiAAAAAElFTkSuQmCC) !important; }
.chat div[class^="titleWrapper"] div[class^="search-"] .search-bar {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAEDBPUGBvcI+Qn6DP0N/g7/DWADvhAAAAmElEQVR4Ab2R4Q6DIAwGkaFMgXa793/YxURiLMzEP9wvm5MP2rrxzFuGvL3+6CAcSOj5FTR653xUeHd9rN8R1iYf/Fl5sLdoPV8zxLwfNQdMRDoDakS61AXvLnjypQZngGc/aHtFefbIGblvsx2UPh319IHlZllT5guy7OtepOvLFJQDDT2/95IUSqraessw70LrDcH6sfwAxRkI55lYy9wAAAAASUVORK5CYII=); }
.chat div[class^="titleWrapper"] svg[name="QuestionMark"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAECAwUF9gb3CAkJ+gr7DAz9Df7/BoqbnNAAAA1ElEQVR4Ac2SYXaEIAyEIbhoK2RF+O5/1b52ebxUPIDzR5kMk4TEPQyy5gOOvMp9eGdgv5EsFVIMzoWYoC7XeASVYaYQL/dhs+cN/nlI7XGjqN4cE/oR5vPMn0xKMgYg3QioYrnul/qtt/fv7qYmq/aaG945z9n70iEoBJuv/X0Dx+DADYSDNLHm9xuKn1iTAr56PFBskbNZRKc2LWyb9lHAcgOJfBUo1lXaPKzmL+Ne53FbRMgyDDPEaeUa7K/flXvt0BY3QRIDyd/v9aYFim7inoUff8gNmEG/8z4AAAAASUVORK5CYII=) !important; }
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-video-call,
.chat div[class^="titleWrapper"] svg[name="VideoCamera"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMAX2Df4L946c0AAABESURBVCjPY2AYLCAUARgYmNAEmExBAgi1TKahqAKmIWgCIQpoAgoMaAIMVBAQQBcIFkATcA1GE2ByDUX3nCs27w8OAACERB25/6c1FQAAAABJRU5ErkJggg==); }
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-voice-call,
.chat div[class^="titleWrapper"] svg[name="Phone"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAECAwQFBfYG9wgJCfoK+wv8DP0N/g7/BwLBAmAAAA00lEQVR4Ab3SwY6DMAyE4TFhFyhkobCQ//2ftMiq1AMOx86lUuZTsZzoa7GJJd31K3DciI2S8o3IZ3+qqnh4LzuFhaDQSi6YQwAmT0sJwUznv+lgDEHH+u6z4uw+RKn2Gvwvch1oZ5AaqG7qxzcwsqqWJ4tkO1MNWGGQUmEyH2r5ay4foXWxJilHd/vwo7TBNMEQ3Fz2IxsBOlksWklN9s3Hgt4nllywXB8Gy2f6Bq4LKxz9550+g33M8P/77jdTkHY/SW9N3Hu6HaDaO5kpo+lbeQEHeg4J1nEeCwAAAABJRU5ErkJggg==) !important; }
.chat div[class^="titleWrapper"] svg[name="PersonPlus"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAECAwT1BfYHB/gI+Qn6CvsL/Az9Df4O/w2EeWdgAAAOFJREFUeAHl0FFygzAMhOHFhJI2Lm2xIPz3v2gHywyJJj1Bv7fVyBJI/8pYoLyFdOoKVeliaox16LphpRwpJU9uZPWnK6N0fUzOGFQNlJActG0JYnrZoAbk5nPoLNmxesTkriz+WQtjTM5YLildFqylWwE8VZ1RmT/daN7VfNDc2iFzL/UZvlR9n5UfaWLrVfUbWZLyUyXDnmDPkKTkFe8AyOcNpj1kr7iJ1g7+YJZmr5wjJBqJu7ShB7EBRfa8whRN8SOjRPzNKHM/znL3AdEMt/2wn2B6KdNk/SFlA8t1/y+cEhhYXTZk4AAAAABJRU5ErkJggg==) !important; }
div[class^="channels-"] > div[class^="container"]:last-of-type > div[class^="flex-"] > div[class^="button-"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAECAwQE9QX2BvcICQn6CvsL/Az9Df4O/wITct0AAAAPhJREFUeAG9ktGunDAMRMcJpUu4bZckkJz//9FKluCyRUirPux5QPLI4MEefZoO0HRLwAm6YyRLmVF3fDFLM1+6EMoUFBcYpRGWqDCV86QnUGBLJtlj84I/OhjovzukvU64MGinMktj1EEcpZmylw8wOcMCyyDH4LH3bxR/fcaZXSxsxzet0oJbSWbJh4dGNR1YJ0gZt5nIUqSZToA/XAuwK+83WHsZ8fx3hBW6m2yT2YSb7JSjI67U629W1nhdVIZ8XtTtqn9IM/V0rParwfR9LBeG13NXWH+aZNPqBU99E2oKinkPTI4KqYb3I3cN7X/HXh2g68P8BQr+FVnA8tYVAAAAAElFTkSuQmCC); }
div[class^="channels-"] > div[class^="container"]:last-of-type > div[class^="flex-"] > div[class^="button-"] > svg {
display: none; }
button[style*="/assets/4bc527c257233fc69b94342d77bcb9ee.svg"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAECBAT1Bg0N/g8Hln1xcAAABnSURBVHja5ZDRCsAgCEU1K233//93sCJjEYO9LNgBUfFwH6TNEMOFyUIoaNhCALz/VQBq+fyFwHSgUShMgiKRlHYXStCbkGHsGxsyTREWQx1DtB7gsGJAmWZyV9TzV+9+KaDzLOzFCdJIBybzd67bAAAAAElFTkSuQmCC) !important;
background-size: 21px;
opacity: 1; }
button[style*="/assets/c8845c514bbf3f1e5bea064c1e40b08d.svg"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAECAwQFBgcICQn6Cwv8DP0N/g7/CFE/UAAAAAxUlEQVR42q3Q6w7CIAwF4HY3ptOBm+f9X9V0JzoHDH4oCRnL+dJC5S+r10oOXxYavoVWhPpyDfXgt80I5qBbNScsZ4Ub7pKKxiMYUCe6oEsFENRAQC8DHocY1000YsBZuKA9AApvFSwc5ILxCNiFr3CYpMccAYrt0MLbTgCF8td2CniPEqBoMYvimQMUIybp4ksCW/GJN+3TZ1K8J6bRoPb2AA8OS5zvg2KXQbLiM7FV5UTs7U6E1ITUhBRE0m6UsrD89/UC0MkPxMKfdpsAAAAASUVORK5CYII=) !important;
background-size: 21px;
opacity: 1; }
div[class^="channels-"] > div[class^="container"] > div[class^="inner"] ~ div[class^="flex-"] > div[class^="buttonInfo"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAECAwQE9Qb3B/gI+Qn6C/wM/Q7/BdGazpAAAAy0lEQVR42r2TSxKEIAxEBcYfoxKFd/+rDotRQKhyZ68iSbqbELt3oUe3w+5G3Ux/HBecqfMLhG2ICTNsAb63tHIEq64vG3CqKBBCwWpiRckf1I0ysGT+Un/OYTIBe4ZwRjaJ6EwAMpFzHhNb18DGdCkMrYIB+UdHZgeSTfbbYR0/FjxJHA2TUJisrwmNa2p8a1Ae/TBqyR7L14/lyc6WJJIElnJhvLn1S9kg+Dmt3Bzzql5av/YmNverJ/EnGOGCmPaPM8kBh0y6exU/GUYNrK0FHlMAAAAASUVORK5CYII=);
background-size: 21px;
opacity: 1; }
div[class^="channels-"] > div[class^="container"] > div[class^="inner"] ~ div[class^="flex-"] > div[class^="buttonDisconnect"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAECAwQFBwf4CfoK+wwM/Q3+Dv8JnWEvoAAAC9SURBVHjaxZLNDoQgDIRpERdRW3/m/Z91o3EbyFavzoFDZwIfA+FV0eduvmAbOJAgu77g0NYJlP7txII1hTgBvm/zAnTe/gpwOFWwkZ+Qaz6heIyMXyJC/DtYAnB95euUhLnhp3OF0sVBC/rah5DlDg4WzD6bdankshkHOFSajc04mpfqsZ6zioNyu0GyFh1ZJfcJRXxOFIzhMUE7hroP96MM1ke+ecMxhrRA2fe1263fVtYdlx2aHd+6e09fDtYMiY3H4msAAAAASUVORK5CYII=);
background-size: 21px;
opacity: 1; }
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAECAwP0BQYHB/gI+Qn6CvsMDP0N/g7/AbKqmhAAAA90lEQVR4Aa2R0W7CMAxF7WYtpbijxDQ9//+lgy1RghReJs7TrXyq+CbyOfQcIZ5V3nBK/JKmN3PYRpFxg66hiVMxU++Uha3EjaUjOGOJI7EjQJv/I9zaI27dJa/VnXs1j1rzUOkwwfVLZLzmi+oZmUmG9Q7xMrzO72TuK5mLVAz2OYiM8w7YIwWD2M7nEjnCXwoHVs8POQ7POKmIniVA3mOv1Q2TiagaWeQby9V3KewEUSdGXCXkLTbm14dQB9f8lf96FSLERmifzwnPufvTCLi01CVd1euSLU3NpanZYqRyUQmTDg5reIxXcOliZEzeMJiD2yAf4geT/ROli3A8KQAAAABJRU5ErkJggg==); }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="recent"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAECAwP0BPUGBvgJCfoL/Az9Dv8C6nSxAAAACPSURBVHgBnc9RroQwCIXhQyu212sVlP2vdZzMSTA++r35hyDFSzJNgqfF4mJ/uKsWo6m2EVZv9fAC9A4UP7K7C4B9ByBuoCUKmIESndkHMmNwXKLdcwvBl4b+8rFtW+Vn5v/9wswlxCX5yzQ8D8yaB8JNQGKejz+tcNbOiuwe6zzpvIazUve4eMeTqAre+QBUWQY9QfaVYQAAAABJRU5ErkJggg==) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="custom"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAECA/QGB/gJC/wNA4YAwjAAAAS0lEQVQY02NgwAmYjEFAAcxmPwMCBRD2ERcXF28o+0BYWioXjL3mzCk4G0jA2Z0zZ8DZXatWYFWDky2IxO5gIEUvkpuZXEBAAbdnAaFQJa8TU8hgAAAAAElFTkSuQmCC) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="people"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAECAwP0BPUGBvcICPkJ+gr7C/z9Dg7/BFGqxSAAAAn0lEQVR42p3PwRKCMAwE0E1DKIpaJSnk/79UpmrKjDfeLTuZbYqTaBjoL5zVd3rBEauXLJKLKx/S1RKaZGvPzaKVTKPXE0Ly6bdcgPu1LdyA8l0nz4BX7KoD2T+N4gJwag3cxohDG6MktJJ4Mj/RvDKK9QPZFwZ4ce4HwpS4+q4yqfXPb5og88xIujECmz/GQcaHG+NoMt9Z9AYSIZzzBkhjB7ek8/XEAAAAAElFTkSuQmCC) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="nature"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMAECAwQGBwf4CfoK+wv8DP0O/wCm1NagAAAH5JREFUeNqdz80SwyAIBGAUUduk+LPv/65pppNgHU/ZCzvfBaCnYV5qa7zSWs0Hdc58UKLZXUdJKaeC5kb3sUMETTz95Q0hErwWertp/JU4ut8BPS9RYPfmrnQ+J/fiZr3cFOHqAbezAmVL32wfQNl2SlbUCs3zP4QQMJHxoxxAEgW+bs9A9wAAAABJRU5ErkJggg==) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="food"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMAECAwQFBgcH+AkKC/wM/Q3+DwVnXv0wAAAG5JREFUeNqtzjsShDAMBNG20BqE7eWj+98VyoWSJdnAL+xgahhFl4Bmsj7ZztZtjjWaRW50OiiLcLwz8PF4Mns8IlcvPMRngLQX7FAI5ktCv2ci9qLfNiFySMUneGXM+TdPte5e6/qTxboMmhnnAu9wBagwHA9uAAAAAElFTkSuQmCC) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="activity"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAS1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////+DmQsHAAAAGHRSTlMAECAwQFBgcH+Aj5CfoK+wv8DP0N/g7/Aaj2lkAAAAv0lEQVR4AZ3N3ZKDMAgF4MOirm26Yn4CvP+Tbkocp9f9LpjxGA74Cj9P1fPJ+ESHu6c0xkG4sfZttdZs3breC6SVxsz5PasSJvENt18/ENhNoj96s/msSX1zwqJmuoB86yniXIrxwzNR9p2tlByxef2BVAxVwNVbxNH87gHFbemzRHAl8Q8yS1IsiQ+C4TrJsbo8hiXqGCEeroho+MNEpmuND6mrGuHC1orG3bMZ40bi/tr3l7sQPnHKvefE+MY/cIILk94+yvcAAAAASUVORK5CYII=) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="travel"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAECAwQE9QX2B/gI+Qn6Cwv8DP3+Dv8PzPdCoAAACESURBVHgBvc/BDoIwEARQl65QKOhOi53//1MpoMGGEwfn0DQv2UnmdjEao55wBl4nTFX+ld1UeHI/2BpnL+Jn2v1j0iWi3f4eTJ1s8/g8zNMHdefQB7PSbRb67svMwFB4ADJ3lmZ9C6+tjRwqU3YuJ63HYLlpQFexRTIatWKM3o9Y+ELeT60HeSh4ergAAAAASUVORK5CYII=) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="objects"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAECAwQFBgcH+AkKCwv8DP0N/g7/AnHWCcAAAAlklEQVR4AcWSSw7CMBQD7TZt+SeQ+P5XJeitUIMXSAhLT13MTFfBL7bOni+q1lhTsUbvjRF9GFxM/7qs1fT9+hbbl7Oq6wshuZ7YCXzvkfTA2IgeFx0xNoInNWJkRI+p7n8QRnB2D4PNNXh8x3wieJDh+X6t0gkfufpuyfAypwmOE/iK03NgczyEnNXMY2aT5QC3jfjTnruNDyiHAbtOAAAAAElFTkSuQmCC) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="symbols"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAECAwYG9wf4CPkKC/wNDg7/Br0kUQAAAAdUlEQVR4Aa3LQQ7DIAxE0bHrpJQmKfj+h63GEgtXXlWZBXyeBG6bbs9NGY8VXHf/uB+iR8RraQNgc4xpAJp3qoYCcl0ChGucbDqV80Y+8bOTvA/JKr4D0Nkz96m8zG1JejKy1ll/TF5oQKHA261QOrXwhj/3BetfBHMx++CBAAAAAElFTkSuQmCC) !important; }
div[class^="emojiPicker-"] div[class^="categories"] div[class*="flags"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAEDA/QGBvcH+AkJ+gv8DP0N/g7/BSiOJEAAAAhklEQVR42rWPMRLDIAwED0JiiB0Q2Pf/rwZZmjSelN5Gmi1OOtzK83PhPXUhe5lw26hzkFW1FLYIMCUCsbHIqSuiMAfVIVMiqmtgObrqfiyAaxqqDc9ORgi+WHZ7GCH40v6H+Ml9qB7763eyns/ag1rBteizXuesIJ7d84TrSp2dNH2h4k6+duAM8RnREYgAAAAASUVORK5CYII=) !important; }
.message-group .comment div[class^="attachment-"] img[class^="icon-"][title="unknown"] ~ div::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAECAwP0BggJ+vv8DP4BeyhTYAAABXSURBVHja1cxBDoAgDETRYqEo1d7/uGpRQunGsPOvJnnJwFxU3rZgIAvXDtmDhTYe8UBVPMRVxcNd9rCkqwEwaggwAIvGDjBpCPCHq9ZXKF0dEJsIpjoBsMwHmfe95SIAAAAASUVORK5CYII=); }
.message-group .comment div[class^="attachment-"] img[class^="icon-"] ~ div::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAECA/QGCAn6+/wM/gXsrHPAAAAENJREFUeNrtybcNACAQBEHc4+m/XTzidRkxG6004i0KOy8Z2BJnuSTJ4cwSBJqCoN0QhJ5FUKYFsPswIFxdQJFF4qkK/5UFDCBIJhwAAAAASUVORK5CYII=);
background-size: 24px; }
.message-group .comment .attachment .icon.icon-file.acrobat {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMAECAwP0BQYHCAkJ+gr7C/wNDf4O/wwoURfwAAAGZJREFUKM+t0UsOgCAMRdECakVRQeXtf6nOTPlNCHd6QpsUoq74SuIfLLwIVoB8PwLmBqzY6mDh62BwNnYE24DnroNG2Cddgj4ARJgcHLAQI+oMDF5HREoVo/ypxhxRfqAA9klMXX1AMAnmxAT5tQAAAABJRU5ErkJggg==);
background-size: 24px; }
.message-group .comment div[class^="attachment-"] img[class^="icon-"][title="archive"] ~ div::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAEDBAYICQoL/A3+/wqFikVQAAAFlJREFUGNNjYMADPDrAoAXMiZ05c87JmTOvQjgMDCwODAxwDlsCLg6KMs4JSBwmBVwyWosQHMY9pwXgHOYrvgYImdN7kPSoFyFxQIA0DsSnEI7nTDCYgi9oAL96LW59nOxjAAAAAElFTkSuQmCC);
background-size: 24px; }
.message-group .comment div[class^="attachment-"] img[class^="icon-"][title="code"] ~ div::before,
.message-group .comment div[class^="attachment-"] img[class^="icon-"][title="webcode"] ~ div::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAPFBMVEUAAAD////////////////////////////////////////////////////////////////////////////YSWgTAAAAE3RSTlMAECAwP0BgcICfoK+wv8DP0ODw1NYJ5wAAAH9JREFUeNqdzksSxCAIRVGEFs1Pk7z977Vjme6K4ih3AFSdCfQu3X4troGIVDuQXQv/4xYLWsXCZ6pioBQtsL8agOcyLTB0BEIeXizM4AjG1ENAoPm4rtDBDqGUSLB3wGd2iC6f3AHJKlC3iv2qPFWWBU00gJqF7dEDNDUpveoLjZQJU569iEUAAAAASUVORK5CYII=);
background-size: 24px; }
.message-group .comment div[class^="attachment-"] img[class^="icon-"][title="document"] ~ div::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAECAwP0BggJ+vv8DP4BeyhTYAAABXSURBVHja1cxBDoAgDETRYqEo1d7/uGpRQunGsPOvJnnJwFxU3rZgIAvXDtmDhTYe8UBVPMRVxcNd9rCkqwEwaggwAIvGDjBpCPCHq9ZXKF0dEJsIpjoBsMwHmfe95SIAAAAASUVORK5CYII=);
background-size: 24px; }
.message-group .comment div[class^="attachment-"] img[class^="icon-"][title="video"] ~ div::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMAECA/QGBvcICfoK+/wM/Q3+Dv8F2Fz/0AAABkSURBVHjapc/dDoAgCIBRLSw17Zf3f9ZsjqaBN/ZdsZ0xVPVlArXoCizG3IGrruEdSBiYLBxGl4XBk+UwQIoB9QVwugF4Tg1I3wMRwCOCBDtu8sY1yze8+CrqP4SiAkysMqqrG+kJCITxagcMAAAAAElFTkSuQmCC);
background-size: 24px; }
.theme-dark div[class^="wrapperAudio"] div[class^="audioMetadata"]::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAATlBMVEUAAAD////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7///////+xcCBGAAAAGXRSTlMAARcdMU9VWGNucHJ1eIeMlaiquLvQ4u/we7ud+wAAAFpJREFUeNqt0UsOgCAQA1AV/CAqovLp/S/qwsSMSTcSuuzLbKZNWcbrk+mFFbLHJkDeV4F96DgAODn4ZSbwVD9Ah8whRM8hHRqWgQOSYtD2RlX4FQc+FJ+2KDce8AwWwvAsxQAAAABJRU5ErkJggg==); }
a[class*="metadataDownload"] svg[name="Download"],
.message-group .comment div[class^="attachment-"] svg[class^="downloadButton"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAEBYXGBscIGhrbMvU1dba3+yhKy8AAABjSURBVHgB7czRCoAgDIXh6dIsNTvv/7IFQ7wYIwgCL/rx7nyOJgz4wecg+QE46X1H4Q64YlPAZbQgIDRkR4YAKI5diwisZ99VXHDgfsWradwAzP8iZLfjKvftFqaXQfUM5ukCioUHUXR/UwQAAAAASUVORK5CYII=);
background-size: 24px; }
div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="acrobat"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="ae"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="ai"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="archive"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="code"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="document"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="photoshop"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="ps"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="sketch"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="spreadsheet"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="unknown"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="video"], div[class^="uploadModal"] div[class^="inner"] div[class^="file-"] div[class^="icon"][class*="webcode"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMABQ4PECAkKC0wMjc9QGB1f4Cgv8DHyczN4OLm5+rt8PP192v0xVYAAADJSURBVHja7dPbDsFQEIXhoYqi2GznQ4v3f0cJ6XLRpGk3KyrWfz3Jl5lkTCnV2mJXt1k4kt5qt46ICNp2qQgUKgKFi0AJR3x12UvphSNWnS/twkKgUBEoVAQKBVk+hhb7Qol4yDw+YBfauZz1T1B4iA3OUHiIDTMoPMRGORQeYuMLFB5ikysUArLzz47FV26izyPlVh0iglIh30KmrlQI0jghQoQIESJEiBAhQoQIESJEiBAhQv4ccY1rhgQm5LeRxL9VYkqptnYHdgDuPCcIJAIAAAAASUVORK5CYII=);
background-size: 64px; }
div[class^="connectedAccountOpenIcon"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMAAjk8PT5AQkRGR0lQWF5wd3yDiLe+6+z7/KCu9CEAAABRSURBVHgBYyAGSCEBiAAHhzAHB4QJIZmZBZiZIUwcWhDG4RJgFBYWZkcREBCREkQSkGDgFBdFFuDlEmcTQhbgEWNCMZRbnJVPEtkd/Cz4vQoAxvYG4VoiZdMAAAAASUVORK5CYII=); }
#bda-qem-twitch::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA8FBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9maKSpAAAAT3RSTlMAAwYKCwwODxESFBUWFxguLzM1OjxESVBVW2FiZ2hrbXByeXt/g4iSk5SVl5qbnaOmp7C4ucHCyMnMzs/S1NbZ3+Pp6u7v8fP09vj6/P3+vlW7FwAAAMNJREFUeNrVjUcSgkAQRduMOWHOCXNAxZzFiNr3v41AWQWDggtXvs3v7v9qBv4Jk0uLjRRy/Omq5sIz5AML3HJq5tgkhDBiiTgEsEHsDGKZOIQ0Qv2bUH0JNY4C67CjL0zQC477Sl8YPTxgP89+EKboAweu9YV43gLmbALA/1lQKGDbUMigENUKRaK/xUArLFmWjQDdE6Ov9IogkwwepXjvoYUy3Z0cwlsP4bTIRior4kDDZ8bSJ2DA4LBPgRGU2wn/yRNi/zKVvfflswAAAABJRU5ErkJggg==); }
#bda-qem-favourite::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAECAwP0BQYG9wf4CPkKCvsL/Az9Df4O/wp86tKAAAAOxJREFUGBmtwduSgjAURcF9iAExGrlEkvX/PzqUUpTgyJPd+rmq0rEYdcjAdCRA0JECWQcahkSj7yaahoe+8kzShNc3A0EK9PqPP50vFJOscDmfTlpZuPcjL1GzyMvY3y+mWVOYpSGGYJpZCHFIzEqjJ1cYTTs2UpwWrjCaNmykOK2qRHZ64zKp0htLZKeVyyTThnXkWos605n2El4LT9InMC0M9MExaTXhtNcSJVV9X0nqaLUXaWVXZldTS9RewrcZbjfIZ8+oPXjAUEnVAA/QjgemWk/1BHhtBUrQKhSCtrpoemOx05Zpx/Qrf6RVEBLhn3UqAAAAAElFTkSuQmCC); }
#bda-qem-emojis::before {
background-image: url(https://cdn.discordapp.com/attachments/440405291968757762/450963588522180639/icons8-neutral-32.png) !important;
}
.chat div[class^="titleWrapper"] svg[name="Mention"] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMAECAwQE9QX2BvcH+An6CvsL/Az9Df4O/wqrhjWwAAAOBJREFUeAHNkNGOqzAMBY1J21xuCS7QJvP/P7q7tZQNAqF97LwcKTmaOJYPo7s9Flimf3p8PVIZO9kRM1jsRfpokMPuHqya1SDKhivbkztsHF1mENk2cjtHwvz4wfIf5JuZ1Ajg/f6K854DfhUD5toSJBQviDWvGlcXBJ/X/8VcCy/6nwBpomepBdiH51mhg/Mnrqy1MBObIf1/3ZPYrC155CAhw0P18mwEoptFrcWjXbUxuWrmdRdNsEZp0UKUUyJ/aExahdNy0CgwXlREbyOUIDs0UUkqR+hgBVYbVD6LLy2bEtQK3TtvAAAAAElFTkSuQmCC) !important; }
.theme-dark .bar-2Qqk5Z {
background: #ea0a0a;
}
.barFill-23-gu- {
background: rgba(227, 255, 3, 0.44);
height: 100%;
}
.lookFilled-1Gx00P.colorBrand-3pXr91 {
background-color: #faa61a;
color: #fff;
}
.userPopout-3XzG_A {
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(32, 34, 37, 0);
overflow: hidden;
width: 500px;
background: rgba(0, 0, 0, 0);
}
.headerPlaying-j0WQBV {
background: #7289da;
background-image: url(https://wallpapercave.com/wp/NF7StKc.jpg);
}
.inner-1JeGVc div[class*="body-"] {
background-color: rgba(25, 25, 25, 0.01);
}
.inner-1JeGVc div[class*="topSection"] {
background-color: #191919;
background-image: url(https://wallpapercave.com/wp/NF7StKc.jpg);
}
.theme-dark .headerNormal-T_seeN {
background-color: rgba(32, 34, 37, 0);
background-image: url(https://wallpapercave.com/wp/NF7StKc.jpg);
}
.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
background-color: #f04747;
}
div[class^="uploadModal"] {
background-color: #191919;
border: 1px solid var(--accent);
border-radius: 0;
background-image: url(https://wallpapercave.com/wp/NF7StKc.jpg);
}
.theme-dark .item-1Yvehc:hover {
background: #25282d;
color: #f00;
}
.theme-dark div[class^="modal-"] > div[class^="inner"] > div[class^="modal"]:not(.modal-image), .theme-dark div[class^="modal-"] > div[class^="inner"] > form[class^="modal"] {
background-color: rgba(25, 25, 25, 0);
border: 1px solid var(--accent);
border-radius: 0;
}
.theme-dark .search-results-wrap .channel-separator .channel-name {
background-color: rgba(47, 49, 54, 0);
color: #fff;
font-family: segoe UI;
}
.ui-standard-sidebar-view .bda-slist li, .ui-standard-sidebar-view .bda-slist li:nth-child(odd) {
background-color: rgba(25, 25, 25, 0);
border: 0;
}
.theme-dark .card-FDVird:before {
background-color: rgba(40, 67, 165, 0.63);
border-color: rgba(43, 46, 50, 0);
}
.theme-dark .member-3W1lQa:hover .content-OzHfo4 {
background-color: rgba(69, 116, 210, 0.41);
color: #fff;
}
.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary {
background-color: #43b581;
color: #fff;
}
.header-1R_AjF{
color: #faa61a;
}
.theme-dark .modal-3HD5ck {
-webkit-box-shadow: 0 0 0 1px #43b581, 0 2px 10px 0 rgba(0,0,0,.2);
background-color: #5f2d5e;
box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
}
.chat .jump-to-present-bar button:first-child {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
font-size: 14px;
font-family: segoe UI;
background-color: rgba(251, 22, 22, 0.01);
}
.themeDefault-24hCdX.valueChecked-m-4IJZ{
background: #a43858 !important;
}
.valueUnchecked-2lU_20 {
background-color: blueviolet;
}
.theme-dark .chat .jump-to-present-bar {
background-color: rgb(255, 120, 10);
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked {
background: #a43858 !important;
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
background: #7289da;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(250, 166, 26, 0.73);
border-radius: 14px;
transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out;
}
.theme-dark .chat .jump-to-present-bar:hover {
background-color: #faa61a;
}
.theme-dark .search-results-wrap .search-header .tab.selected, .theme-dark .search-results-wrap .search-header .tab:hover {
border-bottom: 2px solid #fff;
font-family: segoe UI;
}
.theme-dark .search-results-wrap .search-header {
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,20%);
background-color: #020202;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
font-family: segoe UI;
}
.bda-dark .emojiPicker-3m1S-j .category-2U57w6 {
background-color: #43b581;
color: hsl(0, 0%, 100%);
font-size: 12px;
font-weight: 500;
height: 32px;
line-height: 32px;
padding: 0 4px;
text-transform: uppercase;
}
.bda-dark .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S {
background-color: #43b581;
border-radius: 3px;
}
.bda-dark .emojiPicker-3m1S-j .header-1nkwgG .search-bar {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
padding: 12px;
background-color: #43b581;
}
.message-group .avatar-large[style*="314206160477749250"] ~ .comment .message h2 span.username-wrapper::after {
background-color: #faa61a !important;
padding: 0px 4px;
border: 2px outset rgba(255, 255, 255, 0.01);
content: "patreon";
text-transform: uppercase;
display: inline-block;
margin-left: 4px;
font-size: small;
text-shadow: 0 0 2px rgba(255, 255, 255, 0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment