.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; }