Skip to content

Instantly share code, notes, and snippets.

@Aviortheking Aviortheking/ExposeX.css
Last active Jul 24, 2018

Embed
What would you like to do?
/* Hello! If you're going to use this RAW file to add to your themes folder, you're REQUIRED to use the non raw file as it contained coding you need so you won't get issues with backgrounds and the statuses. */
/* Also I am done supporting users who're only using the RAW file, if you run into any issues, you're on your own or ask someone from BD support server. */
/* Thank you for using Expose X */
:root {
--version: "You're using version 1.0.81 of Expose X";
--otherinfo: "You can see more on the website: http://ExposeX.ml/";
}
/* for Expose X news | news for Expose X is rare so don't worry about it */
.app::before {
content: var(--news);
color: white;
font-size: 10px;
font-weight: 500;
-webkit-app-region: drag;
position: fixed;
z-index: 10000;
bottom: 0px;
background-color: black;
}
/* for custom status colors */
.alt-3btY0e .item-1GzJrl:nth-of-type(1) .statusIconText-3b4TkH > div {
background-color: var(--online);
}
.idle-3DEnRT.status-oxiHuE.large-3ChYtB.status-3fQvEa.da-idle.da-status.da-large {
background-color: var(--idle);
}
.dnd-1_xrcq.status-oxiHuE.large-3ChYtB.status-3fQvEa.da-dnd.da-status.da-large {
background-color: var(--dnd);
}
.invisible-1kp8Z0.status-oxiHuE.large-3ChYtB.status-3fQvEa.da-invisible.da-status.da-large {
background-color: var(--offline);
}
/* Changing fonts in Discord */
.theme-dark .membersGroup-v9BXpm {
font-family: var(--fontrolename) !important;
color: white;
}
.message-group .comment .markup {
font-family: var(--fontchat) !important;
}
.nameDefaultText-24KCy5, .nameDefaultVoice-3WUH7s, .nameLockedText-3pqQcL, .nameLockedVoice-26MhB1 {
font-family: var(--fontchannelname) !important;
}
.textArea-2Spzkt {
font-family: var(--fontchat) !important;
}
.theme-dark .message-group h2 strong {
font-family: var(--fontusername) !important;
}
.tooltip {
font-family: var(--fonttooltip) !important;
color: white !important;
background-color: var(--accentcolor) !important;
}
.tooltip.tooltip-black.tooltip-bottom:after {
border-bottom-color: transparent;
}
.tooltip.tooltip-black.tooltip-right:after {
border-right-color: transparent;
}
.tooltip.tooltip-black.tooltip-top:after {
border-top-color: transparent;
}
.tooltip.tooltip-black.tooltip-left:after {
border-left-color: transparent;
}
/* If you're using the RAW file, use this to change background */
.appMount-3VJmYg {
background-image: var(--custombackground);
}
/* Blur Effects */
/* adding to background of pop ups */
.backdrop-1wrmKB.da-backdrop {
background-image: var(--custombackground);
filter: brightness(25%) blur(5px) !important;
opacity: 1 !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* Fixing background issues */
.appMount-3VJmYg {
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* Assigning button backgrounds to accent color */
.ghostPill-2-KUPM {
color: white;
background-color: var(--accentcolor);
}
.avatar-uploader-inner {
background-color: var(--accentcolor) !important;
}
.form-deprecated .btn-primary:hover, .form.deprecated .btn-primary:hover {
background-color: var(--accentcolor) !important;
}
.form-deprecated .btn-primary:hover, .form.deprecated .btn-primary {
background-color: var(--accentcolor) !important;
}
.flexChild-faoVW3.switchEnabled-V2WDBB.switch-3wwwcV.valueChecked-m-4IJZ.value-2hFrkk.sizeDefault-2YlOZr.size-3rFEHg.themeDefault-24hCdX.da-flexChild.da-switchEnabled.da-switch.da-valueChecked.da-value.da-sizeDefault.da-size.da-themeDefault {
background-color: var(--accentcolor) !important;
}
.mediaBarGrabber-1FqnbN, .mediaBarProgress-1xaPtl, .mediaBarProgress-1xaPtl:after, .mediaBarProgress-1xaPtl:before {
background-color: var(--accentcolor);
}
.lookLink-9FtZy-.colorLink-35jkBc {
color: var(--accentcolor);
}
.theme-dark .embedTitleLink-1Zla9e {
color: var(--accentcolor) !important;
}
.theme-dark .reaction.reaction-me {
background-color: var(--accentcolor);
}
.theme-dark .reaction.reaction-me .reaction-count {
color: white;
}
.app .welcomeMessage-3_Mcht h1 {
color: var(--accentcolor);
}
.botTagRegular-2HEhHi {
background-color: var(--accentcolor);
}
.mention {
color: var(--accentcolor);
}
.mention:hover {
color: var(--accentcolor);
}
a.anchor-3Z-8Bb.da-anchor {
color: var(--accentcolor);
}
.streamerModeEnabledBtn-2ZJ2eq {
background-color: var(--accentcolor);
}
.streamerModeEnabledBtn-2ZJ2eq:hover {
background-color: var(--accentcolor);
}
a.anchor-3Z-8Bb.bodyLink-3A8Buv.activityName-1IaRLn.da-anchor.da-bodyLink.da-activityName {
color: white;
}
.lookFilled-1Gx00P.colorBrand-3pXr91 {
background-color: var(--accentcolor) !important;
}
.item-26Dhrx.marginBottom8-AtZOdT.horizontal-2EEEnY.flex-1O1GKY.directionRow-3v3tfG.cardPrimaryEditable-3KtE4g.card-3Qj_Yx.da-item.da-horizontal.da-flex.da-directionRow.da-cardPrimaryEditable.da-card {
background-color: var(--accentcolor) !important;
border-color: var(--accentcolor);
}
.barFill-23-gu- {
background-color: var(--accentcolor);
}
.side-8zPYf6 .itemSelected-1qLhcL {
background-color: var(--accentcolor) !important;
}
.theme-dark .headerNormal-T_seeN {
background-color: var(--accentcolor);
}
.theme-dark .topSectionNormal-2-vo2m {
background-color: var(--accentcolor);
}
/* Assigning text color to accent color */
.lookFilled-1Gx00P.colorBrand-3pXr91 {
color: var(--accenttext) !important;
}
.theme-dark .desc-2Dttbk {
color: var(--accenttext) !important;
}
.title-3BE6m5.da-title {
color: var(--accenttext) !important;
}
.side-8zPYf6 .itemSelected-1qLhcL {
color: var(--accenttext) !important;
}
.streamerModeEnabledBtn-2ZJ2eq:hover {
color: var(--accenttext) !important;
}
.streamerModeEnabledBtn-2ZJ2eq {
color: var(--accenttext) !important;
}
.theme-dark .activityProfile-2bJRaP .headerText-1HLrL7, .theme-dark .activityUserPopout-2yItg2 .headerText-1HLrL7, .theme-light .activityProfile-2bJRaP .headerText-1HLrL7, .theme-light .activityUserPopout-2yItg2 .headerText-1HLrL7 {
color: var(--accenttext) !important;
}
.theme-dark .activityProfile-2bJRaP .content-3JfFJh, .theme-dark .activityProfile-2bJRaP .details-38sfDr, .theme-dark .activityProfile-2bJRaP .name-29ETJS, .theme-dark .activityUserPopout-2yItg2 .content-3JfFJh, .theme-dark .activityUserPopout-2yItg2 .details-38sfDr, .theme-dark .activityUserPopout-2yItg2 .name-29ETJS, .theme-light .activityProfile-2bJRaP .content-3JfFJh, .theme-light .activityProfile-2bJRaP .details-38sfDr, .theme-light .activityProfile-2bJRaP .name-29ETJS, .theme-light .activityUserPopout-2yItg2 .content-3JfFJh, .theme-light .activityUserPopout-2yItg2 .details-38sfDr, .theme-light .activityUserPopout-2yItg2 .name-29ETJS {
color: var(--accenttext);
}
.activityUserPopout-2yItg2 .textRow-19NEd_ {
color: var(--accenttext) !important;
}
a.anchor-3Z-8Bb.bodyLink-3A8Buv.activityName-1IaRLn.da-anchor.da-bodyLink.da-activityName {
color: var(--accenttext);
}
.headerName-fajvi9, .headerTagUsernameNoNickname-2_H881 {
color: var(--accenttext);
}
.headerTag-2pZJzA {
color: var(--accenttext);
}
.lookOutlined-3sRXeN.colorWhite-rEQuAQ {
color: var(--accenttext);
}
.lookInverted-2D7oAl.colorGreen-29iAKY:hover {
color: var(--accenttext) !important;
}
.lookInverted-2D7oAl.colorGreen-29iAKY:active {
color: var(--accenttext) !important;
}
.lookInverted-2D7oAl.colorGreen-29iAKY {
color: var(--accenttext) !important;
}
.username-3gJmXY {
color: var(--accenttext);
}
.discriminator-xUhQkU {
color: var(--accenttext) !important;
}
.tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP.selected {
color: var(--accenttext) !important;
}
.tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP {
color: var(--accenttext);
}
.lookFilled-1Gx00P.colorGreen-29iAKY {
color: var(--accenttext) !important;
}
.lookFilled-1Gx00P.colorGreen-29iAKY:hover {
color: var(--accenttext) !important;
}
.lookFilled-1Gx00P.colorGreen-29iAKY:active {
color: var(--accenttext) !important;
}
.lookInverted-2D7oAl.colorBrand-3pXr91:hover {
color: var(--accenttext) !important;
background-color: transparent !important;
}
.lookInverted-2D7oAl.colorBrand-3pXr91 {
color: var(--accenttext) !important;
background-color: transparent !important;
}
.lookInverted-2D7oAl.colorBrand-3pXr91:active {
color: var(--accenttext) !important;
background-color: transparent !important;
}
/* Windows Title bar */
.typeWindows-1za-n7 {
height: 28px;
}
.titleBar-AC4pGV {
-webkit-app-region: drag;
z-index: 3001;
background-color: rgba(0, 0, 0, 0.50) !important;
margin-top: 0px !important;
}
.wordmark-2iDDfm {
visibility: hidden;
}
.winButton-iRh8-Z {
-webkit-app-region: no-drag;
cursor: pointer;
height: 28px;
opacity: .6;
pointer-events: auto;
position: relative;
top: 0px;
width: 39px;
}
.winButtonClose-1HsbF-:hover {
background-color: var(--accentcolor);
}
/* macOS title bar */
.typeMacOS-3EmCyP {
background-color: transparent !important;
top: 7px !important;
left: 16px !important;
}
/* Games tab */
.theme-dark .emptyState-N8MHmB {
border-color: rgba(47, 49, 54, 0);
color: #ffffff;
}
.description-12ntlD {
color: white;
display: block;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
margin-top: 8px;
max-height: 80px;
overflow: hidden;
}
.dot-22bIa4 {
border-radius: 50px;
}
.theme-dark .activityFeed-28jde9 {
background-color: transparent;
}
.theme-dark .headerText-2niCs_ {
border-top-color: rgba(47, 49, 54, 0);
color: #dcddde;
}
.headerButtonColor-G7_f-V {
border-radius: 50px;
background-color: transparent;
}
.theme-dark .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover, .theme-light .lookFilled-1Gx00P.hoverBrand-1_Fxlk.hasHover-3X1-zV:hover {
background-color: transparent;
color: #fff;
}
.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
background-color: transparent;
color: #f6f6f7;
}
.theme-dark .player-1kJMbj {
border-bottom-color: transparent;
}
.theme-dark .sectionLine-JjseS9 {
background-color: rgba(54, 57, 63, 0);
}
.theme-dark .dockItem-2kQDqg:hover {
background-color: rgba(32, 34, 37, 0);
}
.lookFilled-1Gx00P.colorGreen-29iAKY {
background-color:transparent;
color: #fff;
transition: all 0.2s ease!important;
}
.lookFilled-1Gx00P.colorGreen-29iAKY:hover {
background-color: rgba(60, 163, 116, 0);
transform: scale(1.1);
transition: all 0.2s ease!important;
}
.selectedPage-2JQS2s:before {
-webkit-transform: translateY(-50%) translateX(0);
transform: translateY(-50%) translateX(0);
z-index: 10;
height: 40px;
margin-left: -9px;
transition: all 0.2s ease!important;
}
.paginationGameName-3Fd-qy, .paginationTitle-1XtEga {
font-weight: 600;
left: 10px;
}
.theme-dark .body-1SVoBw {
background-color: #202225;
}
.dot-2Q_mMZ {
-webkit-transform: translateZ(0);
background-color: #fff;
border-radius: 23px;
cursor: pointer;
height: 8px;
margin-right: 8px;
pointer-events: all;
transform: translateZ(0);
width: 8px;
}
.dot-2Q_mMZ {
-webkit-transform: translateZ(0);
background-color: #fff;
border-radius: 23px;
cursor: pointer;
height: 8px;
margin-right: 8px;
pointer-events: all;
transform: translateZ(0);
width: 8px;
}
.html5-video-player {
position: relative;
width: 120%;
height: 112%;
overflow: hidden;
outline: 0;
font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
color: #eee;
text-align: left;
direction: ltr;
font-size: 11px;
line-height: 1.3;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0,0,0,0);
touch-action: manipulation;
-ms-high-contrast-adjust: none;
}
.ytp-title-text {
vertical-align: top;
padding-top: 12px;
font-size: 14px;
flex: 1;
}
.paginationItem-3-MBTL:after {
background: -webkit-gradient(linear,right top,left top,from(transparent),to(#202225));
background: linear-gradient(270deg,transparent 0,#202225);
background-blend-mode: color;
border-radius: 5px;
bottom: 0;
content: "";
left: 550px;
position: absolute;
right: 0;
top: 0;
}
.carousel-JbsNzL {
-ms-flex: 1 1 75%;
-webkit-box-flex: 1;
-webkit-transform: translateZ(0);
background-color: #202225;
border-radius: 5px;
flex: 1 1 75%;
margin-right: 20px;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
.paginationItem-3-MBTL {
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-box-sizing: border-box;
align-items: center;
border-radius: 5px;
box-sizing: border-box;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 8px;
overflow: hidden;
padding: 16px;
position: relative;
}
/* Emojis */
.bda-dark .emoji-picker, .bda-dark .emojiPicker-3m1S-j {
background-color: #272727;
}
.bda-dark .emoji-picker .category, .bda-dark .emojiPicker-3m1S-j .category-2U57w6 {
background-color: #272727;
}
.bda-dark .emoji-picker .header .search-bar, .bda-dark .emojiPicker-3m1S-j .header-1nkwgG .search-bar {
background-color: #272727;
}
.emojiPicker-3m1S-j .header-1nkwgG {
-ms-flex-align: center;
-ms-flex-direction: row;
-webkit-box-align: center;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
z-index: 100;
}
.bda-dark #bda-qem {
border-bottom: 1px solid rgba(70, 70, 70, 0) !important;
background: #272727;
}
.bda-dark #bda-qem button {
background: #272727;
border-left: 1px solid rgba(36, 36, 36, 0);
box-shadow: rgba(66, 66, 66, 0) 1px 0 0 0;
color: #FFF;
}
.bda-dark #bda-qem-favourite-container, .bda-dark #bda-qem-twitch-container {
background-color: #292929;
}
/* HOLD UP! By using @everyone.... */
.noArrow-3BYQ0Z.noShadow-321ZPm.popout-3sVMXz.popoutTopLeft-b5Eb3O.popouttop-left.da-noArrow.da-noShadow.da-popout.da-popoutTopLeft.da-popouttopLeft {
margin-left: 20%;
margin-top: -15%;
}
.theme-dark .everyonePopout-nEbJY3 {
-webkit-box-shadow: 0 2px 10px 0 rgba(28,36,43,.6);
background-color: #202628;
box-shadow: 0 0px 0px 0 rgba(28,36,43, 0);
}
.theme-dark .footer-2aTx0s {
background-color: transparent;
}
button.button-1VQp89.button-38aScr.lookFilled-1Gx00P.colorBrand-3pXr91.sizeMedium-1AC_Sl.grow-q77ONN.da-button.da-lookFilled.da-colorBrand.da-sizeMedium.da-grow {
background-color: transparent !important;
}
.buttonHint-2OxJB8 {
font-size: 0px;
line-height: 16px;
margin-top: 4px;
}
.lookOutlined-3sRXeN.colorBrand-3pXr91 {
border-color: transparent;
color: white;
}
/* Context menu */
.theme-dark .itemGroup-1tL0uz {
border-color: hsla(0, 0%, 96%, 0);
}
.checkbox .checkbox-inner span {
-webkit-box-sizing: border-box;
-webkit-transition: .24s;
border: 2px solid #cdcdcd;
border-radius: 22px;
bottom: 0;
box-sizing: border-box;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .24s;
}
/* Drop down server menu */
.theme-dark .menu-Sp6bN1 {
-webkit-box-shadow: 0 0 0px rgba(0,0,0,0), 0 0px 0px rgba(0,0,0,0);
box-shadow: 0 0 0px rgba(0,0,0,0), 0 0px 0px rgba(0,0,0,0);
}
.popout-3sVMXz {
-webkit-box-shadow: 0 0 0px rgba(0,0,0,.0), 0 0px 0px rgba(0,0,0,0);
box-shadow: 0 0 0px rgba(0, 0, 0, 0), 0 0px 0px rgba(0,0,0,0);
}
.theme-dark .separator-2zcjq8 {
border-bottom-color: hsla(0, 0%, 96%, 0);
}
/* Edit messages */
.chat .avatar-large {
-webkit-transition: opacity .2s ease;
cursor: pointer;
opacity: 1;
transition: all 0.2s cubic-bezier(0, 1.17, 0.99, 0.06) !important;
margin-left: 12px;
}
/* Hamburger menu | Message */
.small-popout-box {
background: transparent;
border: 0px;
}
.option-popout .btn-item {
background-color: #282b30;
border-radius: 30px;
margin-top: 2px;
}
.option-popout .btn-item:hover {
color: white;
background-color: #282b30;
border-radius: 30px;
margin-top: 2px;
}
/* Showing Version number of Expose X */
.need-help-modal.deprecated::before {
content: var(--version);
color: white;
font-size: 20px;
font-weight: 500;
-webkit-app-region: drag;
position: fixed;
margin-top: 500px;
margin-left: 100px;
}
.need-help-modal.deprecated .header::before {
content: var(--otherinfo);
color: white;
font-size: 20px;
font-weight: 500;
-webkit-app-region: drag;
position: fixed;
margin-top: 460px;
margin-left: 0px;
}
/* Custom Background Editing */
/* If you have the normal file, a code is already in there for this */
.container-2lgZY8 { /* < That is what creates the black overlay */
background-color: rgba(0, 0, 0, 0.50);
}
.appMount-3VJmYg {
background-color: rgba(0, 0, 0, 0.50);
}
.theme-dark .layer-3QrUeG, .theme-dark .layers-3iHuyZ {
background: rgba(54, 57, 63, 0);
}
.app-19_DXt {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
}
/* macOS Traffic Light Buttons| Tags: Titlebar buttons, */
.titleBar-AC4pGV {
-webkit-app-region: drag;
z-index: 3001;
background-color: rgba(0, 0, 0, 0);
margin-top: 3px;
}
/* small tweaks to other pop up elements */
.theme-dark .modal-3HD5ck {
-webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
background-color: #2f3136;
box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2);
}
.theme-dark .separator-6YbWrc {
-webkit-box-shadow: 0 1px 0 0 rgba(24, 25, 28, 0), 0 1px 2px 0 rgba(24, 25, 28, 0);
box-shadow: 0 1px 0 0 rgba(24, 25, 28, 0), 0 1px 2px 0 rgba(24, 25, 28, 0);
}
.theme-dark .footer-1ia-qo {
background-color: #2f3136;
}
.theme-dark .footer-2yfCgX {
-webkit-box-shadow: inset 0 1px 0 rgba(47, 49, 54, 0);
background-color: #2f3136;
box-shadow: inset 0 1px 0 rgba(47, 49, 54, 0);
}
/* add role pop up */
.theme-dark #autocomplete-popout section {
background-color: #202225;
color: #72767d;
}
.theme-dark #autocomplete-popout .row.selected {
background: rgb(48, 47, 47);
}
/* NSFW WARNING! AHHHHHHHHHHHHHHHH LOGAN PAUL MY DUDES */
.theme-dark .image-3fVkBI {
background-image: url(https://pre00.deviantart.net/2c7d/th/pre/i/2017/203/6/3/logan_paul_by_pixelord56-dbh8k2g.png);
border-radius: 260px;
}
/* Scrollbar in Chat */
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
background-color: transparent;
border-color: rgba(54, 57, 62, 0);
}
.theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
background-color: transparent;
visibility: hidden;
border-color: rgba(54, 57, 62, 0);
}
/* Upload Modal | TAGS: Image, File, GIF, Video, Audio. */
/* size of modal */
.uploadModal-2ifh8j {
min-height: 438px;
width: 720px;
background-color: var(--accentcolor);
}
/* size of image */
.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
border-radius: 8px 8px 0px 0px;
border-color: var(--accentcolor);
background-size: 100%;
height: 414px;
margin-left: -10px;
margin-right: 12px;
margin-top: -33px;
width: 720px;
box-shadow: 0px 0px 0px rgba(0,0,0,0);
background-color: var(--accentcolor);
}
/* Position of comment box */
.uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf {
margin: 0 2px;
margin-top: 259px;
margin-bottom: -81px;
width: 540px;
}
.uploadModal-2ifh8j .inner-3nWsbo .comment-4IWttf .label-3aiqT2 .optional--ezibr {
margin-left: -85px;
opacity: 0;
bottom: 20px;
}
.uploadModal-2ifh8j .inner-3nWsbo {
background-color: transparent;
border: 0px;
}
.uploadModal-2ifh8j .footer-3mqk7D {
background-color: var(--accentcolor);
}
/* Button "Upload" */
.button {
-webkit-transition: background-color .2s ease;
border-color: var(--accentcolor);
border-radius: 23px;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 16px;
padding: 10px 20px;
position: relative;
transition: background-color .2s ease;
width: auto;
}
button.button.button-primary.da-button.da-buttonPrimary {
background-color: transparent;
font-size: 0px;
color: white;
background-image: url(https://i.imgur.com/eyh7rNo.png);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
margin-top: 2px;
}
button.button.da-button {
background-color: transparent !important;
font-size: 0px;
background-image: url(https://i.imgur.com/Lhhcc0L.png);
background-repeat: no-repeat;
background-position: center;
background-size: 30px;
margin-top: 3px;
}
/* emoji button */ /* by frozty my dudes */
.emojiButton-3uL3Aw,
.channel-textarea-emoji {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAAFv0lEQVR4Ae3bW0wUVxyA8QObKMsuthEppYFqQdSYPhitaU1M+mBEvNBAxdhEk5r4aKuIiIKlSdMm1eiLidLg3WitGtKX2pq0WhI11VQlTUNBFG9gRSyyoC6ult2vz2d2TmdmZ2aHmP39X88xfOPuMszOiBTnpKSkpKSQRxn1HKKFTvqJECXKMx7SwVn2s4lFvIZwcgTOTBbLOMAdzLjBHirIHC0BPsr4nmdYFeY4C0j3NuAVaunBjltUEfQmIMjnDOKEfjbhT25AGqvoxUndLE9eQBEtuOE0E5MRsJqnuGWIFe4GZHIUI92coI5yZpCHHx8+/OQxg3LqOUkPRvYy1q2AN2hFLcY51lKEMJjJrOMCMdQukuNGwFS6URlgK4XSauOMbYRQuUmh0wFv04e+fmoJJPhBvJkB9P3NNCcDpip+/BF28irCxoxnF1FFQqFTAXl0o6eD2QgH5j06FS+kHCcC/FxFzwH8CIcmwGH0/MZY+wFHiDfCGoTDs5Yo8fbYDVhNvAhlCBemnAjxVtgJKOIpWhFKEC5NqU7CEBMTDUijBa0RyhAuTgVRtE4nGvAx8dYgXJ4q4i1PJCDIfbT2I5IwR9C6i996wGdodeBPSkCA62httBowjhCyEWYjkjRziCLrJ2gtoAatnYgkTiNa66wE+LiLrF/3nMdPDa1EiHCVajIQirG+L5sQslukmw9YjFatzqqJtEtr2ijQWZXovi1olZgPaEY2QEDnKLaj1aY8d7G+L4tBZMfMBgQZRrbV1LsEYL28yta+7cie4DcXUIkspntm3oqeK/IqW/uKiSH7wFzAPmTnEDoTQc+wtMbuvovIvjEXcAvZWs8CqpF1mgl4HQ3FlYar6LksrbG7bxpaOcYBi5F1I9RHx+DXjf1995GVGgdsRnYCoTsZtKH1p/xx6MC+ZmQbjQMOIqtDKKaANs2PkS+vcGBfA7K9xgEtyMr/92iu5wrDDHOZddqj6Mi+pcjOGAdcQzYD4eHMRPaXccA/yPI8DchH1mccEEHm9zQgE1nYOCCKzOdpgA/ZyMsfMMpeQgFk4Zf/TTzKPkZnWf8Y/RVZuacBlch+MQ44gKze04AGZHusn8yd9DSgGVmN9dPpHk8DepEtMA7IRWsyIm7ewTnqD4vpaE0wDhB0mfpj4zxOOmvqCsY1hJmAvcguIHTmfZw0B6Ezl5DtNhfwIbIYReo3mCO+RejMFLSWmAsIEEa2TfH1az9OeKC4j24HssdkmAsQnEQWIqi4hhrDrigligv8Q8iOIswGLERrM0J3arGryuSvMJhvPiCdO8gGGI/Qna+x4wuE7uQwiOwmaSYDFFdvdiEUU0eMRMSoQSimCa1PEVYCsniELMq7qL8cHcSqAdRf2M4lhuwhAWsBgnq0OslUrn6Tn7DiB/JRH7wutDYgrAYEuIfWYQTqWcwfmNFKKQL1HEPrNhnWAwQrAYyvVEszn+MMozLMd8xL4AuQpYneK3EGraiJP3D8lPIVP9JOiBe8IEQ7p/iSBfgN9y4jpvNyE4kGvMVjtCKUIlyaRTxHK0RBwgGK+yUiVCBcmGU8J95yuzc8HSRelCqEw1NDlHiNCLsBGfyOniMEEA5NkGPoOc8Y+wGCXG6j5zpzEA7MXLoU/362U7ddFtOLniiNZCNszASaiKGnh0lO3vg6XZEAA2whC5HAjKOBQfT1MMXpW4+LuYPKINspRliYKexgCJXrTHLj5u9cLqMW4yLVTDPxf1nDJUDtAtlu3X6fwSGM3KeZBpYyk3wy8eEjQD6zqKSBZnox0sgYdx+AWMUT3BLio2Q8glLIGdxwioLkPcW0kns46TaVyX4MK0Adj3BCH9VkePMgXBbV3MWOLj4h09tHEdNZyAnCWPWYo8wjbbQ8DBqggiZuYEYHu1kivWi8DZAml4XUso+ztNNHmBH+JcwD2viZJjZQwgSEkyPwflIBqYBUQCogFeDd/AcUYkM3y5+Q/AAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 50%;
background-size: 75%!important;
filter: brightness(0.40);
background-repeat: no-repeat;
height: 30px;
width: 30px;
display: block;
border-radius: 3px;
opacity: 1!important;
}
.spriteNormal-1wvG5n {
visibility: hidden;
}
.spriteHovered-3lIo93 {
visibility: hidden;
}
/*=============================================
= Status Picker = created by FroztySeven
= = modified by Corbs
=============================================*/
.popout-3sVMXz.popoutTop-3uu9vG-left {
box-shadow: none;
}
@keyframes status-picker-bg {
to {
}
}
.menu-Sp6bN1.alt-3btY0e {
background-image: var(--custombackground);
opacity: 1 !important;
background-color: black;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.menu-Sp6bN1.alt-3btY0e {
animation: status-picker-bg 200ms linear;
animation-fill-mode: forwards;
background-color:transparent;
box-shadow: 0!important;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
pointer-events: inherit;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
z-index: 1000000;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl {
padding: 15px;
margin-left: 10px;
border-radius: 3px;
width: auto;
display: inline-block;
background: transparent !important;
animation: statuspicker-status 300ms ease;
animation-delay: 0ms;
animation-fill-mode: forwards;
transition: all 0.2s ease!important;
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl:hover {
background: transparent !important;
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl:active {
background: transparent !important;
margin-top: 10px;
}
.menu-Sp6bN1.alt-3btY0e .separator-2zcjq8 {
display: none;
}
.menu-Sp6bN1.alt-3btY0e .status {
border-radius: 0;
width: 55px;
height: 55px;
box-sizing: border-box;
pointer-events: initial;
opacity: 1;
background-position: center center;
background-repeat: no-repeat;
filter: brightness(87.5%);
will-change: transform;
margin-right: 0!important;
backface-visibility: initial;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
@keyframes statuspicker-status {
from {
opacity: 0;
transform: translate(0, 50%);
}
to {
opacity: 1;
}
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl .status {
border-radius: 100px;
transition: all 0.2s ease!important;
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl .status:hover {
transition: all 0.2s ease!important;
}
.menu-Sp6bN1.alt-3btY0e .status-3fQvEa {
padding: 20px;
}
.alt-3btY0e .item-1GzJrl .statusIconText-3b4TkH > div {
font-size: 0px;
margin-left: 0px;
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-of-type(1) .status {
z-index: 5;
background-color:#43b581;
animation: statuspicker-status 300ms ease;
animation-delay: 0ms;
animation-fill-mode: forwards;
opacity: 0;
}
.alt-3btY0e .item-1GzJrl:nth-of-type(1) .statusIconText-3b4TkH > div {
color: #43b581;
animation: statuspicker-status 300ms ease;
animation-delay: 50ms;
animation-fill-mode: forwards;
opacity: 0;
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-of-type(3) .status {
z-index: 4;
background-color: #faa61a;
animation: statuspicker-status 300ms ease;
animation-delay: 100ms;
animation-fill-mode: forwards;
opacity: 0;
}
.alt-3btY0e .item-1GzJrl:nth-of-type(3) .statusIconText-3b4TkH > div {
color: #faa61a;
animation: statuspicker-status 300ms ease;
animation-delay: 150ms;
animation-fill-mode: forwards;
opacity: 0;
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-of-type(4) .status {
z-index: 3;
background-color: #f04747;
animation: statuspicker-status 300ms ease;
animation-delay: 200ms;
animation-fill-mode: forwards;
opacity: 0;
}
.alt-3btY0e .item-1GzJrl:nth-of-type(4) .statusIconText-3b4TkH > div {
color: #f04747;
animation: statuspicker-status 300ms ease;
animation-delay: 250ms;
animation-fill-mode: forwards;
opacity: 0;
}
.alt-3btY0e .item-1GzJrl .helper-2c73HK {
opacity: 0;
display: block;
position: fixed;
bottom: 20px;
}
.alt-3btY0e .item-1GzJrl:nth-of-type(4) .helper-2c73HK {
display: flex;
align-items: center;
}
.alt-3btY0e .item-1GzJrl:nth-of-type(4):hover .helper-2c73HK {
background-color: #C03F3F;
color: white;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
margin: auto;
top: 340px;
right: 0;
bottom: 0;
left: 0;
width: 550px;
height: 20px;
padding: 12px 5px;
border-radius: 3px;
font-size: 16px;
font-weight: 100;
text-align: center;
pointer-events: none;
opacity: 1;
animation: statuspicker-status 300ms ease;
visibility: hidden;
}
.menu-Sp6bN1.alt-3btY0e .item-1GzJrl:nth-of-type(5) .status {
z-index: 2;
background-color: #57616D;
animation: statuspicker-status 300ms ease;
animation-delay: 300ms;
animation-fill-mode: forwards;
opacity: 0;
}
.alt-3btY0e .item-1GzJrl:nth-of-type(5) .statusIconText-3b4TkH > div {
color: #646f7d;
animation: statuspicker-status 300ms ease;
animation-delay: 350ms;
animation-fill-mode: forwards;
opacity: 0;
}
.alt-3btY0e .item-1GzJrl:last-child .helper-2c73HK:last-child {
display: block;
position: fixed;
bottom: 20px;
visibility: hidden;
}
.alt-3btY0e .item-1GzJrl:nth-of-type(5):hover .helper-2c73HK:last-child {
background-color: #3A3E43;
color: white;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
margin: auto;
top: 340px;
right: 0;
bottom: 0;
left: 0;
width: 550px;
height: 20px;
padding: 12px 5px;
border-radius: 3px;
font-size: 16px;
font-weight: 100;
text-align: center;
pointer-events: none;
opacity: 1;
animation: statuspicker-status 300ms ease;
}
/* NO TEXT CHANNELS */
.theme-dark .noChannel-Z1DQK7 {
background-color: transparent;
}
/* Search bar above chat */
.theme-dark .search .search-bar {
background-color: transparent;
}
/* new message text and date */
.chat .divider {
margin: 25px 6px 30px 25px;
}
.theme-dark .messages-wrapper .messages .divider.divider span {
background-repeat: no-repeat!important;
background-position: 3px 3px!important;
background-size: 20px!important;
border-radius: 3px!important;
color: white!important;
font-size: 14px;
line-height: 16px;
padding: 5px 10px;
padding-left: 30px!important;
width: auto;
}
.chat .divider {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-bottom: 20px!important;
cursor: default;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 0;
margin-left: 20px;
margin-right: 6px;
margin-top: 28px;
position: relative;
z-index: 0;
}
.theme-dark .friends-table .messages .divider.divider-red>div, .theme-dark .messages-wrapper .messages .divider.divider-red>div {
background-color: var(--notification-color)!important;
}
.chat .divider.divider-red>span {
background-color: var(--notification-color);
color: #f04747;
line-height: 16px;
text-transform: none;
}
.theme-dark .messages-wrapper .messages .divider.divider-red span {
background-repeat: no-repeat!important;
background-position: 5px 5px!important;
background-size: 15px!important;
background-color: var(--notification-color)!important;
color: white!important;
padding: 5px 10px;
width: auto;
}
.chat .divider.divider-red {
background: var(--notification-color)!important;
}
/* Avatars in Chat */
.chat .avatar-large {
-webkit-transition: opacity .2s ease;
cursor: pointer;
opacity: 1;
transition: all 0.2s cubic-bezier(0, 1.17, 0.99, 0.06) !important;
}
.chat .avatar-large:hover {
-webkit-transition: opacity .2s ease;
cursor: pointer;
opacity: 1;
transform: scale(1.1);
transition: all 1s cubic-bezier(0, 1.17, 0.99, 0.10) !important;
}
/* Messages */
.message.message-sending .markup{
animation: messages-slide-up 300ms cubic-bezier(.3,0,0,1),opacity 500ms ease infinite;
}
@keyframes messages-slide-up{
from{
transform: translate(0,10px);
}
}
.message.message-send-failed .markup{
animation: fail-pulse 1.5s;
}
@keyframes fail-pulse {
0% {
box-shadow: 0 0 0 0 #CD3131;
}
70% {
box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0)
}
to {
box-shadow: 0 0 0 0 rgba(241, 71, 71, 0)
}
}
/* Tool Tip */
.bd-blue .tooltip {
background-color: #3a71c1;
border-radius: 30px;
}
.bd-blue .tooltip.tooltip-top:after {
border-top-color: rgba(58, 113, 193, 0);
}
.bd-blue .tooltip.tooltip-right:after {
border-right-color: rgba(58, 113, 193, 0);
}
.bd-blue .tooltip.tooltip-left:after {
border-right-color: rgba(58, 113, 193, 0);
}
.bd-blue .tooltip.tooltip-bottom:after {
border-right-color: rgba(58, 113, 193, 0);
}
/* Invite in a channel */
.theme-dark .guildDetail-1nRKNE {
color: #ffffff;
}
/* Server List */
/* create or join server button */
.guilds-wrapper .guilds-add:hover {
border-color: var(--accentcolor);
color: var(--accenttext);
background-color: transparent;
}
.guilds-wrapper .guilds-add {
border-color: var(--accentcolor);
color: var(--accenttext);
background-color: transparent;
border: 0.1px dotted;
font-weight: 10 !important;
}
/**/
.guilds-wrapper {
-ms-flex-direction: column;
-ms-flex-negative: 0;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
background-color: transparent !important;
contain: layout;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
flex-shrink: 0;
overflow: hidden;
position: relative;
width: 100px;
left: 18px;
top: -8px;
}
.guilds-wrapper .guilds {
overflow-x: hidden;
overflow-y: show;
}
.guilds-wrapper .guild-separator:after {
background: rgba(47, 49, 54, 0);
content: " ";
height: 2px;
left: 20%;
position: absolute;
right: 20%;
top: 0;
}
.guilds-wrapper .guilds .guild .guild-inner {
background: rgba(47, 49, 54, 0);
border-radius: 25px;
cursor: pointer;
font-size: 18px;
line-height: 50px;
overflow: hidden;
text-align: center;
}
.guilds-wrapper .guilds .friends-online {
font-size: 0px;
margin: -1px 0;
}
.guilds-wrapper .guilds .guild .guild-inner a:active {
transform: scale(0.9);
transition: all 0.2s ease!important;
border-radius: 50px;
}
.guilds-wrapper .guilds .guild.selected {
border-radius: 50px!important;
animation: guildborder 10s ease;
transform: scale(1.08);
}
.guilds-wrapper .guilds .guild+.guild {
display: block;
transition: all 0.2s cubic-bezier(0, 1.17, 0.99, 0.06) !important;
}
.guilds-wrapper .guilds .guild .guild-inner {
background: transparent;
border-radius: 25px;
cursor: pointer;
font-size: 18px;
line-height: 50px;
overflow: hidden;
text-align: center;
}
.guilds-wrapper .guilds .guild.selected:before {
-webkit-transition: height .25s ease-in-out,margin-top .25s ease-in-out;
background: #fff;
border-radius: 70px;
height: 55px;
margin-top: -20px;
transition: height .25s ease-in-out,margin-top .25s ease-in-out;
}
.guilds-wrapper .guilds .guild .avatar-small {
background-repeat: no-repeat;
background-size: 50px 50px;
border-radius: 50px;
height: 50px;
margin: 0;
width: 50px;
}
.guilds-wrapper .guilds .guild:hover {
border-radius: 3px!important;
animation: guildborder 10s ease;
}
.guilds-wrapper .guilds .guild.selected {
border-radius: 3px!important;
animation: guildborder 10s ease;
}
.scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
background-clip: padding-box;
color: #7289da;
background-color: transparent;
border: 5px solid transparent;
border-radius: 7px;
}
.guilds-wrapper .guilds .guild-icon {
border-radius: 50px;
}
/* Home Icon */
.guild-inner.da-guildInner {
background-color: transparent !important;
}
.guilds-wrapper .guilds .home-icon {
background-image: url(https://i.imgur.com/lPF4z01.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 32px 33px;
height: 50px;
width: 50px;
background-color: transparent !important;
z-index: 10;
color: transparent !important;
}
svg.home-icon.da-homeIcon {
background-color: transparent !important;
}
a {
-webkit-transition: opacity .5s,color .5s;
color: rgba(0, 176, 244, 0);
cursor: pointer;
text-decoration: none;
transition: opacity .5s,color .5s;
}
/* Voice Icon */
.guilds-wrapper .guilds .guild.audio .guild-inner:after, .guilds-wrapper .guilds .guild.video .guild-inner:after {
background-color: rgba(30, 33, 36, 0.71);
background-position: 50%;
background-repeat: no-repeat;
background-size: 16px;
border-radius: 112px;
content: " ";
height: 53px;
overflow: hidden;
pointer-events: none;
position: absolute;
right: -1px;
top: -1px;
width: 53px;
}
.unread-mentions-indicator-bottom, .unread-mentions-indicator-top {
height: 20px;
left: 0;
overflow: hidden;
padding: 6px;
pointer-events: none;
position: absolute;
right: 0;
z-index: 10;
width: 60px;
}
.unread-mentions-indicator-bottom .unread-mentions-bar, .unread-mentions-indicator-top .unread-mentions-bar {
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.6);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
}
/* Create or Join guild */
.create-guild-container.deprecated .create-or-join .actions .or {
height: 200%;
}
.create-guild-container.deprecated .action {
border: 1px solid rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0,0,0,.0);
display: block;
overflow: hidden;
width: 228px;
height: 70px;
margin-left: 113px;
margin-top: 29px;
}
.create-guild-container.deprecated .create-or-join .actions {
flex-direction: column;
}
.create-guild-container.deprecated .action+.action {
margin-left: 118px;
margin-top: 70px;
}
.create-guild-container.deprecated .create-guild .guild-form li:first-child {
-ms-flex: 1.2 0 0px;
-webkit-box-flex: 1.2;
flex: 1.2 0 0;
margin-left: 182px;
}
.create-guild-container.deprecated .create-guild .guild-form li {
-ms-flex: 1 1 0px;
-webkit-box-flex: 1;
flex: 1 1 0;
margin-left: -1300px;
}
.regionSelect-3lf4eE .regionSelectInner-24f4Ce {
border: 1px solid rgba(205, 205, 205, 0);
}
.create-guild-container.deprecated .join-server .sample-link {
font-size: 0px;
}
.create-guild-container.deprecated p {
font-size: 0px;
}
/* end of create or join guild */
/* Add Server Icon */
.guilds-wrapper .guilds .guild:hover {
border-radius: 103px!important;
}
/* Channel List */
.iconCollapsed-3hFp_8, .iconDefault-3Gr8d2, .nameCollapsed-34uFWo, .nameDefault-2DI02H {
color: white;
opacity: 0.7;
}
.nameConnectedText-3CzNQn, .nameConnectedVoice-MHUX5F, .nameSelectedText-sp_EUw, .nameSelectedVoice-1qSph5 {
color: white !important;
}
.nameDefaultText-24KCy5, .nameDefaultVoice-3WUH7s, .nameLockedText-3pqQcL, .nameLockedVoice-26MhB1 {
color: white;
}
svg.colorUnreadText-2t7XRb.icon-sxakjD {
opacity: 1 !important;
filter: brightness(10000px) contrast(100px);
color: transparent;
background-color: white;
border-radius: 50px;
}
svg.colorSelectedText-1y4Wvs.icon-sxakjD {
opacity: 1 !important;
filter: brightness(10000px) contrast(100px);
color: transparent;
background-color: rgb(181, 181, 181);
border-radius: 50px;
}
svg.colorHoveredText-OZnAgu.icon-sxakjD {
opacity: 1 !important;
filter: brightness(10000px) contrast(100px);
color: transparent;
background-color: rgb(209, 209, 209);
border-radius: 50px;
}
.contentConnectedVoice-qL-YrL:active, .contentHoveredText-2D9B-x, .contentHoveredVoice-3p_NEO:active, .contentSelectedVoice-1WDIBM:active {
background-color: rgba(54, 57, 63, 0.5);
}
.iconCollapsed-3hFp_8, .iconDefault-3Gr8d2, .iconHovered-2L3-fB, .iconHoveredCollapsed-3caIIZ, .iconMuted-1HVBGH, .iconUnread-2eGkvX {
visibility: hidden;
}
.scrollerFade-1Ijw5y .scroller-2FKFPG:hover::-webkit-scrollbar-thumb, .scrollerFade-1Ijw5y .scroller-2FKFPG:hover::-webkit-scrollbar-track, .scrollerFade-1Ijw5y:hover::-webkit-scrollbar-thumb, .scrollerFade-1Ijw5y:hover::-webkit-scrollbar-track {
visibility: hidden;
}
.icon-1KK5se {
transform: scale(0.7)
}
.channels-Ie2l6A {
background-color: rgba(47, 49, 54, 0);
}
.container-PNkimc {
background-color: rgba(47, 49, 54, 0);
}
.header-2o-2hj:hover {
background-color: rgba(0, 0, 0, 0);
}
.header-2o-2hj {
background-color: rgba(0, 0, 0, 0);
}
.header-2o-2hj:active {
background-color: rgba(0, 0, 0, 0);
}
.header-2o-2hj {
box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);
}
/* Making round buttons OWO */
.content-20Aix8 {
border-radius: 33px;
}
/* CHAT */
/* FORM */
.chat form {
-ms-flex-negative: 0;
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,.1);
box-shadow: 0 -1px 0 rgba(0,0,0,.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-shrink: 0;
margin: 0 20px;
position: relative;
height: 76px;
}
/* Rest of Chat */
.iconInactive-g2AXfB {
opacity: 1;
}
/* Code block in chat */
.theme-dark .message-group .comment .markup pre {
background: #2f3136;
border-color: rgba(40, 43, 48, 0);
}
.theme-dark .message-group .comment .markup {
color: hsl(0, 0%, 100%);
}
/* */
.theme-dark .chat {
background-color: rgba(54, 57, 62, 0) !important;
}
.theme-dark .title-3qD0b- {
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0, 0, 0, 0);
background: rgba(54, 57, 63, 0);
box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);
}
.theme-dark .chat>.content {
background-color: rgba(54, 57, 62, 0);
}
.theme-dark .friends-table, .theme-dark .messages-wrapper {
background-color: rgba(56, 68, 88, 0);
}
.theme-dark .message-group:not(.has-divider) {
border-bottom-color: hsla(0, 0%, 100%, 0);
}
.theme-dark .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div {
background: rgba(71, 74, 79, 0);
}
.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:not(.red) span, .theme-dark .messages-wrapper .messages .divider:not(.red) span {
color: rgba(255, 255, 255, 0.5);
background-color: transparent;
left: -46.5%;
}
.bd-blue *[style*="background-color: rgb(114, 137, 218)"] {
background-color: rgba(58, 113, 193, 0) !important;
}
.theme-dark .chat form {
-webkit-box-shadow: 0 -1px 0 hsla(0,0%,100%,.06);
background-color: rgba(54, 57, 63, 0);
box-shadow: 0 -1px 0 hsla(0,0%,100%,.06);
}
.theme-dark .inner-zqa7da {
background-color: hsla(218, 5%, 47%, 0);
}
.typing-2GQL18 {
background-color: transparent !important;
margin-bottom: 45px;
}
/* Members Tab */
/* adding radial staus borders - code by Sato and small tweak by Corbs*/
.statusProfile-3ynqtt.status-oxiHuE {
width:96% !important;height: 96%;right:-2px !important;bottom:-2px;padding:2px;
border-width: 2px !important;margin: 0;}
.listRow-hutiT_ .status-oxiHuE,.card-7JP0BX .status-oxiHuE {
width:91% !important;height: 91%;
border-radius: 50%;right: -2px !important; bottom:-2px;padding:2px;
border-width: 2px !important;margin: 0;}
.autocompleteRow-2OthDa .status-oxiHuE{
width:82% !important;height: 82%;border-radius: 50%;
right: -2px !important; bottom: -2px;padding: 2px;
border-width: 2px !important;}
.members-1998pB .content-OzHfo4 .status-2s6iDp,.container-2Thooq .status-2kJpnA,
.members-1998pB .member-3W1lQa.popout-open .status-2s6iDp,.private-channels .status {
border-radius: 50%;background-clip: padding-box;
bottom: -1px;right: -1px;height: 28px !important;width: 28px !important;}
.maskProfile-1ObLFT,.mask-3OgeRz {-webkit-mask: none;mask: none;}
.status-oxiHuE,.statusProfile-3ynqtt.status-oxiHuE {border-radius:50% !important;box-shadow:none;-webkit-box-shadow:none;}
.autocompleteRow-2OthDa .online-2S838R,.listRow-hutiT_ .online-2S838R,.card-7JP0BX .online-2S838R,.statusProfile-3ynqtt.online-2S838R,.private-channels .online-2S838R, .container-2Thooq .online-2S838R,.members-1998pB .content-OzHfo4 .online-2S838R {background-color: transparent;border:2px solid var(--online) !important;}
.autocompleteRow-2OthDa .streaming-2_dnHe,.listRow-hutiT_ .streaming-2_dnHe,.card-7JP0BX .streaming-2_dnHe,.statusProfile-3ynqtt.streaming-2_dnHe,.private-channels .streaming-2_dnHe,.container-2Thooq .streaming-2_dnHe,.members-1998pB .content-OzHfo4 .streaming-2_dnHe {background-color: transparent;border: 2px solid var(--streaming) !important;}
.autocompleteRow-2OthDa .dnd-1_xrcq,.listRow-hutiT_ .dnd-1_xrcq,.card-7JP0BX .dnd-1_xrcq,.statusProfile-3ynqtt.dnd-1_xrcq,.private-channels .dnd-1_xrcq,.container-2Thooq .dnd-1_xrcq,.members-1998pB .content-OzHfo4 .dnd-1_xrcq {background-color: transparent;border:2px solid var(--dnd) !important;}
.autocompleteRow-2OthDa .idle-3DEnRT,.listRow-hutiT_ .idle-3DEnRT,.card-7JP0BX .idle-3DEnRT,.statusProfile-3ynqtt.idle-3DEnRT,.private-channels .idle-3DEnRT,.container-2Thooq .idle-3DEnRT,.members-1998pB .content-OzHfo4 .idle-3DEnRT {background-color: transparent;border:2px solid var(--idle) !important;}
.autocompleteRow-2OthDa .invisible-1kp8Z0,.listRow-hutiT_ .invisible-1kp8Z0,.card-7JP0BX .invisible-1kp8Z0,.statusProfile-3ynqtt.invisible-1kp8Z0,.private-channels .invisible-1kp8Z0,.container-2Thooq .invisible-1kp8Z0,.members-1998pB .content-OzHfo4 .invisible-1kp8Z0{background-color: transparent;border:2px solid var(--offline) !important;}
.autocompleteRow-2OthDa .offline-3qoTek,.listRow-hutiT_ .offline-3qoTek,.card-7JP0BX .offline-3qoTek,.statusProfile-3ynqtt.offline-3qoTek,.private-channels .offline-3qoTek,.container-2Thooq .offline-3qoTek,.members-1998pB .content-OzHfo4 .offline-3qoTek {background-color: transparent;border:2px solid var(--offline) !important;}
.container-2Thooq .status-2kJpnA,.statusProfile-3ynqtt.status-oxiHuE {pointer-events: none !important;}
.status-oxiHuE.small-5Os1Bb.typing-1KJk_j.status-2s6iDp,.status-oxiHuE.small-5Os1Bb.typing-1KJk_j.status {left:-1px !important;background-color: rgba(0, 0, 0, 0.4) !important;right: -0.5px !important;}
.pulsingEllipsisItem-32hhWL {opacity: .9}
.theme-dark .title-3qD0b- .status-oxiHuE,.friends-column-status .status,.titleCall-_b9o8P .status-oxiHuE {position:relative}
.theme-dark .members-1998pB {
background-color: rgba(47, 49, 54, 0);
}
.theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 {
background-color: rgba(79,84,92,.6);
color: #fff;
border-radius: 230px;
width: 90px;
height: 40px;
}
.theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4:hover {
background-color: rgba(79,84,92,.6);
color: #fff;
border-radius: 230px;
width: 90px;
height: 40px;
}
.theme-dark .member-3W1lQa:hover .content-OzHfo4 {
background-color: rgba(79,84,92,.6);
color: #fff;
border-radius: 230px;
width: 90px;
height: 40px;
}
/* Profile Modal */
.additionalActionsIcon-1FoUlE {
filter: brightness(1000px) !important;
}
.userPopout-3XzG_A {
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(32, 34, 37, 0);
border-radius: 5px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(32, 34, 37, 0);
overflow: hidden;
width: 250px;
}
.lookInverted-2D7oAl.colorGreen-29iAKY:hover {
color: white;
background-color: transparent;
}
.lookInverted-2D7oAl.colorGreen-29iAKY {
color: white;
background-color: transparent;
}
.lookInverted-2D7oAl.colorGreen-29iAKY:active {
color: white;
background-color: transparent;
}
.buttonInvertedPurple-WtBglX {
color: white;
background-color: transparent;
}
.buttonInvertedPurple-WtBglX:hover {
color: white;
background-color: transparent;
}
.buttonInvertedPurple-WtBglX:active {
color: white;
background-color: transparent;
}
.topSectionStreaming-1Tpf5X {
background-color: var(--accentcolor);
}
.userInfoSectionHeader-CBvMDh {
color: #ffffff;
font-size: 12px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.theme-dark .note-3kmerW textarea {
color: #ffffff;
opacity: 1;
}
.connectedAccountName-f8AEe2 {
-moz-user-select: text;
-ms-user-select: text;
-webkit-user-select: text;
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin-left: 10px;
user-select: text;
}
.guildNick-3uAm3i, .listName-3w10cx {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: white;
}
.lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled {
background-color: transparent;
border-color: hsla(0, 0%, 100%, 0);
visibility: hidden;
margin-bottom: -100px;
}
.theme-dark .connectedAccount-36nQx7, .theme-dark .userInfoSection-2acyCx+.userInfoSection-2acyCx {
border-color: rgba(32, 34, 37, 0);
}
.tabBarContainer-1s1u-z {
border-top: 1px solid hsla(0, 0%, 100%, 0);
padding-left: 20px;
}
.tab-bar.tabBar-2MuP6- .tabBarItem-1b8RUP.selected {
border-bottom-color: rgba(255, 255, 255, 0);
color: white;
}
.theme-dark .footer-1fjuF6 {
border-color: rgba(32, 34, 37, 0);
}
.topSectionSpotify-1lI0-P {
background-color: var(--accentcolor);
}
.headerFill-adLl4x {
background-color: transparent;
}
.topSectionPlaying-1J5E4n {
background-color: var(--accentcolor);
}
/* pop out */
.headerPlaying-j0WQBV {
background-color: var(--accentcolor);
}
.activity-11LB_k {
background-color: rgba(0, 0, 0, 0);
padding: 10px;
}
.theme-dark .quickMessage-1yeL4E {
background-color: #36393f;
border-color: rgba(35, 38, 42, 0);
color: hsla(0,0%,100%,.7);
}
.headerSpotify-zpWxgT {
background-color: var(--accentcolor);
}
/* User Container in Bottom Left Corner */
.container-2Thooq {
-ms-flex-align: center;
-ms-flex-negative: 0;
-webkit-box-align: center;
align-items: center;
background: rgba(32, 34, 37, 0);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-shrink: 0;
font-size: 14px;
font-weight: 400;
height: 52px;
margin-bottom: 9px;
padding: 0 10px;
}
.button-2b6hmh:hover {
background-color: rgba(24,25,28,.3);
opacity: 1;
border-radius: 50px;
}
/* Friends list */
#friends .friends-table .friends-row .discord-tag .username {
color: white;
}
.private-channels .channel .channel-name {
color: white !important;
opacity: 1;
}
#friends .friends-table .friends-table-body{
margin-top: -40px;
}
.theme-dark #friends .friends-table .friends-table-header .friends-column {
visibility: hidden;
height: 0px;
}
.theme-dark #friends .friends-table .friends-row .friends-column-status {
color: hsla(0,0%,100%,.4);
width: 10px;
margin-right: 10px;
}
.theme-dark #friends .tab-bar .tab-bar-separator {
background-color: hsla(0, 0%, 100%, 0);
}
.theme-dark .divider-2PMBlV {
visibility: hidden;
background: hsla(0, 0%, 85%, 0);
}
.theme-dark #friends .friends-table .friends-table-header {
border-bottom: 1px solid hsla(0, 0%, 100%, 0);
}
.theme-dark #friends .friends-table .friends-table-header .friends-column-separator {
background-color: hsla(0, 0%, 100%, 0);
}
.private-channels .channel:hover a {
background-color: rgba(54, 57, 63, 0.50);
color: #fff;
}
.theme-dark .headerBar-UHpsPw {
-webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0,0,0,0) !important;
background: rgba(54, 57, 63, 0) !important;
box-shadow: 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0) !important;
}
.private-channels .search-bar {
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06);
background-color: transparent;
border-radius: 0;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 0);
height: 48px;
padding: 0 12px;
position: relative;
z-index: 1;
}
.theme-dark .headerBar-UHpsPw {
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06);
background: rgba(54, 57, 63, 0);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 0);
}
.theme-dark .wrapper-1cBijl {
background-color: rgba(36, 39, 43, 0);
border-color: rgba(0, 0, 0, 0);
}
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-suggestions-header {
border-bottom: 1px solid hsla(0, 0%, 100%, 0);
}
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
background: transparent;
border-bottom: 0px solid rgba(0, 0, 0, 0);
}
.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary {
background-color: rgba(114, 137, 218, 0);
color: #fff;
}
.theme-dark #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
background-color: #fff;
color: #000000;
}
#friends .btn {
background-color: var(--accentcolor);
border-radius: 33px;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 500;
margin-right: 10px;
padding: 4px 8px;
}
.theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-add-header {
background: transparent;
border-bottom: 1px solid rgba(0,0,0,.2);
}
.theme-dark #friends .tab-bar .tab-bar-item.selected {
background-color: #fff;
color: #36393e;
border-radius: 30px;
}
.theme-dark #friends .tab-bar .tab-bar-item:hover {
background-color: transparent !important;
color: white;
border-radius: 30px;
}
.theme-dark #friends .friends-table .friends-row+.friends-row {
border-top: 1px solid hsla(0, 0%, 100%, 0);
}
.private-channels .channel a {
border-radius: 50px;
}
.theme-dark .headerBar-UHpsPw {
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06);
background: rgba(54, 57, 63, 0);
box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06);
}
.theme-dark #friends {
background-color: rgba(54, 57, 62, 0);
}
.theme-dark #friends .friends-table .friends-row:hover {
background: rgba(65, 68, 73, 0.5);
border-color: rgba(0, 0, 0, 0);
border-radius: 30px;
}
.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {
background-color: rgba(47, 49, 54, 0);
transition: all 0.2s ease!important;
}
.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
background-color: rgba(79, 84, 92, 0);
transition: all 0.2s ease!important;
}
.theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
background-color: rgba(79, 84, 92, 0);
transform: scale(1.1);
transition: all 0.2s ease!important;
}
#friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove:hover {
background-color: #f04747!important;
border-radius: 30px;
}
/* Server settings page */
.theme-dark .ui-standard-sidebar-view .btn-close {
border-color: rgba(114, 118, 125, 0);
transform: scale(1.2)
}
.ui-standard-sidebar-view .esc-text {
font-size: 0px;
font-weight: 600;
margin-top: 44px;
position: fixed;
text-align: center;
width: 36px;
}
.theme-dark .cardPrimaryOutline-29Ujqw {
border-color: rgba(32, 34, 37, 0);
}
.theme-dark .divider-3573oO {
background-color: hsla(218, 5%, 47%, 0);
}
.theme-dark .auditLog-3jNbM6 {
border-color: rgba(32, 34, 37, 0);
color: #72767d;
}
.theme-dark .divider-1pnAR2 {
background-color: rgba(32, 34, 37, 0);
}
.divider-1pnAR2 {
background: green;
height: 0px;
width: 100%;
}
.theme-dark .item-3T2z1R {
border-color: rgba(24, 25, 28, 0);
}
.theme-dark .passthroughSelected-1Eq0Kl {
background: #747f8d;
border-radius: 50px;
width: 29px;
}
.item-3T2z1R:first-child {
border-left-width: 1px;
border-radius: 50px;
width: 29px;
}
.theme-dark .allowSelected-25S_i5 {
border-color: #43b581;
border-radius: 50px;
width: 29px;
}
.theme-dark .ui-standard-sidebar-view {
background: rgba(54, 57, 63, 0);
}
.theme-dark .ui-standard-sidebar-view {
background: rgba(54, 57, 63, 0);
}
.theme-dark .ui-standard-sidebar-view .sidebar-region {
background: rgba(0, 0, 0, 0.50);
}
.theme-dark .ui-standard-sidebar-view .content-region {
background: rgba(0, 0, 0, 0.50);
}
.side-8zPYf6 .itemSelected-1qLhcL {
background-color: #7289da;
color: #fff;
border-radius: 30px;
}
.theme-dark .side-8zPYf6 .itemDefault-3Jdr52:hover, .theme-dark .side-8zPYf6 .itemHover-EnbcjT:hover {
background-color: hsla(216,4%,74%,.1);
color: #f6f6f7;
border-radius: 50px;
}
.lookFilled-1Gx00P.colorBrand-3pXr91:hover {
background-color: #677bc4;
border-radius: 30px;
}
.lookFilled-1Gx00P.colorBrand-3pXr91 {
background-color: #7289da;
color: #fff;
border-radius: 30px;
}
/* Buttons in Settings page | Default */
/* On */
.themeDefault-24hCdX.valueChecked-m-4IJZ {
background-color: var(--accentcolor);
width: 25px;
margin-right: 0px;
margin-left: 10px;
}
.valueChecked-m-4IJZ.sizeDefault-2YlOZr:after {
-webkit-transform: translate3d(18px,0,0);
transform: translate3d(18px,0,0);
margin-left: -14px;
}
/* Off */
.themeDefault-24hCdX.sizeDefault-2YlOZr {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
box-shadow: inset 0 1px 1px rgba(0,0,0,.15);
width: 25px;
}
/* You won't miss him */
#friends .friends-empty p {
color: rgba(0,0,0,.4);
font-size: 0px;
font-weight: 500;
line-height: 26px;
margin: 20px 50px;
}
.theme-dark #friends .friends-empty.section-pending .empty-state-image {
visibility: hidden;
height: 0px;
}
.theme-dark #friends .friends-empty.section-blocked .empty-state-image {
visibility: hidden;
height: 0px;
}
.theme-dark #friends .friends-empty.section-add-friend-no-connection .empty-state-image {
visibility: hidden;
height: 0px;
}
/* Voice container in channel list */
.container-1UB9sr {
background: rgba(32, 34, 37, 0);
border-bottom: 1px solid rgba(54, 57, 63, 0);
}
/* Expose X Change Log Modal (AKA Help Modal) */
.need-help-modal.deprecated a:hover {
font-size: 0px;
}
.need-help-modal.deprecated a {
font-size: 0px;
}
.need-help-modal.deprecated .footer {
-ms-flex: 1;
-webkit-box-flex: 1;
background-color: #fff;
border-radius: 0 0 5px 5px;
border-top: 0px solid #e9e7e7;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex: 1;
font-size: 0px;
font-weight: 500;
padding: 20px 0 20px 38px;
}
.need-help-modal.deprecated .header {
height: 55px !important;
}
.need-help-modal.deprecated .header {
background-color: #ffffff;
}
.need-help-modal.deprecated .header h1 {
font-size: 0px;
}
.need-help-modal.deprecated .header h1::before {
content: "Expose X Change Log";
color: black !important;
font-size: 15px;
top: 10px !important;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.need-help-modal.deprecated .header input[type=text] {
visibility: hidden;
}
g.iconForeground-3y9f0B.da-iconForeground {
d: M170 225 l0 -25 155 0 155 0 0 25 0 25 -155 0 -155 0 0 -25z !important;
}
.icon-1R19_H[name="QuestionMark"] {
background-image: url("https://raw.githubusercontent.com/CorbsEditor/Custom-Icons/master/Expose%20X%20Theme%20for%20Better%20Discord/icons8-index-52%20(1).png");
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
}
.icon-1R19_H[name="QuestionMark"] path{display: none;}
.form-inner.loading.da-formInner.da-loading {
background-image: url(https://raw.githubusercontent.com/CorbsEditor/Custom-Icons/master/Expose%20X%20Theme%20for%20Better%20Discord/changelog.png);
background-size: 895px;
}
/* ============================================================================ */
/* PLUGINS */ /*PLUGINS*/ /* PLUGINS */ /*PLUGINS*/ /* PLUGINS */ /*PLUGINS*/
/* Message Logger */
.ml-tab-button {
padding: 10px;
background-color: rgba(0, 0, 0, 0.3);
color: white;
display: inline-block;
border-radius: 50px;
margin: 15px 10px;
cursor: pointer;
transition: all 0.3s;
font-size: 15px;
}
.ml-filter-field {
background-color: rgba(0, 0, 0, 0.2);
border: none;
border-radius: 50px;
height: 25px;
line-height: 25px;
width: 80%;
margin-top: 10px;
color: white;
padding: 0px 5px;
}
.ml-filter-help-button {
display: inline-block;
background-color: rgba(0, 0, 0, 0.2);
border: none;
border-radius: 50px;
height: 25px;
line-height: 25px;
width: 8%;
margin-top: 10px;
color: white;
padding: 0px 5px;
cursor: pointer;
font-size: 15px;
transition: all 0.3s;
}
/* Citador */
.citar-btn {
cursor: pointer;
margin: 3px 5px;
padding: 0 10px;
background-color: transparent !important;
border-radius: 50px !important;
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
opacity: 0.8;
background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_48px.svg);
background-size: 90% !important;
background-position: center !important;
background-repeat: no-repeat !important;
color: transparent !important;
}
/* Better Reddux Plugin */
.bf-toolbar:before {
content: "";
display: block;
width: 100%;
height: calc(100% - 15px);
position: absolute;
z-index: -1;
background: #7289da !important;
pointer-events: initial;
left: 0px;
top: 5px;
border-radius: 3px;
transform: translate(0,55px);
transition: all 200ms ease;
border-radius: 50px !important;
}
.bf-toolbar {
user-select: none;
white-space: nowrap;
font-size: 85%;
display: block;
position: absolute;
color: rgba(255, 255, 255, .5) !important;
width: auto!important;
right: 0;
bottom: auto;
border-radius: 3px;
height: 27px!important;
top: 0px;
transform: translate(0,-100%);
opacity: 1;
overflow: hidden!important;
pointer-events: none;
padding: 10px 30px 15px 5px;
margin: 8px 49px 0px 0px !important;
}
.bf-toolbar .bf-arrow {
content: "";
display: block;
background: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qâ?¦YtNiA2eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
height: 30px;
width: 30px;
right: 5px;
position: absolute;
pointer-events: initial;
bottom: 0;
background-repeat: no-repeat;
background-position: 50%;
transition: all 200ms ease;
opacity: .3;
cursor: pointer;
margin-bottom: 21px;
}
.bf-toolbar.bf-visible .bf-arrow, .bf-toolbar.bf-hover:hover .bf-arrow {
transform: translate(0, 7px)rotate(-90deg) !important;
transition: all 200ms cubic-bezier(0,0,0,1);
opacity: .9;
}
.theme-dark .popout .messages-popout-wrap {
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,20%);
background-color: rgba(47, 49, 54, 0.81);
border: 1px solid rgba(28,36,43,.6);
box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
}
.theme-dark .popout .messages-popout-wrap .header {
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,20%);
background-color: rgba(53, 57, 62, 0);
box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
}
.theme-dark .popout .messages-popout-wrap .messages-popout .message-group {
background-color: rgba(54, 57, 62, 0);
border-color: rgba(28, 36, 43, 0);
}
.image {
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, .3);
}
.bf-toolbar:before {
content: "";
display: block;
width: 100%;
height: calc(100% - 15px);
position: absolute;
z-index: -1;
background: #7289da;
pointer-events: initial;
left: 0px;
top: 5px;
border-radius: 3px;
transform: translate(0,55px);
transition: all 200ms ease;
border-radius: 50px;
}
.bf-toolbar .format:hover {
border-radius: 50px;
}
/* */
.lookInverted-2D7oAl.colorBrand-3pXr91 {
background-color: #202225;
color: #7289da;
}
/* Switch */
/* Discord Settings */
.valueChecked-m-4IJZ.sizeDefault-2YlOZr:after {
-webkit-transform: translate3d(18px,0,0);
transform: translate3d(0px,0,0);
opacity: 0;
}
.sizeDefault-2YlOZr {
border-radius: 14px;
height: 24px;
width: 24px;
}
.valueUnchecked-2lU_20:after {
-webkit-transform: translateZ(0);
transform: translateZ(0) scale(0.5);
}
.value-2hFrkk:after {
-webkit-transition: width .0s ease-in-out,left .0s ease-in-out,-webkit-transform .15s ease-in-out;
left: 0;
transition: width .0s ease-in-out,left .0s ease-in-out,-webkit-transform .0s ease-in-out;
transition: transform .0s ease-in-out,width .0s ease-in-out,left .0s ease-in-out;
}
.size-3rFEHg:after {
background-color: #fff;
content: "";
display: block;
position: absolute;
z-index: -1;
}
.message-group .edit-message .edit-container-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 6px;
margin-right: 6px;
}
/* You're viewing older/ messages */
.theme-dark .chat .jump-to-present-bar {
background-color: grey;
border-radius: 50px;
bottom: 10px;
}
.chat .new-messages-bar {
background-color: var(--accentcolor);
border-radius: 50px;
top: 10px;
}
.chat .new-messages-bar:hover {
background-color: var(--accentcolor);
border-radius: 50px;
top: 10px;
}
/* File in chat */
.theme-dark .attachment-33OFj0 {
border: none;
background-color: transparent;
}
/* Settings */
.theme-dark .faded-3bns_w {
color: hsl(0, 0%, 100%);
}
.theme-dark .description-3_Ncsb, .theme-dark .labelDescriptor-1PqHgD {
color: #ffffff;
}
.theme-dark .h5-18_1nd {
color: #ffffff;
}
.theme-dark .desc-2Dttbk {
color: #ffffff;
}
/* Better Disord Settings */
#bd-settingspane-container .ui-switch-item .style-description {
color: white;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
line-height: 30px;
border-bottom: 1px solid hsla(218,5%,47%,.3);
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked:before {
transform: translateX(0px);
opacity: 0;
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
width: 24px;
height: 24px;
display: block;
flex: 0 0 auto;
}
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch:before {
content: "";
display: block;
width: 18px;
height: 18px;
position: absolute;
top: 3px;
left: 3px;
bottom: 3px;
background: #f6f6f7;
border-radius: 10px;
transition: all .15s ease;
box-shadow: 0 3px 1px 0 rgba(0,0,0,.05), 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 3px 0 rgba(0,0,0,.05);
transform: scale(0.5);
opacity: 0;
}
.bda-slist .bda-footer button:disabled {
opacity: .0;
}
/* Server Folder Plugin */
.DevilBro-modal [class^="ui-color-picker-swatch"].large {
min-width: 62px;
height: 62px;
border-radius: 45px !important;
}
.guild.folder .badge.folder.count {
background: grey !important;
height: 41px !important;
top: 3px !important;
right: 18px !important;
width: 38px;
opacity: 0.8;
}
.guild.serverFoldersPreview {
position: absolute;
opacity: -0.5 !important;
width: 50px;
height: 50px;
z-index: 1000;
}
.foldercontainer {
margin: 0px 0px 0px -30px !important;
}
.DevilBro-modal [class^="ui-color-picker-swatch"] {
cursor: pointer;
width: 22px;
height: 22px;
margin-bottom: 5px;
margin-top: 5px;
border: 4px solid transparent;
border-radius: 50px !important;
margin-left: 10px;
}
.theme-dark .input-cIJ7To:hover {
border-color: transparent !important;
border-radius: 5px !important;
}
.theme-dark .input-cIJ7To {
border-radius: 5px;
border-color: transparent;
}
.theme-dark .input-cIJ7To {
background-color: rgba(0,0,0,.1);
border-color: transparent;
color: #f6f6f7;
border-radius: 5px !important;
}
.theme-dark .input-cIJ7To:focus {
border-color: var(--accentcolor);
}
/* Detailed Server Tooltip */
.tooltip.tooltip-right {
margin-left: 18px;
}
.dst-tooltip-icon {
width: 200px;
height: 200px;
background-size: cover;
border-radius: 105px;
margin-top: 5px;
flex: 1;
}
.dst-tooltip {
width: 100%;
max-width: 725px;
text-align: left;
background-color: #7289da;
color: white;
}
.dst-tooltip-label {
color: white;
margin-top: 14px;
font-size: 13px;
margin-left: 220px;
top: 0px;
}
.dst-tooltip-icon {
width: 200px;
height: 200px;
background-size: cover;
border-radius: 105px;
margin-top: 5px;
flex: 1;
margin-bottom: -180px;
}
.dst-tooltip:after {
border-right-color: rgba(114, 137, 218, 0);
top: 6.5% !important;
}
/* Members Count */
.theme-dark #memberCount {
color: hsla(0, 0%, 100%, 0.4);
background: rgba(47, 49, 54, 0) !important;
}
#memberCount {
position: absolute;
font-size: 12px;
letter-spacing: 0.08em;
font-weight: 500;
text-transform: uppercase;
display: block;
width: 100%;
text-align: left !important;
padding: 0.9vh 0;
z-index: 5;
margin-left: 15px !important;
}
/* VIP */
.VIP:active {
transform: scale(1.1) !important;
}
/* Channel History */
.channelHistoryButtons {
color: #999;
font-weight: bold;
position: absolute;
left: 71px;
top: unset !important;
bottom: 5px !important;
left: 299px !important;
}
/* Charater Count */
#charcounter.normal {
right: 0;
bottom: -9px !important;
}
#charcounter {
display: block;
position: absolute;
opacity: .5;
z-index: 1000;
pointer-events: none;
font-size: 10px !important;
}
/* Friends Counter */
.theme-dark #friends .tab-bar .tab-bar-item .badge {
background-color: transparent !important;
color: grey !important;
height: 10px !important;
margin-top: -10px;
font-size: 15px !important;
}
/* Display Servers as Channels */
.guilds-wrapper.DSAC-styled .guild-separator ~ .guild .guilds-error {
border: none !important;
background-color: transparent !important;
margin-left: -5px;
line-height: 32px;
}
.guilds-wrapper.DSAC-styled .guild-separator ~ .guild:not(.selected):hover {
background-color: transparent !important;
border: none;
}
.guilds-wrapper.DSAC-styled .guild-separator ~ .guild:not(.selected) {
background-color: transparent !important;
border: none;
}
.guilds-wrapper.DSAC-styled .guild-separator ~ .guild .guild-inner {
background-color: transparent !important;
}
/* Logger */
button#dl-log-button {
border-radius: 50px;
margin-left: -7px;
background-color: transparent;
color: white;
}
.scrollerWrap-2uBjct.content-1Cut5s.scrollerThemed-19vinI.themeGhostHairline-2H8SiW.da-scrollerWrap.da-content.da-scrollerThemed.da-themeGhostHairline {
color: white;
background-color: darkslategray;
}
/* ===================================================== */
/* END OF PLUGINS */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.