.spine--Wla_O {
color: rgb(255, 0, 0);
}
/*
------------------------------------------------------
activityPanel
------------------------------------------------------
*/
.activityPanel-28dQGo {position: absolute; right: 45.3%;overflow:visible;bottom:96%;
}
/*
------------------------------------------------------
links
------------------------------------------------------
*/
[href*="youtu.be"],
[href*="youtube.com"] {
color:#c4302b !important;
font-weight: 700;
}
[href*="twitch.tv"] {
color:#b700ff !important;
font-weight: 700;
}
[href*="spotify.com"] {
color:rgb(19, 185, 4) !important;
font-weight: 700;
}
[href*="discord.com/channels/"]{
color:#7289da !important;
}
[href*="discord.com/channels/"]::before {
content:'Message : ';
font-size:16px;
font-weight:700;
color: #603cff;
}
[href*="reddit.com"] {
color:#e05a0c !important;
font-weight: 700;
}
[href*="instagram.com/"]{
background: -webkit-linear-gradient(80deg, rgb(255, 238, 0), rgb(255, 157, 11), #b700ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 700;
}
[href*="twitter.com/"]{
color:#00acee !important;
font-weight: 700;
}
[href*="betterdiscord.app/"],
[href*="discord.gg/"] {
color:#7289da !important;
font-weight: 700;
}
[href*="github.com"]{
color:#00f0a8 !important;
font-weight: 700;
}
/*
------------------------------------------------------
reaction cubes but it's cool
------------------------------------------------------
*/
.reaction-1hd86g{
background: -webkit-linear-gradient(120deg, rgba(138, 157, 224, 0.125), rgba(255, 255, 255, 0.152));
-webkit-background-clip: border-box;
border-color: #67686a;
border-width: 2px;
border-radius: 2px;
}
.reaction-1hd86g:hover{
background: -webkit-linear-gradient(80deg, rgb(146, 191, 221), rgb(255, 255, 255));
-webkit-background-clip: text;
}
.reaction-1hd86g:hover{
background: -webkit-linear-gradient(120deg, rgba(138, 157, 224, 0.125), rgba(255, 255, 255, 0.152));
-webkit-background-clip: border-box;
}
/*
------------------------------------------------------
same as above, but it hides the gif tag
------------------------------------------------------
*/
.gifTag-kA7fXf, .textBadge-1iylP6 {
display: none;
}
/*
------------------------------------------------------
Remove Pencil icon things when hovering banners
------------------------------------------------------
*/
.banner-2QYc2d:hover .bannerOverlay-1uIerX, .banner-2QYc2d:hover .pencilIcon-XSi-VE {
display: none;
}
/*
------------------------------------------------------
Spotify Controls
------------------------------------------------------
*/
.container-1r6BKw {z-index: 1; position: relative;}
.container-6sXIoE {position: absolute; right: 50%; top: 0%; background: black; z-index: 3 !important;}
.timeline-UWmgAx {position: relative; right: -235%;bottom:25px;}
.details-ntX2k5 {position: relative; right: -2000%;bottom: 10px;}
.container-6sXIoE.withTimeline-824fT_ {background: transparent;}
.container-6sXIoE button {bottom: 0px;right: -800px;}
.textScroller-dc9_kz {max-width: 1px !important;}
.cover-SwJ-ck {display:none;
}
/*
------------------------------------------------------
Show Discord even when you don't have internet
------------------------------------------------------
*/
.container-16j22k {background: transparent; pointer-events: none}
.container-16j22k>div {display: none}
.container-16j22k::before {
content: "You've gone offline";
display: block;
bottom: 24px; right: 24px;
position: absolute;
padding: 8px 16px;
background-color: #f04747;
border-radius: 4px;
color: #fff;
font-weight: 500
}
/*
------------------------------------------------------
get rid of discord's hideous new display font
------------------------------------------------------
*/
html:root {
--font-display: var(--font-primary);
}
/*
------------------------------------------------------
Hide stickers button
------------------------------------------------------
*/
.stickerButton-3OEgwj {display: none}
/*
------------------------------------------------------
Do not mirror your camera preview in calls
------------------------------------------------------
*/
.mirror-1Z13AJ {transform: none}
/*
------------------------------------------------------
Pin home button
------------------------------------------------------
*/
.guilds-1SWlCJ .tree-2wKJdG:focus {
outline-color: transparent;
}
.guilds-1SWlCJ .scroller-1Bvpku {
contain: unset;
margin-top: 56px;
}
.guilds-1SWlCJ .scroller-1Bvpku .tutorialContainer-2sGCg9 {
position: fixed;
transform: translatey( -100% );
}
/*
------------------------------------------------------
Make switches be a button
------------------------------------------------------
*/
#app-mount .container-3auIfb, #app-mount .bd-switch-body {
width: 20px;
height: 20px;
background: transparent !important;
}
#app-mount .container-3auIfb .slider-TkfMQL, #app-mount .bd-switch-body .bd-switch-slider {
left: -6px !important;
}
#app-mount .container-3auIfb .slider-TkfMQL > rect, #app-mount .bd-switch-body .bd-switch-slider rect {
height: 20px !important;
width: 20px !important;
x: 4px !important;
y: 0px !important;
rx: 5;
fill: var(--background-tertiary);
}
/*
------------------------------------------------------
Remove Maximum Size limitation for detached Addon and CustomCSS Editor
------------------------------------------------------
*/
#floating-editor-window.resizable {
max-height: unset;
max-width: unset;
}
/*
------------------------------------------------------
remove the annoying mdn stuff on the CustomCSS editor
------------------------------------------------------
*/
.markdown-hover {
display: none;
}
/*
------------------------------------------------------
Rainbow Wave USER # ID
------------------------------------------------------
*/
.subtext-3CDbHg,
.customStatus-3tC2ig,
.hovered-d5PMVU,
.title-eS5yk3 {
background-image: linear-gradient(to left,rgb(51, 255, 0), rgb(255, 230, 0), red, rgb(234, 0, 255), rgb(0, 140, 255), rgb(51, 255, 0));
animation: gradient-border 1s linear infinite;
background-size: 4000% 1%;
color: transparent !important;
-webkit-background-clip: text;
z-index: 1;
}
@keyframes gradient-border {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
/*
------------------------------------------------------
Better Settings
------------------------------------------------------
*/
/* USER SETTINGS */
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child,
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ * {
order: 0;
}
/* BETTERDISCORD SETTINGS */
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv,
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ * {
order: -1;
}
/* CHANGELOG/HYPESQUAD/DEVELOPER */
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv,
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ * {
order: 5;
}
/* LOGOUT */
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv,
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ * {
order: 6;
}
/* APP SETTINGS */
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv,
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ * {
order: 0;
}
/* ACTIVITY SETTINGS */
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv,
.layer-3QrUeG[aria-label="USER_SETTINGS"] .side-8zPYf6 > .header-2RyJ0Y:first-child ~ .separator-gCa7yv ~ .separator-gCa7yv ~ .separator-gCa7yv ~ * {
order: 1;
}
.header-2RyJ0Y {
color: rgb(78, 77, 77);
font-weight: bolder;
font-size: 12px;
}
/*
------------------------------------------------------
Emote Fixed
------------------------------------------------------
*/
img.emote {
text-indent: 0;
white-space: nowrap;
width: auto;
position: relative;
top: 0.25ex;
}
/*
------------------------------------------------------
Hide role icons from chat messages
------------------------------------------------------
*/
.username-1A8OIy .roleIcon-1_1CJy { display: none;
}
/*
------------------------------------------------------
Fixed the channel icon being oversized in embeds and channel topics
------------------------------------------------------
*/
.topic-TCb_qw > .wrapper-3WhCwL > .channelIcon-1MN1lz,
.embedFooterText-28V_Wb > .wrapper-3WhCwL > .channelIcon-1MN1lz {
width: calc(1.05rem * 1.05 / 1.3);
height: 1.05rem;
}
/*
------------------------------------------------------
Capitalize Channel Names & Headers
------------------------------------------------------
*/
.headerIcon-1qrXTN+.headerLabel-3dG4M-,
.children-19S4PO >h3,
.item-PXvHYJ,
.name-23GUGE {
text-transform: capitalize;
}
/*
------------------------------------------------------
De-Hypesquad
------------------------------------------------------
*/
img[src$="9f00b18e292e10fc0ae84ff5332e8b0b.svg"], img[src$="ec8e92568a7c8f19a052ef42f862ff18.svg"], img[src$="efcc751513ec434ea4275ecda4f61136.svg"] {display:none}
.side-8zPYf6 .item-PXvHYJ[aria-controls="hypesquad-online-tab"] {display:none
}
/*
------------------------------------------------------
Messages
------------------------------------------------------
*/
.privateChannelsHeaderContainer-3NB1K1.container-2ax-kl{font-size: 0px;}
.privateChannelsHeaderContainer-3NB1K1.container-2ax-kl::before{font-size:12px;content:"WitchBolt Messages";
}
/*
------------------------------------------------------
Textbox Text
------------------------------------------------------
*/
.placeholder-37qJjk {visibility: hidden;
}
.floating-window-titlebar .title {visibility: hidden;
}
.searchBar-3dMhjb {visibility: hidden;
}
.topic-TCb_qw {visibility: hidden;
}
/*
------------------------------------------------------
Minified search bar
------------------------------------------------------
*/
.header-8ilj5e {
display: flex;
flex-direction: row-reverse;
}
.header-8ilj5e .searchBar-5di9mG {
flex: 1;
}
.diversitySelectorOptionsInExpressionPicker-T8-itY {
right: unset;
left: 11px;
}
/*
------------------------------------------------------
Hide Help Icon
------------------------------------------------------
*/
.toolbar-1t6TWx a {
display: none;
}
/*
------------------------------------------------------
Hide server members list
------------------------------------------------------
*/
.chatContent-a9vAAp { /*Chat pannel and message box*/
position: absolute;
width: 98%;
height: 102%;
}
.membersWrap-2h-GB4 {
position: absolute;
top: 0;
right: 0;
height: 100%;
transform: translateX(80%);
justify-content: unset;
transition: transform 0.10s ease-in;
}
/*Shows the server members list*/
.membersWrap-2h-GB4:hover { /*Shows server's members*/
transform: translateX(-0%);
}
/*
------------------------------------------------------
Horizontal Status Picker
------------------------------------------------------
*/
#status-picker {
margin-bottom: 5px;
}
#status-picker > div {
display: flex;
flex-wrap: wrap;
padding: 8px;
}
.statusItem-33LqPf {
height: 32px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.statusItem-33LqPf > svg {
width: 16px;
height: auto;
}
#status-picker .item-1tOPte {
margin: 0;
width: 25%;
}
#status-picker .status-1fhblQ,
#status-picker .description-2L932D,
#status-picker .separator-2I32lJ:nth-child(2) {
display: none;
}
#status-picker .separator-2I32lJ,
#status-picker #status-picker-custom-status {
display: block;
width: 100%;
}
#status-picker-custom-status .status-1fhblQ {
display: block;
margin-left: 6px;
}
/*
------------------------------------------------------
Display user container in header
------------------------------------------------------
*/
.container-3baos1 {
position: absolute;
top: 0;
right: 0;
height: 48px;
width: 220px;
box-sizing: border-box;
}
.sidebar-2K8pFh {
z-index: 101;
}
.container-1r6BKw {
padding-right: 220px;
}
/*
------------------------------------------------------
Replaces the long discord message links with "Jump to Message" in chat
------------------------------------------------------
*/
[title^="https://discord.com/channels/"] {
line-height:0;
font-size:0;
}
[title^="https://discord.com/channels/"]::before {
content:'Jump to Message';
font-size:16px;
font-weight:700;
}
/*
------------------------------------------------------
Voice users vc color
------------------------------------------------------
*/
.speaking-3dBKhR {box-shadow: inset 0 0 0 2px rgb(0, 255, 0),inset 0 0 0 3px var(--background-secondary)
}
/*
------------------------------------------------------
User menu color bottom left
------------------------------------------------------
*/
.avatarSpeaking-2c8-9i {box-shadow: inset 0 0 0 2px rgb(255, 0, 0),inset 0 0 0 3px var(--background-secondary)
}
/*
------------------------------------------------------
Grid call color
------------------------------------------------------
*/
.border-3dQmSY.speaking-WDn8Wm {box-shadow: inset 0 0 0 2px rgb(255, 0, 0), inset 0 0 0 3px #000
}
/*
------------------------------------------------------
DM color vc
------------------------------------------------------
*/
.border-Jn5IOt.speaking-B2MXPi {box-shadow: inset 0 0 0 2px rgb(0, 255, 0),inset 0 0 0 3px var(--background-floating)
}
/*
------------------------------------------------------
Servers color vc
------------------------------------------------------
*/
.avatarSpeaking-2IGMRN {box-shadow: inset 0 0 0 2px rgb(255, 0, 0),inset 0 0 0 3px var(--background-secondary)
}
/*
------------------------------------------------------
fixed the file icon shrinking with long file names
------------------------------------------------------
*/
.audioMetadata-3zOuGv::before {
min-width: 24px;
}
/*
------------------------------------------------------
Moves the role icon from the right of a person's name to the left
------------------------------------------------------
*/
[class*="roleIcon"] {
float: left;
margin-left: 0rem;
margin-right: .25rem;
}
/*
------------------------------------------------------
Profile Connection Borders
------------------------------------------------------
*/
.connectedAccountIcon-3_EQqg ~ div::before {
content: "";
top: 0; bottom: 0; left: 0; right: 0;
border: 1px solid var(--border-color);
position: absolute;
display: block;
pointer-events: none;
}
.connectedAccount-2Jb-Z0 {
overflow: hidden;
position: relative;
}
/* Spotify */
.connectedAccountIcon-3_EQqg[src="/assets/7906941c1205ba04b6921f2af4c6a170.png"] ~ div::before {--border-color: #1ED760;}
/* Github */
.connectedAccountIcon-3_EQqg[src="/assets/afb09840b496f2c49032075a33da7fab.png"] ~ div::before {--border-color: #fff;}
/* Twitch */
.connectedAccountIcon-3_EQqg[src="/assets/007e5cb8871cf0987283c6307ce7fed0.png"] ~ div::before {--border-color: #563194;}
/* Twitter */
.connectedAccountIcon-3_EQqg[src="/assets/6919f2a578d91a5d033b639f0fb52b3d.png"] ~ div::before {--border-color: #0099E4;}
/* xbox */
.connectedAccountIcon-3_EQqg[src="/assets/746aba83c88f087e3eef23a47dd57923.png"] ~ div::before {--border-color: #5EC220;}
/* Reddit */
.connectedAccountIcon-3_EQqg[src="/assets/b46c06eb71dc56a41432512168e6759a.png"] ~ div::before {--border-color: #FF4500;}
/* Battle.net */
.connectedAccountIcon-3_EQqg[src="/assets/7b964801001dd47cc05a91d6dacf6075.png"] ~ div::before {--border-color: #0099E4;}
/* Steam */
.connectedAccountIcon-3_EQqg[src="/assets/a9c26c8bebe406ca1adc1967bc532224.png"] ~ div::before {--border-color: #000000;}
/* YouTube */
.connectedAccountIcon-3_EQqg[src="/assets/25ec573cf82ee36d12296628f6bec11b.png"] ~ div::before {--border-color: #D9252A;}
/* Facebook */
.connectedAccountIcon-3_EQqg[src="/assets/3d189c41ce8155dfebf86ba2d1acfbbc.png"] ~ div::before {--border-color: #2D3283;}
/* LOL */
.connectedAccountIcon-3_EQqg[src="/assets/a0e2182e843745c73f7f3c8325a05ea9.png"] ~ div::before {--border-color: #CEA146;}
/*
------------------------------------------------------
Revert Discord Greeting System Messages
------------------------------------------------------
*/
.welcomeCTAButtonOuter-2VwxSF {display : none}
/*
------------------------------------------------------
resizable thread window
------------------------------------------------------
*/
.chat-3bRxxu.threadSidebarOpen-vdkwIh {
resize: horizontal;
min-width: 400px;
max-width: calc(100vw - var(--sidebar-width) - 0px - 400px);
}
.chat-3bRxxu:not(.threadSidebarOpen-vdkwIh) {
width: unset !important;
flex: 1 1 auto;
}
.threadSidebar-1o3BTy {
width: unset;
flex: 1 1 auto;
}
/*
------------------------------------------------------
Get rid of banners on servers
------------------------------------------------------
*/
.animatedContainer-1NSq4T, .content-3YMskv [style="height: 84px;"], .bannerImage-3KhIJ6{
display: none;
}
.hasBanner-2SrLR3 .header-2V-4Sw, .hasBanner-2SrLR3 .header-2V-4Sw:hover{
color: var(--header-primary);
box-shadow: var(--elevation-low);
}
/*
------------------------------------------------------
Discord logo
------------------------------------------------------
*/
.homeIcon-FuNwkv path {fill: transparent}
.homeIcon-FuNwkv {
background: url('https://cdn.discordapp.com/attachments/660979756195643444/723840162538455100/1592647326639.png') center/contain no-repeat;
min-width: 30px;
min-height: 30px;
}
/*
------------------------------------------------------
Discord name
------------------------------------------------------
*/
@import url(https://nfld99.github.io/Better-Discord/Source_Code/Addons/Use_Fonts/DiscordFont.css);
.typeWindows-1za-n7 {position:relative}
.wordmark-2iDDfm {
display:flex;
align-items:center;
padding:0 6px;
height:calc(100% + 4px);
top:-4px;
width:fit-content;
font-size:14px;
font-weight:600;
font-family: 'Discord';
}
.wordmark-2iDDfm > svg {display:none}
.wordmark-2iDDfm:after {content:'Welcome WitchBolt'
}
/*
------------------------------------------------------
Hide floating stream previews
------------------------------------------------------
*/
.pictureInPictureVideo-2iKsGg {
display: none;
}
/*
------------------------------------------------------
Hide nitro icon on banners
------------------------------------------------------
*/
.bannerPremium-2hSAwz .premiumIconWrapper-1A-UH5 {
display: none;
}
/*
------------------------------------------------------
Resizable Channel/DM List
------------------------------------------------------
*/
:root { --sidebar-initial-width: 240px; }
.sidebar-2K8pFh {
resize: horizontal;
width: var(--sidebar-initial-width);
}
.sidebar-2K8pFh .channel-2QD9_O { max-width: unset; }
.bannerImage-3KhIJ6 { width: 100%;
}
/*
------------------------------------------------------
Stickers same size as emojis
------------------------------------------------------
*/
.assetWrapper-3GNt0z {
max-width: 48px;
max-height: 48px
}
/*
------------------------------------------------------
Remove Stage Discovery Tab
------------------------------------------------------
*/
#private-channels [href="/discovery"] {display: none
}
/*
------------------------------------------------------
Remove Library Tab
------------------------------------------------------
*/
#private-channels [href="/library"] {display: none
}
/*
------------------------------------------------------
Remove Nitro Tab
------------------------------------------------------
*/
#private-channels [href="/store"] {display: none
}
/*
-----------------------------------------------------
RadialStatus
-----------------------------------------------------
*/
:root {
--rs-small-spacing: 2px;
--rs-medium-spacing: 2px;
--rs-large-spacing: 4px;
--rs-small-width: 2px;
--rs-medium-width: 3px;
--rs-large-width: 3px;
--rs-avatar-shape: 50%;
--rs-online-color: #43b581;
--rs-idle-color: #faa61a;
--rs-dnd-color: #f04747;
--rs-offline-color: #636b75;
--rs-streaming-color: #643da7;
--rs-invisible-color: #747f8d;
--rs-phone-color: var(--rs-online-color);
--rs-phone-visible: block;
}
:root {
--rs-version: "2.0.6";
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA {
border-radius: var(--rs-avatar-shape);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA svg:not(:root) {
overflow: visible;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject {
-webkit-mask: none;
mask: none;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA .dots-3Bkt3k circle {
cy: -8 !important;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA .dots-3Bkt3k circle:nth-child(1) {
cx: -8.5 !important;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA .dots-3Bkt3k circle:nth-child(2) {
cx: -2.25 !important;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA .dots-3Bkt3k circle:nth-child(3) {
cx: 4 !important;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA .mask-1l8v16 > rect[x="22"] {
x: 0;
y: 0;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA .pointerEvents-2zdfdO[x="14.5"] {
fill: rgba(0, 0, 0, 0.5) !important;
width: 30px;
height: 30px;
x: 1;
y: 1;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA img, #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA.avatar-AvHqJA {
border-radius: var(--rs-avatar-shape);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA svg[width="25"][height="15"] > rect {
rx: calc(var(--rs-avatar-shape) * 2) !important;
ry: calc(var(--rs-avatar-shape) * 2) !important;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="80px"] svg.cursorDefault-dsQJ1n rect, #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="120px"] svg.cursorDefault-dsQJ1n rect {
ry: calc(var(--rs-avatar-shape) * 3.3);
rx: calc(var(--rs-avatar-shape) * 3.3);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect {
x: 0;
y: 0;
width: 100%;
height: 100%;
-webkit-mask: none;
mask: none;
display: block;
rx: var(--rs-avatar-shape);
ry: var(--rs-avatar-shape);
fill: transparent !important;
stroke-width: var(--rs-small-width);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#43b581"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#3ba55c"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="rgba(67, 181, 129, 1)"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[mask*=online], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill*="hsl(139"] {
stroke: var(--rs-online-color);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#faa61a"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="rgba(250, 166, 26, 1)"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[mask*=idle], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill*="hsl(38"] {
stroke: var(--rs-idle-color);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#f04747"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="rgba(240, 71, 71, 1)"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#ed4245"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[mask*=dnd], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill*="hsl(359"] {
stroke: var(--rs-dnd-color);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#593695"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[mask*=streaming] {
stroke: var(--rs-streaming-color);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#747f8d"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[mask*=offline], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill=NaN] {
stroke: var(--rs-offline-color);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="#747f8d"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[mask*=invisible], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill="rgba(116, 127, 141, 1)"], #app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[fill*="hsl(214"] {
stroke: var(--rs-invisible-color);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[x="16"] {
width: 24px;
height: 24px;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA rect[x="28"] {
width: 40px;
height: 40px;
overflow: visible;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="32px"] rect {
width: 32px;
height: 32px;
x: -14.5;
y: -17;
position: relative;
z-index: 0;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="40px"] > svg > svg rect {
width: 40px;
height: 40px;
x: -19;
y: -20;
ry: calc(var(--rs-avatar-shape) * 3.3);
rx: calc(var(--rs-avatar-shape) * 3.3);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="40px"] foreignObject[mask*=mobile] img {
width: calc(100% - 12px);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="80px"] svg.cursorDefault-dsQJ1n rect {
x: -48;
y: -52;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="80px"] rect {
width: 80px;
height: 80px;
stroke-width: var(--rs-medium-width);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="80px"] img {
-webkit-clip-path: inset(calc(var(--rs-medium-spacing) + 1px) calc(var(--rs-medium-spacing) + 1px) round var(--rs-avatar-shape));
clip-path: inset(calc(var(--rs-medium-spacing) + 1px) calc(var(--rs-medium-spacing) + 1px) round var(--rs-avatar-shape));
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="120px"] svg.cursorDefault-dsQJ1n rect {
x: -70;
y: -76;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="120px"] rect {
width: 120px;
height: 120px;
stroke-width: var(--rs-large-width);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style*="120px"] img {
-webkit-clip-path: inset(calc(var(--rs-large-spacing) + 1px) calc(var(--rs-large-spacing) + 1px) round var(--rs-avatar-shape));
clip-path: inset(calc(var(--rs-large-spacing) + 1px) calc(var(--rs-large-spacing) + 1px) round var(--rs-avatar-shape));
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA:not([style*="80px;"]):not([style*="120px;"]):not([style*="16px"]) > svg > foreignObject:not(:only-child) img {
-webkit-clip-path: inset(calc(var(--rs-small-spacing) + 1px) calc(var(--rs-small-spacing) + 1px) round var(--rs-avatar-shape));
clip-path: inset(calc(var(--rs-small-spacing) + 1px) calc(var(--rs-small-spacing) + 1px) round var(--rs-avatar-shape));
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style="width: 16px; height: 16px;"] rect {
display: none;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA[style="width: 16px; height: 16px;"] img {
-webkit-clip-path: none;
clip-path: none;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile] {
width: calc(100% + 4px);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile][width="32"] img {
width: calc(100% - 12px);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile][width="80"] img {
width: calc(100% - 16px);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile][width="80"]:after {
width: 14px;
height: 18px;
top: 75%;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile][width="120"] img {
width: calc(100% - 22px);
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile][width="120"]:after {
width: 24px;
height: 20px;
top: 75%;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile]:after {
content: "";
display: var(--rs-phone-visible, block);
-webkit-mask: url('data:image/svg+xml; utf-8,') center no-repeat;
mask: url('data:image/svg+xml; utf-8,') center no-repeat;
position: absolute;
width: 10px;
height: 14px;
top: 50%;
transform: translateY(-50%);
right: 0;
background: var(--rs-phone-color, var(--rs-online-color));
z-index: 1;
}
#app-mount *:not(.avatarWrapper-2yR4wp) > .wrapper-3t9DeA foreignObject[mask*=mobile] + rect {
stroke: var(--rs-phone-color, var(--rs-online-color));
}
#app-mount .message-2qnXI6 .wrapper-3t9DeA foreignObject[mask*=mobile] {
width: calc(100% + 3px);
}
#app-mount .message-2qnXI6 .wrapper-3t9DeA rect[mask*=typing] {
width: calc(100% - 9px);
}
#app-mount .avatarHint-2A3RNb foreignObject {
-webkit-mask: none;
mask: none;
}
#app-mount .avatarHintInner-1TvA8u {
border-radius: var(--rs-avatar-shape) !important;
padding-top: 0;
width: calc(100% - var(--rs-medium-width) - var(--rs-medium-spacing) + 1px * 2);
height: calc(100% - var(--rs-medium-width) - var(--rs-medium-spacing) + 1px * 2);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: relative;
}
#app-mount .memberOffline-2lN7gt img {
-webkit-clip-path: none !important;
clip-path: none !important;
}
#app-mount .offline-3nJYBR img {
-webkit-clip-path: none !important;
clip-path: none !important;
}
#app-mount .avatarWrapperNonUserBot-3fzpUZ .wrapper-3t9DeA img {
-webkit-clip-path: none !important;
clip-path: none !important;
}
.userInfo-2zN2z8,
.peopleListItem-2nzedh {
overflow: visible;
}
/*
-----------------------------------------------------
Discord Dark
-----------------------------------------------------
*/
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
:root {
--theme: Discord Dark by SyndiShanX; /* Replaces Default Discord Colors */
--background-primary: rgba(0, 0, 0, 0); /* */
--background-tertiary: rgba(0, 0, 0, 0.5); /* */
--border-primary: #000000; /* */
--border-secondary: #000000; /* */
--control-brand-foreground: #616161!important; /* */
--brand-experiment: #000000!important; /* Selection Colors */
--selection-background: #000000; /* */
--selection-text: #000000; /* Red Button Colors */
--red-button: #000000; /* */
--red-button-hover: #000000; /* */
--red-button-border: #000000; /* Green Button Colors */
--green-button: #000000; /* */
--green-button-hover: #000000; /* */
--green-button-border: #000000; /* Blue Button Colors */
--blue-button: #000000; /* */
--blue-button-hover: #494949; /* */
--blue-button-border: #000000; /* White Button Colors */
--white-button: #000000; /* */
--white-button-hover: #000000; /* */
--white-button-border: #000000; /* Gray Button Colors */
--gray-button: #000000; /* */
--gray-button-hover: #000000; /* */
--gray-button-border: #000000; /* Icons Size */
--settingsiconssize: 18px; /* Icons Gap */
--settingsiconsgap: 14px; /* Settings Sidebar Width */
--sidebar-width: 245px; /* Scrollbar Width */
--scrollbar-width: 8px; /* Discord Opacity | Transparency Needs to be Enabled */
--discord-opacity: 1.0; /* Images are Stored here to improve Loading times, more info in css file */
/*
Images are Stored here to improve Loading times, to get the Image Code:
Open an Image in Chrome > Right Click > Inspect Element, go to Sources,
Double Click the image on the left, then copy the Code
*/
--bgImage: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGBAMAAACDAP+3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURRsbGx0dHR4eHh8fHyEhISIiIiMjIyUlJQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKpYFUMAAAXUSURBVEjHNZbNcqU4DIUN6QdAMun1lWyyDgbS22BMZjsN3PR68tPzADM9zz9HpLOIKlX2tY8+HUu4JK4qfUM0ZGW9ZlZdkyr98SKOfHZURReEbnqEVgeVmMekXV96jWnJRDMnouy8UsJ+WjTuOuq46SFT5r3Scml7HiTgPPUXqvq2Vy0Rl6SYRUv7WFHsByLWmRxxaajiQ1XjO0J7VdHbHQvtW09ED9hT+R2C/QOOiG9Judux8XazPQf28NJjz2K65q+b0hAW5YKghVNFOSQhfxnFeaEgbULCPuk1dTkcHKG1guDM3Dc+OfzgRvDTOBflmEbR2B9UeYXgUKIgurkimjaQmzYBviys63ck8YRVXg+obl3GnmUX5XUXlufeYPdNRatQQ8VCCz1Nq7ir7UvimItS92haJQt1aUhN3TtegDjsXKjbCaQXPQjlWkh7PogH7HYUoiJj0OUQjHM3Q2YAmjRB0qgCVP4dYsIBweEd0sMbJPhXaA0HpMbZ9nx5mlW7t8QS31AG3NhYjZHPUEFwlspRish8CRBwACwX3zcu3yTi5HFrioVcm3hNcda1v81a+tueg3hwJuCDaYRQiwzES0Ed86jqZUGB04Iip2TSLSS3YfnhRVVWyJInYG+eZuNsRR8vVnn3Cwk9HSryvAHxsyCXYr5Zzj3Ivt4dDBzgYiQw9rCyOVsGgRqse5BFFVw49LTyot2mS8Vzs1QhcaYAbzgWyuJ0HSFkHGfWMc4NpdBXYI9LBpzEAZk4Dj+hms3K8UoNrAsxX4zzB8jv2GOIRdtDhOMuVLXJVoxzTIQTF9tTzBkH45UuUOESK3H2yUIP2GNWF7OuiqqvqevB1MOHAjWB4oV6iipF3YBSDyMDQLEXZ7ZMuMkPhhg9QKfFATHfGeyn79Bw94gAzkQr/qorzKLvboeJnqxea/5Ntx6M82CeX4IZylm3SLBivPeGOJiU8VKFBn6PSEjL4JDcDj9LoTpXA7LhGUVHhjDIrN5s43QaM8to5wdv5yMfClZMHZHjWAh7wlWZwr8G1ujycf6H9L7ACHL7YrWIR1bpcDu18FYTA4I/YY/JzknYUxR79toeCxlYn6q697nhuVvUZ/Q018HFKYLo/Y11EDQ1BWwa8D9aX8FzYIfswjJWDffgUyc8dTb93hCHsplt3AvEf/uraqrJ6D4YvsnCFVjFgj67Q0nXwRB/cj7P4SHZOdaYCupOt4+wZHvxZ7WhzGB7IJYJUhGcB2I4FCLrhTLxzLmqE/esCQmHHt5x+oHYwJ4uBl30khHvqCAdHq5ycm6MrjXgE7H1hNbe2tdXCO5elB08eI+VBUdE80MIZmV0KQVC0cU4605YybU1CvQ0tpLXCW0kZlgibmhsLs5Gt69iH61HtNIMEmEEmhBgdcB2+weQitPpvhNNJo3mmHbdcOXh/oRtrQXSdH9aGdonPDh9NsQ/hczPoNssNoRy+pggQISxEYo1Jgvt5pCGv9xcjK4hbqEMb41XIOY1jElWcTwwJA0M6yz1TDepznhrHgfksHGbQ27AFO8TdNH+0QlxKNhIt0LRAhPbxGisP3+6GAdiCIEudyfiVzz9u5cK/TkY3WhHBD3PQQOeQBfmQgccU0OuRqGRFA0gxGe3gIs3NLaY44Jh7nNlc3CQ6YInapwvUXlUCwLEv2xk7BX4wMA2dq0h/3bfjIm44rV8+4k+4dXNsML0+NvFjSHmH9jIfydU/T/0RlrdJ93TypQGVt4XeysI3dWwJ3fStYCh1gSdEoyMqToh6PP9cYErMAf5tE62vIB4CxsOsZCjNQ9YHQxtKGgnxhmIB/uqmCys10tz0nOfLkYtWoxnif8YYgt3r+bsF8Ke08UR45kiEKMdIZ+CeiPAWrbq0LiGs1s0NT4jpN1igRT7oNjqfC5gDpqLw6XxgoJP6Izo70A8aJFG8XBpwl0nXYSCyRAw6Nhjkml4hkGrhHZ9O9qej26x2mfEjxkGfs4fVoa9sUDH/6WSZL/WE8WDAAAAAElFTkSuQmCC');
--bgDarkness1: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGBAMAAACDAP+3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAASUExURQ8PDw4ODg0NDRAQEBERERISEnwSqd4AAATKSURBVEjHTVZRcuU2DCMt7z8p5wDW2wvQkfuv1N7/znTvf5YClN+mmQnjsSkJBEEoIvpqXau7hJjcYSKniPhfQ19u8fJWkOO7Imz4oCXwYtWuUiTC/TBx51oX5OOpDHxBuHQNG036sqkJ1iPDFm+6qUjHJiIlVPr22bzgo5sc3KNXb3bx642w3Vj4Mfzl26XuviKn2QBgW5mDRFsHnr5zLBQ5QVzHx8CpLK0jSDdpQIhSbMGRhjzdWDCqvmUNuawAawPgMNOK11iwK5aUo4uhLpStFwCCIkcVOE7kaMA18GodKO0MbHF+IeckmPMC6k0COYHPdg41vZVka22OnOqdYQOeuhHmpjwruvj6SayKglhsRReSYhnWcaKDaWAGAg9UYhcoRDYqBrvWC4HkD0hzVu1onHvBE/ISwwXAcjPtAgQbwCoXoJaDOT/PA4svAAPPivKYE1lPA+DQxrNQeQgAoBVqHUW8Ysf+Yjy1dBdUdoJAOfUjpOsH5WAIaDuBKNtPilExekXsGqlIaoI8P4FtZq+VsBCa1/N481wWdl5+swMAq/dIilFLp24icxB2yjOPQQE4eE1lMxTFdwOzlUK/JKUcPDGaHTWakH1AjxcwBw9CUVIKRgChkuKGiskzd8pzgIHxTj17bUnxT4ZJ5Ff2h+xCu2plqLdN+IU8A2TjZOInBXyhQkgz/MWBs5hBeVYSCCmj6yfbXJJiTYrBjbLtfcpBCmiNTnYpy//xjE0wBeM9U1AxlP2JAJ4R8NtSLDdy1E/ud8bD7k6BueQAShJItyAJZbGHYkJpUjvRdNbEI3HS0O47CGY1B6UTkIUdKJIMy1pQZEkB27vXb54tJZaYzOVfEpvsXvnUSDYWfbAcK1eIrtQD2a1g16sl2YVHEU4ahY6dmzuJhR3saHm1A8xYwNNIUefxZdnpIDA16hn5QlOEySBnSrlVSDmpQeeTmmxmH5QNqjb58dVq43z6qu9Aseg9a7qw60mI8eb52Sc1waYDSvjHJyleEkXJgSL2jmpnEAPFlRDBM9zCDou2i6VDRNo6dSH6TWyGF70EG6EcTlNiovde9Q/FtC7OWlK88gmAlmnDPneUlDIOB3MY9ZThALv+GEXMsAOKAwgHL/V8JLEtB7Pg3qjACSH4SjWcxIttkpDJrj8UAzQVs53DOVt/Q7aT4iWlDOwrcMikGJThiXoISe0+0O3grTYppikPlmHLvkx2iQfITnpbT4ODJdFSKT/K1GI/UNKOtcGJgNBtQ3FVpg1Lgf3PZvKKXbFYAiLmjVHpz98qhgnsf4aSNw3Mv7GZ8k3x3EdtJbsQl2Jg0PD9ILvBS/OxDFQ1eEcHnAIsYeryHgQ3W/K8lLzoEFCc/CZW3OJBinntJgtTfZjPcmJaftxf+e6AFNItWF4lxfaLI4WgMGbM4ilvdlPKLskXpRe0nvtR9iPgAlgVr2kUuFVXBLmXi+Mm0/vwh3XxRqSNpJegLp/T+BjFqm3umpa0Mpz3knbNnEkxerHhetbyD3MyTGXTB5JiKK86iYUdIfQZnP8gYZ83HlzSuJJ1G3ST/Idi7Clv4NmyrqVSvaiqcOMzmVSKArwxTC+2zpsBF53Zza7fEGijXX/QtR6jSL39OijgmFLmO3e//gN4DKeB24D0vAAAAABJRU5ErkJggg==');
--bgDarkness2: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGBAMAAACDAP+3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAASUExURQ0NDQwMDAsLCw4ODg8PDxAQELrcSGcAAAAJcEhZcwAADr8AAA6/ATgFUyQAAATKSURBVEjHTVZRcuU2DCMt7z8p5wDW2wvQkfuv1N7/znTvf5YClN+mmQnjsSkJBEEoIvpqXau7hJjcYSKniPhfQ19u8fJWkOO7Imz4oCXwYtWuUiTC/TBx51oX5OOpDHxBuHQNG036sqkJ1iPDFm+6qUjHJiIlVPr22bzgo5sc3KNXb3bx642w3Vj4Mfzl26XuviKn2QBgW5mDRFsHnr5zLBQ5QVzHx8CpLK0jSDdpQIhSbMGRhjzdWDCqvmUNuawAawPgMNOK11iwK5aUo4uhLpStFwCCIkcVOE7kaMA18GodKO0MbHF+IeckmPMC6k0COYHPdg41vZVka22OnOqdYQOeuhHmpjwruvj6SayKglhsRReSYhnWcaKDaWAGAg9UYhcoRDYqBrvWC4HkD0hzVu1onHvBE/ISwwXAcjPtAgQbwCoXoJaDOT/PA4svAAPPivKYE1lPA+DQxrNQeQgAoBVqHUW8Ysf+Yjy1dBdUdoJAOfUjpOsH5WAIaDuBKNtPilExekXsGqlIaoI8P4FtZq+VsBCa1/N481wWdl5+swMAq/dIilFLp24icxB2yjOPQQE4eE1lMxTFdwOzlUK/JKUcPDGaHTWakH1AjxcwBw9CUVIKRgChkuKGiskzd8pzgIHxTj17bUnxT4ZJ5Ff2h+xCu2plqLdN+IU8A2TjZOInBXyhQkgz/MWBs5hBeVYSCCmj6yfbXJJiTYrBjbLtfcpBCmiNTnYpy//xjE0wBeM9U1AxlP2JAJ4R8NtSLDdy1E/ud8bD7k6BueQAShJItyAJZbGHYkJpUjvRdNbEI3HS0O47CGY1B6UTkIUdKJIMy1pQZEkB27vXb54tJZaYzOVfEpvsXvnUSDYWfbAcK1eIrtQD2a1g16sl2YVHEU4ahY6dmzuJhR3saHm1A8xYwNNIUefxZdnpIDA16hn5QlOEySBnSrlVSDmpQeeTmmxmH5QNqjb58dVq43z6qu9Aseg9a7qw60mI8eb52Sc1waYDSvjHJyleEkXJgSL2jmpnEAPFlRDBM9zCDou2i6VDRNo6dSH6TWyGF70EG6EcTlNiovde9Q/FtC7OWlK88gmAlmnDPneUlDIOB3MY9ZThALv+GEXMsAOKAwgHL/V8JLEtB7Pg3qjACSH4SjWcxIttkpDJrj8UAzQVs53DOVt/Q7aT4iWlDOwrcMikGJThiXoISe0+0O3grTYppikPlmHLvkx2iQfITnpbT4ODJdFSKT/K1GI/UNKOtcGJgNBtQ3FVpg1Lgf3PZvKKXbFYAiLmjVHpz98qhgnsf4aSNw3Mv7GZ8k3x3EdtJbsQl2Jg0PD9ILvBS/OxDFQ1eEcHnAIsYeryHgQ3W/K8lLzoEFCc/CZW3OJBinntJgtTfZjPcmJaftxf+e6AFNItWF4lxfaLI4WgMGbM4ilvdlPKLskXpRe0nvtR9iPgAlgVr2kUuFVXBLmXi+Mm0/vwh3XxRqSNpJegLp/T+BjFqm3umpa0Mpz3knbNnEkxerHhetbyD3MyTGXTB5JiKK86iYUdIfQZnP8gYZ83HlzSuJJ1G3ST/Idi7Clv4NmyrqVSvaiqcOMzmVSKArwxTC+2zpsBF53Zza7fEGijXX/QtR6jSL39OijgmFLmO3e//gN4DKeB24D0vAAAAABJRU5ErkJggg==');
--bgDarkness3: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGBAMAAACDAP+3AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAMUExURQoKCgkJCQsLCwwMDGooQ4kAAAQpSURBVEjHXZaBdewqDEQFNCC8DWDcALH77+3dEbD++3NOlI3BMLoaxJqlWju/1Zq5Pc3NLjOr1+ChNway5ngiHAyk3HhQUk+WrTF+utWqd6tpfrM8GCHcqTQf1Xo6khvvM8NZlH/NOouY5ZasHyd7MFjdTq3R2dNvjT6E4+HFz+DZcUtmiTn634vmMNHL4NM7x1tiTpOu8zPYVal1gvWpNfJhS9RYOpQwWT9Wmt2e0VoR3JxRFwnm8ko+uzl5kXa6pZUBsmA7Qza6Bo/KILWrscT1x5xLYq5bukwkG8MOWE9PEmzlozmzAIf0HJJ5JO3VupFtaCUhJasqBGIbUCqjQhrNKKiNTPxGluZUCkDGWULiB2g1Kk3hVFDx8dBwI9geTZPM4Bqf8qk5x3Xy8o0wOCfS05wWWhWCM6V2RCOAUiTvKrHYu7l2zb0amV0AtCt9Gnb4yA4uzjmEJJVfiMmYWkl7auHIzXkFlVm1TpJFEL5zc85ReaBSAcSmZ2zEQbd958iesQ0JsHEJZytkPFFd/pPRbwsrN+3YKrmQoegjvUlz00YkZTlzBAgbcV7BYx80KD7h5434eEH+RX1EF+8mzzp2i26cvXky+QkD32SINRnSgfM2Q+wVALEyVb9U5hyIUyAmJJW9TztYBmvrovs/zizCKRj7TMnFOnGTc734rWGWhzmpXlrvapuuRRuZZQiA6haCICkT8Sp5l5qunLQlO43UxSOyOWUdIfaTJEXYSibJHHR913Fz9rBYaPL6utjvFzYvfZSO57tZKvLDS9cDdtZWkhONIg1tY1Vg40hJzwkZb/Q0IeraPvKyN/CHdGkyzJlWjuax0KwgNn3INmTNWl/EJe0gs6Rn5nSz6iWJ7YfzPNhdRUdKq58zEPtCnAVbIlKZwVyI627SZKOUzKNDtGjr8sWPgXcAQScdj7OFpi/dH8QWiIs+yYOzDde5os1rpIocRz1sOOrbKNoOWBEhOnjh53OCjYOZuTf4N2OEWuSGS3pZ5j9060KMaDnmuLh+OFu/iMPKBR02EbMqn4KuhXeXdD91q03Easpj3gW+6IaezFmjt/VocLQktVQRkU2/ViarCHTtIxrlbMOW69auK7bwsjVMHDeG+vMPYv8eSt00av5ax17Ec53kRXQxV0qyt81Cx9FaLYOshu7oRpWyesm8B4v8E5xzXHQEktO1mOpYPSKuB/u6j/OZL52o5y+enb9WBrHv5pfWbWebblhZHRU1sl5T63mWszdi1ZPHahTcqoXAMrfUmv9YR3fDWL2EvOo8jatRlL1qtKSicD2Lmf24mE3zvmTmbXcE50Cc1RMElnZE6DPUdZ9uPULMrXoMdZP4QjGmRvQc+2AmfYUCcQ0Xk96UW0udHUmQum4GLjr3R2qe3ak/0bWWleNrxCkDt2nl+YWi3v8AS2CCuum8rAsAAAAASUVORK5CYII=')
}
/* Custom Theme */
/* Syntax Naming */
.hljs.css::before {content: "CSS\00000a\00000a";}
.hljs.js::before {content: "Javascript\00000a\00000a";}
.hljs.php::before {content: "PHP\00000a\00000a";}
.hljs.java::before {content: "Java\00000a\00000a";}
.hljs.csharp::before {content: "C#\00000a\00000a";}
.hljs.c::before {content: "C\00000a\00000a";}
.hljs.cpp::before {content: "C++\00000a\00000a";}
.hljs.coffeescript::before {content: "Coffeescript\00000a\00000a";}
.hljs.bash::before {content: "Bash\00000a\00000a";}
.hljs.bat::before {content: "Batch\00000a\00000a";}
.hljs.html::before {content: "HTML\00000a\00000a";}
.hljs.apache::before {content: "Apache\00000a\00000a";}
.hljs.diff::before {content: "Diff\00000a\00000a";}
.hljs.http::before {content: "HTTP\00000a\00000a";}
.hljs.json::before {content: "JSON\00000a\00000a";}
.hljs.markdown::before {content: "Markdown\00000a\00000a";}
.hljs.makfile::before {content: "Makefile\00000a\00000a";}
.hljs.nginx::before {content: "Nginx\00000a\00000a";}
.hljs.perl::before {content: "Perl\00000a\00000a";}
.hljs.properties::before {content: "Properties\00000a\00000a";}
.hljs.ruby::before {content: "Ruby\00000a\00000a";}
.hljs.python::before {content: "Python\00000a\00000a";}
.hljs.shell::before {content: "Shell\00000a\00000a";}
.hljs.sql::before {content: "SQL\00000a\00000a";}
.hljs.powershell::before {content: "PowerShell\00000a\00000a";}
.hljs.xml::before {content: "XML\00000a\00000a";}
.hljs.objectivec::before {content: "Objective-C\00000a\00000a";}
.hljs.CSS::before {content: "CSS\00000a\00000a";}
.hljs.py::before {content: "PY\00000a\00000a";}
.hljs.ts::before {content: "TypeScript\00000a\00000a";}
.hljs.typescript::before {content: "TypeScript\00000a\00000a";}
.hljs.scss::before {content: "SCSS\00000a\00000a";}
.hljs.sass::before {content: "SASS\00000a\00000a";}
.hljs.less::before {content: "Less CSS\00000a\00000a";}
.hljs.swift::before {content: "Swift\00000a\00000a";}
.hljs.autoit::before {content: "AutoIt\00000a\00000a";}
.hljs.basic::before {content: "BASIC\00000a\00000a";}
.hljs.lisp::before {content: "Lisp\00000a\00000a";}
.hljs.lua::before {content: "Lua\00000a\00000a";}
.hljs.m::before {content: "M\00000a\00000a";}
.hljs.javascript::before {content: "Javascript\00000a\00000a";}
.hljs.pascal::before {content: "Pascal\00000a\00000a";}
.hljs.clean::before {content: "Clean\00000a\00000a";}
.hljs.erlang::before {content: "Erlang\00000a\00000a";}
.hljs.fsharp::before {content: "F#\00000a\00000a";}
.hljs.kotlin::before {content: "Kotlin\00000a\00000a";}
.hljs.rs::before {content: "Rust\00000a\00000a";}
.hljs.rust::before {content: "Rust\00000a\00000a";}
.hljs.hs::before {content: "Haskell\00000a\00000a";}
.hljs.haskell::before {content: "Haskell\00000a\00000a";}
.hljs.go::before {content: "GO\00000a\00000a";}
.hljs.asciidoc::before {content: "AsciiDoc\00000a\00000a";}
.hljs.yaml::before {content: "YAML\00000a\00000a";}
.hljs.x86asm::before {content: "x86asm\00000a\00000a";}
.hljs.C::before {content: "C\00000a\00000a";}
.hljs.cs::before {content: "C#\00000a\00000a";}
.hljs.toml::before {content: "TOML\00000a\00000a";}
.hljs.scheme::before {content: "Scheme\00000a\00000a";}
.hljs.mips::before {content: "MIPS\00000a\00000a";}
.hljs.MIPS::before {content: "MIPS\00000a\00000a";}
.hljs.vb::before {content: "Visual Basic\00000a\00000a";}
.hljs.VB::before {content: "Visual Basic\00000a\00000a";}
.hljs.r::before {content: "R\00000a\00000a";}
.hljs.R::before {content: "R\00000a\00000a";}
/* Main Background Image */
.contentRegion-3nDuYy, .bd-description-wrap, .bd-footer, .selected-aXhQR6 .layout-2DM8Md, .selected-aXhQR6 .layout-2DM8Md:hover,
.containerDefault--pIXnN.selected-3LIHYU .content-1x5b-n:hover, .item-PXvHYJ:hover.selected-3s45Ha:not(.tabBarItem-1b8RUP):not(.tabBarItem-2QyJ0U),
.option-96V44q.selected-rZcOL-, .stickerInspected-2EM4w-, .item-PXvHYJ.selected-3s45Ha:not(.tabBarItem-1b8RUP):not(.tabBarItem-2QyJ0U), .bd-select-options,
.connection-1fbD7X, .selected-3LIHYU .content-1x5b-n, .selected-3LIHYU .content-1x5b-n, .searchBar-3dMhjb, .searchBarComponent-32dTOx, .card-x5zW6z,
.notice-3bPHh- {
background-image: var(--bgImage)!important;
background-clip: border-box!important;
background-origin: padding-box!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-size: auto!important;
background-position: left top!important;
}
/* Darkness 1 Background Image */
.footer-2yA7Ep, .textContainer-C0szpm, .container-UC8Ug1, .queryContainer-RKFJW-, .scroller-1d5FgU, .peopleList-3c4jOR, .scroller-2ZPeAD, .button-14-BFJ:hover,
.videoGrid-1khsrF, .resultsGroup-r_nuzN, .previewCard-DOrO3c, .card-3_CqkU, .scroller-1J_F7B, .css-1ba14n5-option, .circleButton-3RB01i, .perksModal-fSYqOq,
.input-3Xdcic, div.theme-dark .messageContainer-1DiFnQ, .scrollerInner-2YIMLh, .expandedFolderBackground-1cujaW, .expandedFolderIconWrapper-Huv7rA,
.folderIconWrapper-1_bOZe, .contentRegionScroller-26nc1e.auto-Ge5KZx.scrollerBase-289Jih, .form-2fGMdU, .unreadBar-3t3sYc, .peopleColumn-29fq28,
.nowPlayingColumn-2sl4cE, .content-1o0f9g {
background-image: var(--bgDarkness1)!important;
background-clip: border-box!important;
background-origin: padding-box!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-size: auto!important;
background-position: left top!important;
}
/* Darkness 2 Background Image */
.card-FDVird::before, .container-UC8Ug1:hover, .item-1tOPte.focused-3afm-j, .searchFilter-2ESiM3, .searchAnswer-3Dz2-q, .roleRow-30TwGe:hover,
.item-26Dhrx:hover, .item-PXvHYJ:hover:not(.item-3HknzM):not(.tabBarItem-1b8RUP):not(.tabBarItem-2QyJ0U), .item-2J2GlB:hover, .layout-2DM8Md:hover,
.clickable-1JJAn8 .layout-2DM8Md:hover, .content-1x5b-n:hover, .peopleListItem-2nzedh:hover, .css-rzbxvl-option:hover, .css-1yz4bi9-option:hover,
.css-1ba14n5-option:hover, .container-_phMUq:hover, .memberRow-1wwtfV.emptyRowContainer-1OKxeI:hover, .memberRow-1wwtfV, .inviteRow-2L02ae:hover,
.sticker-2cpdZp:hover, .emojiItem-14v6tW:hover, .selected-3LIHYU .content-1x5b-n:hover, .card-3AyPWq:hover, .radioBar-bMNUI-:hover, .unreadBar-3t3sYc:hover,
.base-1pYU8j:hover {
background-image: var(--bgDarkness2)!important;
background-clip: border-box!important;
background-origin: padding-box!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-size: auto!important;
background-position: left top!important;
}
/* Darkness 3 Background Image */
.scrollerBase-289Jih:not(.description-zXiu5E):not(.perksModal-fSYqOq):not(.list-I3aHXn):not(.contentRegionScroller-26nc1e):not(.scroller-2ZPeAD):not(.scroller-1J_F7B):not(.scroller-305q3I):not(.scroller-1d5FgU):not(.videoGrid-1khsrF):not(.peopleList-3c4jOR),
.searchHeader-2XoQg7, div#MemberCount, .channelName-1JRO3C, .title-3qD0b-, .uploadModal-2ifh8j, .tile-2naSqK, .interactive-3B9GmY, .body-1ld4H7,
.errorPage-u8SYh4, .card-3DjzTQ, .footer-3mqk7D, .wrapper-2aW0bm, .container-1giJp5, .container-2x5lvQ section, .item-2J2GlB, .developerPortalCtaWrapper-2XNafh,
.header-GwIGlr, .changeDetails-bk98pu, .members-1998pB .content-3YMskv, .css-rzbxvl-option, .css-1yz4bi9-option, .roleRow-30TwGe, .stickyHeader-hH_ZLl,
.container-3PXSwK, .css-3vaxre-menu, .ctaBar-2UsjF2, .tierMarker-5HkGJ_, .tierBody-16Chc9, .tierHeader---JJFb, .perk-2WeBWW, .folderHeader-3eAh2M,
.container-2VW0UT, .container-3u944p, .container-3XJ8ns, .header-ykumBX, .footer-1kmXd4, .userSelectNone-Iy6XEP, .iconLayout-3OgqU3, .descriptionBox-1EKQKL,
.exampleContainer-3ekFIr, .exampleContainer-25sB-A, .upsellContent-1JlpHe, .upsellFooter-ZYsio_, .header-2Y0-A-, .tierHeaderContent-2-YfvN, .tierBody-x9kBBp,
.checklistHeader-1KWcEY, .checklistItem-37OOck, .notEnoughMembersError-1KwJkE, .featureCard-1RR4Tl, .container-_phMUq, .activityPanel-28dQGo,
.cardContent-qqqwo8, .inspector-3LQtX9, .inspector-S2gM3e, .packHeader-NLJ7S5, .header-8ilj5e, .header-ywPcAE, .footer-1fjuF6, .headerTop-3C2Zn0,
.feature-2w65J5, .embed-IeVjo6, .actionButton-uPB8Fs, .container-1r6BKw, .searchBar-6Kv8R2, .footer-2gL1pp, .bd-search-wrapper, .activeGame-14JI7o,
.card-3AyPWq, .previewOverlayInner-1WXURq, .bar-2Qqk5Z, .input-cIJ7To, .connectionHeader-2MDqhu, .header-1TKi98, .background-1QDuV2, .item-26Dhrx,
.accountList-33MS45, .card-3Qj_Yx, .root-1gCeng, .bd-addon-header, .scrollableContainer-2NUZem, .attachment-33OFj0, .hljs, .inline, .header-2V-4Sw,
.container-3baos1, .body-Ogsp8i, .headerTop-2y3V6H, .aboutMeSection-3bipSD, .activityUserPopout-2yItg2, .tooltip-2QfLtc, .replyBar-1YLQ2F,
.topSection-y3p-_D:not(.profileBanner-33-uE1), .aboutMeSection---MkQa, .inlineContent-3ZjPuv, .container-1eFT6O, .contentWrapper-SvZHNd, .base-1pYU8j,
.categoryHeader-O1zU94, .categoryHeader-O1zU94::after, .headerTop-3vNv-a, .bodyInnerWrapper-26fQXj, .footer-3UKYOU, .background-2hs1sP, .fieldList-21DyL8,
.accountProfileCard-1XCH88, .profileBannerPreview-3_l0Wd, .container-2Pjhx-.clickable-1JJAn8, .clipContainer-eeROt0 {
background-image: var(--bgDarkness3)!important;
background-clip: border-box!important;
background-origin: padding-box!important;
background-attachment: scroll!important;
background-repeat: repeat!important;
background-size: auto!important;
background-position: left top!important;
}
/* Hide GIF, and Gift Buttons */
.buttonContainer-28fw2U:not(.send-button) .button-3AYNKb:not(.stickerButton-3OEgwj), .buttons-3JBrkn > .button-38aScr > :not(.translateButton-DhP9x8) {
display: none!important;
}
/* Scrollbar */
::-webkit-scrollbar {
border: none!important;
width: var(--scrollbar-width)!important;
}
::-webkit-scrollbar-track {
background: 0 0!important;
border: none!important;
}
::-webkit-scrollbar-track-piece {
background: 0 0!important;
border: none!important;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.5)!important;
border-radius: 20px!important;
border: none!important;
}
::-webkit-scrollbar-thumb:hover {
background: rgb(0, 0, 0)!important;
}
/* Main Tweaks */
.inner-2Y6JuD, .wrapper-1-Fsb8.header-ywPcAE::after, .before_inlineCode-1G9rTK, .inlineContent-3ZjPuv, .reaction-1hd86g, .button-1-5Aqk.secondary-dIudih, .closeButton-1152MI,
.channelHeader-3Gd2xq, .wrapper-3Z-vWm, .stickerImageSection-7EUs8E, .gemIndicatorContainer-2jdECl, .button-2CgfFz, .inlineCode-2ngu6Y,
.after_inlineCode-1KfVgj, .wrapper-1-Fsb8.packHeader-NLJ7S5::after, .tierMarkerBackground-3q29am, .bar-_YsHvC, .message-2qRu38, .optionContainer-1FtykV,
.guildSidebar-339BqP, .formFieldWrapper-malor5, .gameNameInput-385LoS {
background-color: rgba(0, 0, 0, 0.5)!important;
}
.selected-3LIHYU .content-1x5b-n, .item-PXvHYJ.selected-3s45Ha:not(.tabBarItem-1b8RUP):not(.tabBarItem-2QyJ0U), .input-cIJ7To, .css-gvi9bl-control,
.css-1ba14n5-option, .option-96V44q.selected-rZcOL-, .selected-aXhQR6, .input-3Xdcic, .searchBar-3dMhjb, .searchBarComponent-32dTOx, .unreadBar-3t3sYc,
.bd-search-wrapper, .bd-select-option.selected, .gameNameInput-385LoS {
border: 1px solid var(--border-primary)!important;
}
.selected-3LIHYU .content-1x5b-n:hover, .item-PXvHYJ:hover.selected-3s45Ha:not(.tabBarItem-1b8RUP):not(.tabBarItem-2QyJ0U), .input-cIJ7To:hover,
.css-1ba14n5-option:hover, .css-gvi9bl-control:hover, .option-96V44q.selected-rZcOL-:hover, .css-1yz4bi9-option:hover, .input-3Xdcic:hover,
.selected-aXhQR6:hover, .searchBar-3dMhjb:hover, .searchBarComponent-32dTOx:hover, .unreadBar-3t3sYc:hover, .bd-search-wrapper:hover,
.bd-select-option.selected:hover, .gameNameInput-385LoS:hover {
border: 1px solid var(--border-secondary)!important;
}
body {
opacity: var(--discord-opacity)!important;
}
::selection {
color: var(--selection-text)!important;
background: var(--selection-background)!important;
}
h2.name-3l27Hl, h2.membersGroup-v9BXpm, .name-3l27Hl .overflow-WK9Ogt {
color: rgb(255, 255, 255)!important;
}
.name-3l27Hl .overflow-WK9Ogt:hover {
color: var(--interactive-hover)!important;
}
.form-2fGMdU::before, .mask-WB_llw, .option-96V44q::after, .iconWrapper-eK7GO6 {
background: transparent!important;
}
.inner-2Y6JuD:hover {
background-color: rgba(0, 0, 0, 0.15)!important;
}
.message-2qnXI6:not(.mentioned-xhSam7):hover, .emptyChannelIcon-cc932w, .button-2CgfFz:hover {
background-color: rgba(0, 0, 0, 0.25)!important;
}
.decorator-3MaMCZ .botText-1526X_ {
bottom: 4px;
}
.nowPlayingColumn-2sl4cE .container-lRFx4q .scroller-2ZPeAD {
border-left: hidden!important;
}
.reactionMe-wv5HKu {
background-color: rgba(0, 0, 0, 0.25)!important;
}
.barFill-23-gu- {
background-color: var(--blue-button-hover)!important;
}
.colorWhite-rEQuAQ .contents-18-Yxp, .lookInverted-2D7oAl .premiumSubscribeButton-3TowJw, .lookInverted-2D7oAl .giftButton-2uAsFo,
.lookInverted-2D7oAl .contents-18-Yxp {
color: var(--blue-button-hover)!important;
}
.text-1FOLJS, .title-LqAd9K, .title-Z_XiOC, .contents-18-Yxp, .footerTitle-2CYZch, .nameInput-2LpnKg .inputWrapper-31_8H8 .input-cIJ7To, .lookOutlined-3sRXeN .contents-18-Yxp {
color: rgb(255, 255, 255)!important;
}
/* Buttons */
/* Hover Color Change: -23, -50, -31 */
.button-38aScr, .bd-button, .item-1yAxl1.selected-2YhbGh, .leftTrayIcon-vpfJk5, .staticButton-1B0rfQ, .button-3HqqDX,
.item-PXvHYJ[aria-controls="ADD_FRIEND-tab"], .selected-2LAck8 {
border: 1px solid;
border-color: rgba(0, 0, 0, 0);
}
/* Red */
.button-38aScr.colorRed-1TFJan, .bd-button-danger, .deny-3nAuT6.selected-2YhbGh, .red-33-Lnk {
background-color: var(--red-button)!important;
border-color: var(--red-button-border)!important;
color: rgb(0, 0, 0)!important;
}
.button-38aScr.colorRed-1TFJan:hover, .bd-button-danger:hover, .deny-3nAuT6.selected-2YhbGh:hover, .red-33-Lnk:hover {
background-color: var(--red-button-hover)!important;
border-color: var(--red-button-border)!important;
}
/* Green */
.button-38aScr.colorGreen-29iAKY, .allow-1PzSY3.selected-2YhbGh, .item-PXvHYJ[aria-controls="ADD_FRIEND-tab"] {
background-color: var(--green-button)!important;
border-color: var(--green-button-border)!important;
color: rgb(0, 0, 0)!important;
}
.button-38aScr.colorGreen-29iAKY:hover, .allow-1PzSY3.selected-2YhbGh:hover, .item-PXvHYJ[aria-controls="ADD_FRIEND-tab"]:hover {
background-color: var(--green-button-hover)!important;
border-color: var(--green-button-border)!important;
}
/* Blue */
.button-38aScr.colorBrand-3pXr91:not(.lookBlank-3eh9lL):not(.lookInverted-2D7oAl), button.bd-addon-button:not(.bd-link):not(.bd-button-danger),
.bd-button-title, .bd-view-button.selected {
background-color: var(--blue-button)!important;
border-color: var(--blue-button-border)!important;
color: rgb(0, 0, 0)!important;
}
.button-38aScr.colorBrand-3pXr91:not(.lookBlank-3eh9lL):not(.lookInverted-2D7oAl):hover, button.bd-addon-button:not(.bd-link):not(.bd-button-danger):hover,
.bd-button-title:hover, .bd-view-button.selected:hover {
background-color: var(--blue-button-hover)!important;
border-color: var(--blue-button-border)!important;
}
/* White */
.button-38aScr.lookInverted-2D7oAl, .white-3GPOIp, .colorWhite-rEQuAQ .button-3HqqDX {
background-color: var(--white-button)!important;
border-color: var(--white-button-border)!important;
}
.button-38aScr.lookInverted-2D7oAl:hover, .white-3GPOIp:hover, .colorWhite-rEQuAQ .button-3HqqDX:hover {
background-color: var(--white-button-hover)!important;
border-color: var(--white-button-border)!important;
}
/* Gray */
.button-38aScr.colorPrimary-3b3xI6, .colorGrey-2DXtkV, .passthrough-1c2ewQ.selected-2YhbGh, .leftTrayIcon-vpfJk5, .primaryDark-3mSFDl, .selected-2LAck8,
.watchButton-2SbJEo, .lookOutlined-3sRXeN {
background-color: var(--gray-button)!important;
border-color: var(--gray-button-border)!important;
color: rgb(0, 0, 0)!important;
}
.button-38aScr.colorPrimary-3b3xI6:hover, .colorGrey-2DXtkV:hover, .passthrough-1c2ewQ.selected-2YhbGh:hover, .leftTrayIcon-vpfJk5:hover,
.primaryDark-3mSFDl:hover, .selected-2LAck8:hover, .watchButton-2SbJEo:hover, .lookOutlined-3sRXeN:hover {
background-color: var(--gray-button-hover)!important;
border-color: var(--gray-button-border)!important;
}
/* Align Settings Sidebar to the Left */
.sidebar-CFHs9e {
margin-right: auto;
margin-left: 0;
}
.sidebarRegion-VFTUkN {
flex: 1 0 0;
max-width: var(--sidebar-width)!important;
}
.contentRegion-3nDuYy {
flex: 1 1 100%;
}
.contentColumn-2hrIYH, .customColumn-Rb6toI, .customScroller-26gWhv>div, .exampleModal-2X2Vf8, .contentWidth-xLB44s, .stickersHero-rhTlUd,
.notificationSettings-1NQKPR {
max-width: 100%;
}
.layer-3QrUeG[aria-label="GUILD_SETTINGS"] .sidebarRegion-VFTUkN {
max-width: 90%;
}
.circleIconButton-1XqULR {
color: rgb(0 0 0)
}
.card-2X8BSG {
background-color: black;
}
.floating-window #bd-editor-controls
{
background-color: black;
}
.monaco-editor.no-user-select .lines-content, .monaco-editor.no-user-select .view-line, .monaco-editor.no-user-select .view-lines {
background-color: black;
}
.channelNotice-3I83Cr {
background-color: black;
}
.container-3w7J-x {
background-color: black;
}
.theme-dark .invite-18yqGF {
background: rgba(0, 0, 0, 0.6);
border-color: rgba(0, 0, 0, 0.9);
}
.container-1KFiob {
background-color: black;
}