// ==UserScript==
// @name DarkDark
// @namespace http://tampermonkey.net/
// @version 1
// @description The darkest discord theme
// @author MrBlank
// @license MIT
// @match https://discord.com/*
// @match https://discordapp.com/*
// @grant GM_addStyle
// ==/UserScript==
GM_addStyle(`
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap');
@import url('https://discord-custom-covers.github.io/usrbg/dist/usrbg.css');
button {
--accentcolor: var(--accent-alt);
}
/* Root Variables */
:root {
--font-primary: 'Karla', sans-serif;
--font-display: var(--font-primary) !important;
/* Dark Matter Variables */
--avatar-size: 32px;
--background-image: url('https://i.imgur.com/7SbtKvw.png');
--home-image: url('https://i.imgur.com/233d55Y.gif');
--background-solid: #161921;
--background-solid-dark: #101218;
--background-solid-darker: #0c0e12;
--accent: 37, 172, 232;
--accent-alt: 29, 101, 134;
--md-black: 0, 0, 0;
--dm-white: 255, 255, 255;
/* BlurpleRecolor */
--accentcolor: var(--accent);
--vaccentcolor-hover: rgb(var(--accent));
--vaccentcolor-active: rgb(var(--accent));
}
:not(div[class*="userProfile"][class*="unThemed"]).theme-dark,
:not(div[class*="userProfile"]).theme-light,
div[class*="userProfile"][class*="unThemed"].theme-light {
/* Discord vars */
--background-primary: var(--background-solid);
--background-mobile-primary: var(--background-primary);
--background-secondary: var(--background-solid);
--background-mobile-secondary: var(--background-secondary);
--background-secondary-alt: var(--background-solid);
--background-tertiary: var(--background-solid);
--background-floating: var(--background-solid);
--background-secondary: var(--background-solid);
--background-accent: var(--background-solid);
--background-message-hover: rgba(var(--md-black), 0.4);
--channeltextarea-background: transparent;
--activity-card-background: rgba(var(--dm-white), 0.05);
--deprecated-store-bg: transparent;
--background-modifier-hover: rgba(var(--md-black), 0.3);
--background-modifier-active: rgba(var(--md-black), 0.3);
--background-modifier-selected: rgba(var(--md-black), 0.6);
--elevation-low: inset 0 -1px 0 0 rgba(var(--md-black), 0.3);
--channels-default: rgba(var(--dm-white), 0.3);
--deprecated-quickswitcher-input-background: var(--background-solid);
--header-primary: rgba(var(--dm-white), 1);
--header-secondary: rgba(var(--dm-white), 0.6);
--text-normal: rgba(var(--dm-white), 0.6);
--text-muted: #8a8e94;
--interactive-muted: rgba(var(--dm-white), 0.15);
--interactive-normal: rgba(var(--dm-white), 0.5);
--interactive-hover: rgba(var(--dm-white), 0.75);
--interactive-active: rgba(var(--dm-white), 1);
--deprecated-card-bg: rgba(var(--dm-white), 0.05);
--text-link: rgba(var(--accent), 1);
--focus-primary: rgba(var(--accent), 1);
--modal-background: var(--background-solid);
--modal-footer-background: var(--background-solid-darker);
}
::selection {
background-color: rgba(var(--accent-alt), 0.5);
}
/* Scrollbars */
::-webkit-scrollbar {
width: 14px !important;
}
::-webkit-scrollbar-thumb {
border-radius: 8px !important;
border: 3px solid transparent !important;
background-color: rgba(var(--accent-alt), 1) !important;
}
::-webkit-scrollbar-track {
visibility: visible !important;
border-radius: 8px !important;
border: 3px solid transparent !important;
background-color: rgba(0, 0, 0, 0.3) !important;
background-clip: padding-box !important;
}
.none-2Eo-qx::-webkit-scrollbar {
display: none !important;
}
/* Titlebar */
div[class*="typeWindows-"] {
--background-modifier-hover: rgba(var(--dm-white), 0.05);
--background-modifier-active: rgba(var(--dm-white), 0.075);
height: 26px;
}
div[class*="typeWindows-"]>div:first-child {
display: none;
}
div[class*="typeWindows-"]>div[role="button"] {
height: 30px;
width: 36px;
}
div[class*="typeWindows-"]::after {
content: 'Discord';
font-weight: 5000;
line-height: 31px;
color: var(--text-muted);
font-size: 14px;
position: absolute;
padding: 0 12px;
top: 0;
left: 0;
width: 100%;
height: 30px;
background: rgba(var(--md-black), 0.85);
z-index: -1;
}
/* Guilds */
nav[class*="guilds-"] {
background: transparent;
}
ul[data-list-id='guildsnav'] {
--background-secondary: var(--background-solid);
--background-primary: rgba(var(--dm-white), 0.1);
margin-bottom: 70px;
background-color: rgba(var(--md-black), 0.6);
border-right: 1px solid rgba(var(--md-black), 0.2);
box-shadow: inset -10px 0px 20px -10px rgba(var(--md-black), 0.3);
}
ul[data-list-id='guildsnav'] ::-webkit-scrollbar {
display: none;
}
ul[data-list-id='guildsnav']>div[dir] {
padding-top: 18px;
}
ul[data-list-id='guildsnav'] [class^="pill-"],
ul[data-list-id='guildsnav'] [class^="pill-"]>div {
height: 40px !important;
}
ul[data-list-id='guildsnav'] div[style*="height: 56"],
ul[id^="folder-items-"] {
height: auto !important;
}
ul[data-list-id='guildsnav'] [class^="pill-"] span {
width: 10px;
margin-left: -5px;
border-radius: 20px;
}
[data-list-id='guildsnav'] [class^="pill-"] span[style^="opacity: 1; height: 40"] {
--header-primary: rgba(var(--accent), 1);
}
span[class^="expandedFolderBackground-"] {
--background-secondary: rgba(var(--md-black), 0.25);
border-radius: 14px;
width: 40px;
left: 16px;
}
.wrapper-28eC3z,
[data-list-id='guildsnav'] [data-dnd-name] > div,
[data-list-id='guildsnav'] svg[width="48"] {
width: 40px;
height: 40px;
}
div[data-list-item-id="guildsnav___home"] {
background: var(--home-image) top center/110% no-repeat;
}
div[class^="unreadMentionsIndicatorBottom-"] {
bottom: 70px;
}
#app-mount [data-list-item-id="guildsnav___home"]>div {
color: transparent;
background-color: transparent;
}
div[data-list-item-id="guildsnav___create-join-button"],
div[data-list-item-id="guildsnav___guild-discover-button"] {
transition: 150ms ease;
opacity: 0.5;
background-color: var(--background-solid) !important;
color: rgba(var(--dm-white), 0.3) !important;
border: 1px dashed rgba(var(--dm-white), 0.3);
border-radius: 50px;
}
div[data-list-item-id="guildsnav___create-join-button"]:hover,
div[data-list-item-id="guildsnav___guild-discover-button"]:hover {
opacity: 1;
}
/* Sidebar */
.platform-win [class^="sidebar-"] {
border-radius: 0;
background-color: transparent;
}
div[class^="sidebar-"] nav,
#private-channels {
background: var(--background-secondary) !important;
--background-tertiary: rgba(var(--md-black), 0.35);
}
div[class^="sidebar-"]>nav>div[class^="searchBar"] {
height: 54px;
}
/* members wrapper */
.container-2o3qEW {
--background-secondary: rgba(var(--md-black), 0.4);
--background-modifier-hover: rgba(var(--dm-white), 0.07);
--background-modifier-active: var(--background-modifier-hover);
--background-modifier-selected: rgba(var(--dm-white), 0.07);
background: rgb(var(--md-black), 0.9);
}
div[data-list-id^="members-"][class*="scrollerBase-"] {
background: transparent;
}
div[data-list-id^="members-"] [class*="placeholder"] {
--backgorund-primary: var(--text-normal);
}
div[class^='nowPlayingColumn'] {
--background-secondary: transparent;
--background-primary: rgba(var(--md-black), 0.5);
--background-modifier-hover: rgba(var(--dm-white), 0.075);
}
div[class^="members-"] div[class^="member-"] {
background-color: transparent;
}
#channels div[class^="unread-"] {
--interactive-active: rgba(var(--accent), 1);
}
/* Sidebar Header */
nav[aria-label]>div>header {
display: flex;
flex-direction: column;
justify-content: center;
height: 54px;
--background-accent: rgba(var(--accent), 1);
--background-modifier-hover: rgba(var(--md-black), 0.25);
}
/* Outer containers */
body {
background: var(--background-image) center/cover no-repeat;
}
#app-mount {
background-color: transparent;
--background-tertiary: transparent;
--background-secondary: transparent;
}
#app-mount>div[class^="appDevToolsWrapper-"] {
--background-primary: transparent;
--background-tertiary: transparent;
--background-secondary: rgba(var(--md-black), 0.7);
background-color: rgba(var(--md-black), 0.4);
}
div[class^="notAppAsidePanel-"]>div[class^="app-"]>div[class^="app-"],
div[class^="app-"]>div[class^="bg-"] {
background-color: transparent;
}
div[class*="baseLayer-"]>div[class^="container-"] {
background-color: rgb(var(--md-black), 0.4);
}
nav+div [class^='sidebar-'],
nav+div[class^='base-'] {
overflow: visible !important;
position: relative;
max-width: calc(100% - 72px);
}
nav+div[class^='base-'] > div[class^="notice"] {
border-radius: 0;
}
div[class^='base-']>div,
section[class*="themed-"] {
--background-secondary: rgba(var(--md-black), 0.7);
--background-tertiary: rgba(var(--dm-white), 0.05);
--background-primary: rgba(var(--md-black), 0.8);
}
#app-mount>div:not([class^="appDevToolsWrapper-"]),
.autocomplete-1vrmpx {
--background-primary: var(--background-solid);
--background-secondary: var(--background-solid-dark);
--background-secondary-alt: var(--background-solid-darker);
--background-tertiary: var(--background-solid-darker);
}
/* Header */
section[class*="themed-"] {
height: 54px;
box-shadow: var(--elevation-low);
background-color: rgb(var(--md-black), 0.925) !important;
--background-secondary: rgba(var(--dm-white), 0.1);
}
section>div>a[href*="support.discord.com"] {
display: none;
}
section[class*="themed-"]::before,
section[class*="themed-"] ::after {
content: none;
}
section div[class^="toolbar"]>div[role] {
margin: 0 4px;
transition: 150ms ease;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
width: 28px;
height: 28px;
}
section div[class^="toolbar"]>div[role] svg {
width: 22px;
}
section div[class^="toolbar"]>div[role][class*="selected-"] {
background-color: rgba(var(--dm-white), 0.1);
}
/* Panels */
div[class^='sidebar-']>section {
--background-primary: rgba(var(--dm-white), 0.07);
--background-secondary: rgba(var(--dm-white), 0.1);
--background-secondary-alt: rgba(var(--md-black), 0.95);
margin-bottom: 70px;
}
div[class^='sidebar-']>section>div:last-child {
background-color: var(--background-secondary-alt);
box-sizing: border-box;
height: 70px;
padding: 0 18px;
width: calc(100% + 72px);
position: absolute;
left: -72px;
bottom: 0;
}
div[class^="sidebar-"]>section>div:last-child [class^="avatarWrapper-"] {
flex: 1;
}
/* Content */
div[class^='chat'] {
--background-floating: rgba(var(--md-black), 0.5);
background: transparent;
}
div[class^="container-"][id^="chat-messages-"] {
--background-modifier-hover: var(--background-solid-dark);
}
div[class^='chat'] main form {
margin-top: 0;
}
div[class^='chat'] main form::before {
content: none;
}
div[data-list-id="chat-messages"] {
--background-primary: transparent;
--background-secondary: rgba(var(--dm-white), 0.05);
--background-accent: rgba(var(--dm-white), 0.1);
}
div[class^="channelTextArea-"] {
--background-secondary: transparent;
box-shadow: inset 0 0 0 2px rgba(var(--dm-white), 0.1);
transition: 250ms ease;
margin-bottom: 24px;
margin-top: 12px;
border-radius: 5px;
}
div[id^="chat-messages-"]+div:not([id]):last-child {
height: 8px;
}
div[id^="chat-messages-"][class*="cozy-"] {
padding-left: calc(var(--avatar-size) * 2);
}
div[id^="chat-messages-"] {
margin-left: 8px;
margin-right: 8px;
border-radius: 4px;
}
div[id^="chat-messages-"]>div[class^="buttonContainer-"] {
transform: scale(.85);
top: 1px;
}
div[id^="chat-messages-"] {
--background-primary: rgba(var(--md-black), 0.5);
}
div[id^="chat-messages-"]>div>[class^="avatar-"] {
margin-top: 6px;
width: var(--avatar-size);
height: var(--avatar-size);
}
div[id^="chat-messages-"][class*="cozy-"] div::before {
--gutter: 13px;
}
.mention {
transition: 150ms ease;
color: rgba(var(--accent), 1) !important;
background-color: rgba(var(--accent), 0.3);
padding: 3px 5px;
border-radius: 5px;
}
.mention:hover {
background-color: rgba(var(--accent), 0.3) !important;
}
#app-mount .container-2cd8Mz {
background: var(--background-primary);
}
div[class*="barBase-"] {
padding-bottom: 0;
background-color: rgba(var(--accent-alt), 0.9);
}
/* Codeblocks */
html pre {
border-radius: 0;
background: transparent;
border-color: rgba(255, 255, 255, 0.1);
}
pre code.hljs {
border: none;
background-color: rgba(var(--dm-white), 0.1);
color: rgba(var(--dm-white), 0.7);
padding: 1em;
}
html code.inline,
html code.inline {
background: rgba(var(--dm-white), 0.1);
color: rgba(var(--dm-white), 0.7);
padding: 0.3em 0.6em;
border-radius: 3px;
}
/* Settings */
div[aria-label*="_SETTINGS"],
div[aria-label*="_DEBUG"] {
--background-primary: transparent;
--background-secondary: rgba(var(--md-black), 0.7);
}
div[class^="sidebarRegionScroller-"]>nav {
--background-secondary: transparent;
}
div[class^="contentRegion-"] {
--background-primary: rgba(var(--md-black), 0.8);
}
div[class^="contentRegion-"] div[style^="overflow: hidden scroll"] {
background-color: transparent;
--background-primary: rgba(var(--md-black), 0.1);
--background-secondary: rgba(var(--md-black), 0.2);
--background-secondary-alt: rgba(var(--md-black), 0.25);
--background-tertiary: rgba(var(--dm-white), 0.1);
}
div[aria-label*="_SETTINGS"] aside>div {
--background-primary: transparent;
}
div[aria-label*="_SETTINGS"] aside>div::-webkit-scrollbar-track {
visibility: hidden !important;
}
.bd-addon-list {
--background-secondary: var(--background-solid);
--background-secondary-alt: var(--background-solid-dark);
}
/* Tab Bar */
div[class*="topPill"],
nav>div[role="tablist"],
.bd-tab-bar {
--background-accent: rgba(var(--accent));
--background-modifier-hover: rgba(var(--dm-white), 0.05);
--background-modifier-active: rgba(var(--dm-white), 0.075);
--background-modifier-selected: rgba(var(--accent), 0.25);
}
/* Server Discovery */
div[class^="sidebar"]+[class^="pageWrapper"] {
--background-secondary: rgba(var(--md-black), 0.8);
background-color: var(--background-secondary);
}
/* Crash Page */
div[class*="errorPage"] {
--background-secondary: rgba(var(--md-black), 0.7) !important;
}
/* Tooltips */
div[class^="tooltip-"] {
--background-floating: rgba(var(--accent-alt), 1);
--text-normal: #e0e0e0;
}
/* Buttons */
button[class*="button-"][class*="color"],
.bd-button {
--vaccentcolor: var(--accent-alt);
}
.bd-button {
--bd-blue: rgba(var(--accent-alt), 1);
}
/* Context Menu */
div[role="menuitem"] {
--vaccentcolor: var(--accent-alt);
}
div[role="menuitem"]:active {
--vaccentcolor: var(--accent);
}
/* Depreceated Components */
/* These use hardcoded colors, no need to bother with strange selectors */
#app-mount .footer-2gL1pp,
#app-mount .footer-3mqk7D {
background-color: var(--background-secondary);
box-shadow: none;
}
#app-mount .root-1gCeng,
#app-mount .addGamePopout-2RY8Ju,
#app-mount .keyboardShortcutsModal-3piNz7,
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse,
.perksModal-fSYqOq .perk-2WeBWW,
#app-mount .uploadModal-2ifh8j,
#app-mount .contentWrapper-3WC1ID,
#app-mount .contentWarningPopout-n5JsIs {
background-color: var(--background-primary);
}
#app-mount .codeRedemptionRedirect-1wVR4b,
#app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC,
#app-mount .inset-3sAvek {
background-color: var(--background-tertiary);
border: none;
}
#app-mount .paymentPane-3bwJ6A,
#app-mount .tierBody-x9kBBp,
#app-mount .tierBody-16Chc9,
#app-mount .barBackground-2EEiLw,
#app-mount .body-3iLsc4,
#app-mount .footer-1fjuF6,
#app-mount .container-3ayLPN,
#app-mount .colorPickerCustom-2CWBn2,
#app-mount .tierMarkerBackground-3q29am,
.css-3vaxre-menu,
.css-dwar6a-menu,
#app-mount .autocomplete-1vrmpx,
.categoryHeader-O1zU94,
#app-mount .popoutList-T9CKZQ,
#app-mount .quickSelectPopout-X1hvgV,
.colorable-1bkp8v.primaryDark-3mSFDl,
.tile-2naSqK,
.videoWrapper-2v09vt,
#app-mount .spoilerText-3p6IlD.hidden-HHr2R9 {
background-color: var(--background-solid);
}
#app-mount .expandedInfo-3kfShd,
#app-mount .tierHeaderLocked-1a2opw,
#app-mount .tierHeaderLocked-1s2JJz,
#app-mount .headerNormal-T_seeN,
#app-mount .focused-2bY0OD,
.colorable-1bkp8v.primaryDark-3mSFDl:hover {
background-color: var(--background-solid-dark);
}
#app-mount .payment-xT17Mq {
background-color: transparent;
border-bottom-color: rgba(var(--dm-white), 0.025);
}
#app-mount .bottomDivider-1K9Gao,
#app-mount .focused-2bY0OD {
border-bottom-color: var(--background-solid-dark);
}
#app-mount div[data-list-id="billing-history"],
#app-mount div[data-list-id^="private-channels-"],
#app-mount .media-engine-video,
.react-datepicker,
.react-datepicker__header,
.react-datepicker__day--outside-month,
.react-datepicker__day--disabled,
div[data-list-id^="members-"],
div[data-list-id^="members-"]>div {
background-color: transparent !important;
}
.react-datepicker__day--disabled {
opacity: .6;
}
#app-mount .react-datepicker__day {
border-top-color: var(--background-secondary);
border-left-color: var(--background-secondary);
}
#app-mount .background-3xPPFc,
#app-mount .tierInProgress-3mBoXq {
color: var(--background-solid);
}
.option-96V44q:after {
content: none;
}
#app-mount .option-96V44q.selected-rZcOL-,
#app-mount .selected-1Tbx07,
#app-mount .quickSelectPopoutOption-opKBx9:hover,
#app-mount .outer-1AjyKL.active-1xchHY,
#app-mount .outer-1AjyKL.interactive-3B9GmY:hover {
background-color: var(--background-modifier-hover);
}
.css-3vaxre-menu,
.tierMarker-5HkGJ_[style] {
border-color: rgba(var(--dm-white), 0.025) !important;
}
#app-mount .searchAnswer-3Dz2-q,
#app-mount .searchFilter-2ESiM3,
#app-mount .option-1B5ZV8,
#app-mount .pill-2pQByF {
background-color: rgba(var(--accent-alt), 1);
color: #fff;
}
#app-mount .keybindShortcut-1BD6Z1 span {
background: var(--background-solid-dark);
box-shadow: inset 0 -4px 0 var(--background-solid-darker);
}
#app-mount .perksModal-fSYqOq {
background: rgba(var(--md-black), 0.7);
}
#app-mount .card-FDVird:before {
background: var(--background-modifier-hover);
border: none;
}
/* Login Page */
div[class^="splashBackground"] canvas,
div[class^="splashBackground"] img {
display: none;
}
/* Modals */
div[class*="footerSeparator"] {
box-shadow: none !important;
}
/* Forums */
.container-3wLKDe {
background: var(--background-primary);
}
li[class^="card-"]>div[class^="container-"] {
background: var(--background-floating)
}
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css);
:root {
--accentcolor: 88, 101, 242;
--accentcolor2: 255, 115, 250;
--linkcolor: 0, 176, 244;
--accentcolor_v: var(--accentcolor_s, var(--accentcolor));
--accentcolor2_v: var(--accentcolor2_s, var(--accentcolor2));
--linkcolor_v: var(--linkcolor_s, var(--linkcolor));
--accentcolor-hover: rgb(var(--accentcolor_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
--accentcolor-active: rgb(var(--accentcolor_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
--accentcolor2-hover: rgb(var(--accentcolor2_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15));
--accentcolor2-active: rgb(var(--accentcolor2_v)) linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
--bdfdb-blurple: rgb(var(--accentcolor_v)) !important;
--bd-blue: rgb(var(--accentcolor_v)) !important;
--bd-blue-hover: var(--accentcolor-hover) !important;
--bd-blue-active: var(--accentcolor-active) !important;
--blurple: rgb(var(--accentcolor_v)) !important;
}
.theme-light {
--logo-primary: rgb(var(--accentcolor_v));
}
[data-popout-root], html, .theme-light, .theme-dark, .theme-amoled {
--text-brand: rgb(var(--accentcolor_v));
--text-link: rgb(var(--linkcolor_v));
--text-link-low-saturation: rgb(var(--linkcolor_v));
--info-help-background: rgba(var(--linkcolor_v),.1);
--info-help-foreground: rgb(var(--linkcolor_v));
--info-help-text: #fff;
--focus-primary: rgb(var(--linkcolor_v));
--control-brand-foreground: rgb(var(--accentcolor_v)) !important;
--control-brand-foreground-new: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-text: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-text-hover: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-text-active: rgb(var(--accentcolor_v)) !important;
--button-outline-brand-background: transparent !important;
--button-outline-brand-background-hover: transparent !important;
--button-outline-brand-background-active: rgba(var(--accentcolor_v),.1) !important;
--button-outline-brand-border: rgba(var(--accentcolor_v),.1) !important;
--button-outline-brand-border-hover: rgba(var(--accentcolor_v),.6) !important;
--button-outline-brand-border-active: rgb(var(--accentcolor_v)) !important;
--mention-background: rgba(var(--accentcolor_v),.3) !important;
--mention-foreground: var(--brand-experiment-200) !important;
--brand-experiment-100: #fdfdfd !important;
--brand-experiment-130: #f2f2f2 !important;
--brand-experiment-160: #ebebeb !important;
--brand-experiment-200: #e3e3e3 !important;
--brand-experiment-230: #dadada !important;
--brand-experiment-260: #d1d1d1 !important;
--brand-experiment-300: #c7c7c7 !important;
--brand-experiment-330: rgb(var(--accentcolor_v)) !important;
--brand-experiment-360: rgb(var(--accentcolor_v)) !important;
--brand-experiment-400: rgb(var(--accentcolor_v)) !important;
--brand-experiment-430: rgb(var(--accentcolor_v)) !important;
--brand-experiment-460: rgb(var(--accentcolor_v)) !important;
--brand-experiment: rgb(var(--accentcolor_v)) !important;
--brand-experiment-500: rgb(var(--accentcolor_v)) !important;
--brand-experiment-530: rgb(var(--accentcolor_v)) !important;
--brand-experiment-560: rgb(var(--accentcolor_v)) !important;
--brand-experiment-600: rgb(var(--accentcolor_v)) !important;
--brand-experiment-630: rgb(var(--accentcolor_v)) !important;
--brand-experiment-660: rgb(var(--accentcolor_v)) !important;
--brand-experiment-700: #323232 !important;
--brand-experiment-730: #2b2b2b !important;
--brand-experiment-760: #272727 !important;
--brand-experiment-800: #222222 !important;
--brand-experiment-830: #1a1a1a !important;
--brand-experiment-860: #111111 !important;
--brand-experiment-900: #0b0b0b !important;
--brand-experiment-05a: rgba(var(--accentcolor_v),.05) !important;
--brand-experiment-10a: rgba(var(--accentcolor_v),.1) !important;
--brand-experiment-15a: rgba(var(--accentcolor_v),.15) !important;
--brand-experiment-20a: rgba(var(--accentcolor_v),.2) !important;
--brand-experiment-25a: rgba(var(--accentcolor_v),.25) !important;
--brand-experiment-30a: rgba(var(--accentcolor_v),.3) !important;
--brand-experiment-35a: rgba(var(--accentcolor_v),.35) !important;
--brand-experiment-40a: rgba(var(--accentcolor_v),.4) !important;
--brand-experiment-45a: rgba(var(--accentcolor_v),.45) !important;
--brand-experiment-50a: rgba(var(--accentcolor_v),.5) !important;
--brand-experiment-55a: rgba(var(--accentcolor_v),.55) !important;
--brand-experiment-60a: rgba(var(--accentcolor_v),.6) !important;
--brand-experiment-65a: rgba(var(--accentcolor_v),.65) !important;
--brand-experiment-70a: rgba(var(--accentcolor_v),.7) !important;
--brand-experiment-75a: rgba(var(--accentcolor_v),.75) !important;
--brand-experiment-80a: rgba(var(--accentcolor_v),.8) !important;
--brand-experiment-85a: rgba(var(--accentcolor_v),.85) !important;
--brand-experiment-90a: rgba(var(--accentcolor_v),.9) !important;
--brand-experiment-95a: rgba(var(--accentcolor_v),.95) !important;
--brand-100: #fdfdfd !important;
--brand-130: #f2f2f2 !important;
--brand-160: #ebebeb !important;
--brand-200: #e3e3e3 !important;
--brand-230: #dadada !important;
--brand-260: #d1d1d1 !important;
--brand-300: #c7c7c7 !important;
--brand-330: rgb(var(--accentcolor_v)) !important;
--brand-360: rgb(var(--accentcolor_v)) !important;
--brand-400: rgb(var(--accentcolor_v)) !important;
--brand-430: rgb(var(--accentcolor_v)) !important;
--brand-460: rgb(var(--accentcolor_v)) !important;
--brand: rgb(var(--accentcolor_v)) !important;
--brand-500: rgb(var(--accentcolor_v)) !important;
--brand-530: rgb(var(--accentcolor_v)) !important;
--brand-560: rgb(var(--accentcolor_v)) !important;
--brand-600: rgb(var(--accentcolor_v)) !important;
--brand-630: rgb(var(--accentcolor_v)) !important;
--brand-660: rgb(var(--accentcolor_v)) !important;
--brand-700: #323232 !important;
--brand-730: #2b2b2b !important;
--brand-760: #272727 !important;
--brand-800: #222222 !important;
--brand-830: #1a1a1a !important;
--brand-860: #111111 !important;
--brand-900: #0b0b0b !important;
--brand-05a: rgba(var(--accentcolor_v),.05) !important;
--brand-10a: rgba(var(--accentcolor_v),.1) !important;
--brand-15a: rgba(var(--accentcolor_v),.15) !important;
--brand-20a: rgba(var(--accentcolor_v),.2) !important;
--brand-25a: rgba(var(--accentcolor_v),.25) !important;
--brand-30a: rgba(var(--accentcolor_v),.3) !important;
--brand-35a: rgba(var(--accentcolor_v),.35) !important;
--brand-40a: rgba(var(--accentcolor_v),.4) !important;
--brand-45a: rgba(var(--accentcolor_v),.45) !important;
--brand-50a: rgba(var(--accentcolor_v),.5) !important;
--brand-55a: rgba(var(--accentcolor_v),.55) !important;
--brand-60a: rgba(var(--accentcolor_v),.6) !important;
--brand-65a: rgba(var(--accentcolor_v),.65) !important;
--brand-70a: rgba(var(--accentcolor_v),.7) !important;
--brand-75a: rgba(var(--accentcolor_v),.75) !important;
--brand-80a: rgba(var(--accentcolor_v),.8) !important;
--brand-85a: rgba(var(--accentcolor_v),.85) !important;
--brand-90a: rgba(var(--accentcolor_v),.9) !important;
--brand-95a: rgba(var(--accentcolor_v),.95) !important;
--brand-new-100: #fdfdfd !important;
--brand-new-130: #f2f2f2 !important;
--brand-new-160: #ebebeb !important;
--brand-new-200: #e3e3e3 !important;
--brand-new-230: #dadada !important;
--brand-new-260: #d1d1d1 !important;
--brand-new-300: #c7c7c7 !important;
--brand-new-330: rgb(var(--accentcolor_v)) !important;
--brand-new-360: rgb(var(--accentcolor_v)) !important;
--brand-new-400: rgb(var(--accentcolor_v)) !important;
--brand-new-430: rgb(var(--accentcolor_v)) !important;
--brand-new-460: rgb(var(--accentcolor_v)) !important;
--brand-new: rgb(var(--accentcolor_v)) !important;
--brand-new-500: rgb(var(--accentcolor_v)) !important;
--brand-new-530: rgb(var(--accentcolor_v)) !important;
--brand-new-560: rgb(var(--accentcolor_v)) !important;
--brand-new-600: rgb(var(--accentcolor_v)) !important;
--brand-new-630: rgb(var(--accentcolor_v)) !important;
--brand-new-660: rgb(var(--accentcolor_v)) !important;
--brand-new-700: #323232 !important;
--brand-new-730: #2b2b2b !important;
--brand-new-760: #272727 !important;
--brand-new-800: #222222 !important;
--brand-new-830: #1a1a1a !important;
--brand-new-860: #111111 !important;
--brand-new-900: #0b0b0b !important;
--brand-new-05a: rgba(var(--accentcolor_v),.05) !important;
--brand-new-10a: rgba(var(--accentcolor_v),.1) !important;
--brand-new-15a: rgba(var(--accentcolor_v),.15) !important;
--brand-new-20a: rgba(var(--accentcolor_v),.2) !important;
--brand-new-25a: rgba(var(--accentcolor_v),.25) !important;
--brand-new-30a: rgba(var(--accentcolor_v),.3) !important;
--brand-new-35a: rgba(var(--accentcolor_v),.35) !important;
--brand-new-40a: rgba(var(--accentcolor_v),.4) !important;
--brand-new-45a: rgba(var(--accentcolor_v),.45) !important;
--brand-new-50a: rgba(var(--accentcolor_v),.5) !important;
--brand-new-55a: rgba(var(--accentcolor_v),.55) !important;
--brand-new-60a: rgba(var(--accentcolor_v),.6) !important;
--brand-new-65a: rgba(var(--accentcolor_v),.65) !important;
--brand-new-70a: rgba(var(--accentcolor_v),.7) !important;
--brand-new-75a: rgba(var(--accentcolor_v),.75) !important;
--brand-new-80a: rgba(var(--accentcolor_v),.8) !important;
--brand-new-85a: rgba(var(--accentcolor_v),.85) !important;
--brand-new-90a: rgba(var(--accentcolor_v),.9) !important;
--brand-new-95a: rgba(var(--accentcolor_v),.95) !important;
--premium-perk-blue: rgb(var(--accentcolor_v)) !important;
--premium-perk-pink: rgb(var(--accentcolor2_v)) !important;
--premium-tier-0-purple: rgb(var(--accentcolor2_v)) !important;
--premium-tier-0-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--premium-tier-1-blue: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-blue-for-gradients: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-dark-blue: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-dark-blue-for-gradients: rgb(var(--accentcolor_v)) !important;
--premium-tier-1-purple: rgb(var(--accentcolor2_v)) !important;
--premium-tier-1-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--premium-tier-2-pink: rgb(var(--accentcolor_v)) !important;
--premium-tier-2-pink-for-gradients: rgb(var(--accentcolor_v)) !important;
--premium-tier-2-pink-for-gradients-2: rgb(var(--accentcolor_v)) !important;
--premium-tier-2-purple: rgb(var(--accentcolor2_v)) !important;
--premium-tier-2-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--premium-tier-2-purple-for-gradients-2: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-pink: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-pink-rgb: var(--accentcolor2_v) !important;
--guild-boosting-purple: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-purple-rgb: var(--accentcolor2_v) !important;
--guild-boosting-blue: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-blue-rgb: var(--accentcolor2_v) !important;
--guild-boosting-blue-for-gradients: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-blue-for-gradients-rgb: var(--accentcolor2_v) !important;
--guild-boosting-purple-for-gradients: rgb(var(--accentcolor2_v)) !important;
--guild-boosting-purple-for-gradients-rgb: var(--accentcolor2_v) !important;
--search-popout-date-picker-hint-value-background: var(--brand-experiment-90a);
--search-popout-date-picker-hint-value-background-hover: var(--brand-experiment-430);
}
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/*
1. GUILDLIST
2. CHANNELLIST
3. CHAT
1. MESSAGES
2. TEXTAREA
3. AUTOCOMPLETEMENU
4. MEMBERLIST
5. SEARCHPAGE
6. CALL
4. PEOPLES
5. STORE/NITRO
6. LIBRARY
7. DISCOVERY
8. USERSETTINGS
9. GUILDSETTINGS
10. MODALS
1. USERMODAL
2. GUILDADD/CREATION
3. REGIONSELECTMODAL
4. UPLOADMODAL
5. KEYBOARDSHORTCUTSMODAL
6. LOGINSCREEN
7. DOWNLOADAPPMODAL
8. GUILDBOOSTMODAL
9. ADDGUILDBOOSTMODAL
10. STREAMSETTINGSMODAL
11. DISPATCHERRORMODAL
12. CHANGELOGMODAL
13. SCREENSHAREMODAL
14. PHONEVERIFICATIONMODAL
15. CUSTOMSTATUSMODAL
16. NICKNAMEMODAL
11. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
3. SEARCHPOPOUT
12. GENERAL
1. TEXT
2. BUTTONS
3. INPUTS
4. TAGS
5. IMAGES
6. SCROLLBARS
7. NOTIFICATIONBAR
8. TOOLTIPS
9. TOASTS
13. BDSUPPORT
14. POWERCORDSUPPORT
15. PLUGINSUPPORT
1. HIDEUTILS
2. READALLNOTIFICATIONSBUTTON
3. SERVERSEARCH
4. CHANNELTABS
*/
/* ~~~~ 1. GUILDLIST ~~~~ */
.wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, /* home/acronym */
.wrapper_d281dd:hover .childWrapper__01b9c {
background-color: rgb(var(--accentcolor_v));
}
.wrapper_d281dd rect[fill] {
fill: var(--background-primary);
}
.wrapper_d281dd rect[fill="#6370f4"] {
fill: rgb(var(--accentcolor_v));
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 1"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 1"] {
background-color: rgba(var(--accentcolor_v), 1) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.9"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.9"] {
background-color: rgba(var(--accentcolor_v), 0.9) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.8"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.8"] {
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.7"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.7"] {
background-color: rgba(var(--accentcolor_v), 0.7) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.6"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.6"] {
background-color: rgba(var(--accentcolor_v), 0.6) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.5"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.5"] {
background-color: rgba(var(--accentcolor_v), 0.5) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.4"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.4"] {
background-color: rgba(var(--accentcolor_v), 0.4) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.3"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.3"] {
background-color: rgba(var(--accentcolor_v), 0.3) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.2"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.2"] {
background-color: rgba(var(--accentcolor_v), 0.2) !important;
}
.folderIconWrapper__72239[style*="background-color: rgba(88, 101, 242, 0.1"],
.folderIconWrapper__72239[style*="background-color: rgba(87, 100, 242, 0.1"] {
background-color: rgba(var(--accentcolor_v), 0.1) !important;
}
.folderIconWrapper__72239 svg[style^="color: rgb(88, 101, 242)"],
.folderIconWrapper__72239 svg[style*=" color: rgb(88, 101, 242)"],
.folderIconWrapper__72239 svg[style^="color: rgb(87, 100, 242)"],
.folderIconWrapper__72239 svg[style*=" color: rgb(87, 100, 242)"] {
color: rgb(var(--accentcolor_v)) !important;
}
/* ~~~~ 2. CHANNELLIST ~~~~ */
.channelNotice_bbc8e6 .imageContainer__0c476 {
position: relative;
}
.channelNotice_bbc8e6 .imageContainer__0c476::before,
.channelNotice_bbc8e6 .imageContainer__0c476::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .image__9f4c2,
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/7e724c5bbf29dd3598ea.svg"]) .image__9f4c2 {
visibility: hidden;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__0c476 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_bg.svg) center/cover no-repeat;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__0c476::before {
background: rgb(var(--accentcolor));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent.svg) center/cover no-repeat;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/148fd8378ac32a66783c.svg"]) .imageContainer__0c476::after {
background: rgb(var(--accentcolor2));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/channelnotice_premium_accent2.svg) center/cover no-repeat;
}
.channelNotice_bbc8e6:has(.image__9f4c2[src="/assets/7e724c5bbf29dd3598ea.svg"]) .imageContainer__0c476::before {
filter: grayscale(0.5);
background: url(https://discord.com/assets/7e724c5bbf29dd3598ea.svg) center/cover no-repeat;
}
/* ~~~~ 3. CHAT ~~~~ */
/* ---- 3.1. MESSAGES ---- */
.newMessagesBar__8b6d7 { /* new messagesbar */
background-color: rgb(var(--accentcolor_v));
}
.hasMore_b03f46 { /* hasmore messagesbar */
color: rgb(var(--accentcolor_v));
}
.backgroundFlash_e5b9ad[style*="(148, 156, 247"] {
background-color: var(--message-background-flash) !important;
}
.backgroundFlash_e5b9ad[style*="background-color: rgb(148, 156, 247)"],
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 1"] {
--message-background-flash: rgba(var(--accentcolor_v), 1);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.9"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.9);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.8"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.8);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.7"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.7);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.6"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.6);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.5"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.5);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.4"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.4);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.3"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.3);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.2"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.2);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0.1"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.1);
}
.backgroundFlash_e5b9ad[style*="background-color: rgba(148, 156, 247, 0)"] {
--message-background-flash: rgba(var(--accentcolor_v), 0.05);
}
.embedFull__8dc21[style*="border-color: hsl(216, "],
.embedFull__8dc21[style*="border-color: hsl(227, "],
.embedFull__8dc21[style*="border-color: hsl(235, "],
.embedFull__8dc21[style*="border-color: hsl(237, "],
.embedFull__8dc21[style*="border-color: hsla(216, "],
.embedFull__8dc21[style*="border-color: hsla(227, "],
.embedFull__8dc21[style*="border-color: hsla(235, "],
.embedFull__8dc21[style*="border-color: hsla(237, "] {
border-color: rgb(var(--accentcolor_v)) !important;
}
.ephemeral_c26b64, /* localbot container */
.replying_d7b6ad { /* replying container */
background-color: rgba(var(--accentcolor_v), 0.05);
}
.ephemeral_c26b64::before, /* localbot before */
.replying_d7b6ad::before { /* replying before */
background-color: rgb(var(--accentcolor_v));
}
.message__80c10.ephemeral_c26b64.selected_fd9051,
.mouse-mode.full-motion .ephemeral_c26b64:hover,
.mouse-mode .ephemeral_c26b64:hover,
.message__80c10.replying_d7b6ad.selected_fd9051,
.mouse-mode.full-motion .replying_d7b6ad:hover,
.mouse-mode .replying_d7b6ad:hover {
background-color: rgba(var(--accentcolor_v), 0.1);
}
.ephemeralMessage__6a8ba a { /* localbot operations */
color: rgb(var(--accentcolor_v));
}
.operations__07224 > a { /* message operations */
color: rgb(var(--accentcolor_v));
}
.blockedSystemMessage_e58a4c:hover .blockedAction__27053 { /* blocked message operations */
color: rgb(var(--accentcolor_v));
}
.footerIcon__61cc7 path[fill*="hsl(197, "] { /* automod operations */
fill: var(--text-link);
}
.icon_bc432e { /* systemmessage guild sub easter egg icon */
color: rgb(var(--accentcolor2_v));
}
.message__1a4b9 strong, /* mention in header */
#app-mount .wrapper__2d9b1 { /* mention */
background-color: rgba(var(--accentcolor_v),.3);
color: var(--brand-experiment-200);
}
.message__1a4b9 strong:hover,
#app-mount .interactive:hover {
background-color: rgb(var(--accentcolor_v));
color: #fff;
}
#app-mount .reactionMe__98f57 .reactionCount_b49901, /* reaction count me */
#app-mount .reactionMe__98f57:hover .reactionCount_b49901 {
color: rgb(var(--accentcolor_v));
}
#app-mount .reaction_fef95b.reactionMe__98f57 { /* reaction wrapper me */
background-color: rgba(var(--accentcolor_v), .3);
border-color: rgb(var(--accentcolor_v));
}
#app-mount .reaction_fef95b:hover, /* reaction add react */
.addReactButton__59750:hover, /* reaction add new react */
.buttonInner__2771e:hover {
border-color: rgba(var(--accentcolor_v), .5);
}
.progressBar__47525[style*="background-color: hsl(227, "], /* attachment upload bar */
.progressBar__47525[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 3.2. TEXTAREA ---- */
.channelTextAreaInnerFocused__8561c {
border-color: rgb(var(--accentcolor_v));
}
#app-mount .selectedPill_f3e999 {
border-color: rgb(var(--accentcolor_v)) !important;
}
.image__04423[src="/assets/e49c372705a84e02772c.svg"] { /* textarea follow channel icon */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_followchannel_bg.svg) center/contain no-repeat;
width: 47px;
height: 60px;
margin-bottom: -8px;
}
.image__04423[src="/assets/e49c372705a84e02772c.svg"] + * {
overflow: visible;
}
.image__04423[src="/assets/e49c372705a84e02772c.svg"] + *::after {
content: "";
position: absolute;
bottom: 8px;
left: 16px;
width: 47px;
height: 60px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_followchannel_accent.svg) center/contain no-repeat;
}
.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] { /* textarea verify email icon */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_bg.svg) center/contain no-repeat;
width: 65px;
height: 60px;
margin-bottom: -16px;
}
.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + * {
overflow: visible;
}
.image__04423[src="/assets/0e33fc3f60b69ba9b0247df60d589439.svg"] + *::after {
content: "";
position: absolute;
bottom: 0px;
left: 16px;
width: 65px;
height: 60px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_accent.svg) center/contain no-repeat;
}
.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] { /* textarea verify phone icon */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_bg.svg) center/contain no-repeat;
width: 65px;
height: 60px;
margin-bottom: -16px;
}
.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + * {
overflow: visible;
}
.image__04423[src="/assets/45372ebbfad1c491747d6f5b7117fd88.svg"] + *::after {
content: "";
position: absolute;
bottom: 0px;
left: 16px;
width: 65px;
height: 60px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/chatnotice_verifyemail_accent.svg) center/contain no-repeat;
}
.animation__19784 path[stroke="rgb(123,162,255)"], /* textarea wave hand icon */
.animation__19784 path[stroke="rgb(123, 162, 255)"],
.animation__918eb path[stroke="rgb(123,162,255)"],
.animation__918eb path[stroke="rgb(123, 162, 255)"] {
stroke: rgb(var(--accentcolor_v)) !important;
}
.mentionButton_a470c4 { /* textarea reply mention */
--text-link: rgb(var(--accentcolor_v));
}
.premium__296ca path[fill] {
fill: var(--text-normal);
}
.comboNameplate_b63756[style^="color: hsl(227, "],
.comboNameplate_b63756[style^="color: hsl(235, "],
.comboNameplate_b63756[style*=" color: hsl(227, "],
.comboNameplate_b63756[style*=" color: hsl(235, "] {
color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 3.3. AUTOCOMPLETEMENU ---- */
#app-mount .active_cff9ad { /* autocomplete option active */
background-color: rgb(var(--accentcolor_v)) !important;
}
#app-mount .searchSuggestion__1a6a7:hover { /* gifpicker suggestions */
border-color: rgb(var(--accentcolor_v));
background-color: rgb(var(--accentcolor_v));
}
.result_e1fc74[style*="background-color"] { /* gifpicker result loading */
background-color: rgb(var(--accentcolor_v)) !important;
}
.result_e1fc74[style*="background-color: hsl(228,"] {
background: var(--accentcolor-hover) !important;
}
.result_e1fc74[style*="background-color: hsl(244,"] {
background: var(--accentcolor-active) !important;
}
.theme-light .focused__036ed::after, /* gifpicker result hover */
.theme-light .result_e1fc74:hover::after {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v)), inset 0 0 0 3px #dcddde;
}
.theme-dark .focused__036ed::after, /* gifpicker result hover */
.theme-dark .result_e1fc74:hover::after {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v)), inset 0 0 0 3px #2f3136;
}
#app-mount .categoryFadeBlurple_e73c11 { /* gifpicker categoryfade */
background-color: rgba(var(--accentcolor_v), 0.8);
}
#app-mount .categoryFadeBlurple_e73c11:hover {
background-color: rgba(var(--accentcolor_v), 0.95);
}
.introductionAction__81937 { /* gifpicker introductionaction tooltip */
color: rgb(var(--accentcolor_v));
}
.iconColorBlue__08dbe { /* stickerpicker icon blue */
color: rgb(var(--accentcolor_v));
}
.iconColorLightBlue__74e09 { /* stickerpicker icon lightblue */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
.iconColorDarkBlue__0a65b { /* stickerpicker icon darkblue */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
.iconColorPink__1b50a { /* stickerpicker icon pink */
color: rgb(var(--accentcolor2_v));
}
/* ---- 3.4. MEMBERLIST ---- */
.premiumIcon_ab5d78 {
color: rgb(var(--accentcolor2_v));
}
/* ---- 3.5. SEARCHPAGE ---- */
#app-mount .activeButton__7a550,
#app-mount .activeButton__7a550:hover {
background-color: rgb(var(--accentcolor_v));
}
.noResultsImage__08760.alt__77d89 {
display: flex;
}
.noResultsImage__08760.alt__77d89::before {
content: "";
position: absolute;
width: 160px;
height: 160px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/searchpage_noresults_accent.svg) center/cover no-repeat;
}
/* ---- 3.6. CALL ---- */
.sparkleBlurple__556df,
.popBlurple__2642d,
.lightBlurple__1956c,
.crossBlurple_b0f0f9 {
filter: invert(1);
}
.background__3b30f[style*="background-color: rgb(92, 100, 244)"],
.background__3b30f[style*="background-color: hsl(235, "],
.background__3b30f[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.border_d9a17b.voiceChannelEffect__6a6f7 {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v)), inset 0 0 0 3px rgb(var(--accentcolor_v));
}
/* ~~~~ 4. PEOPLES ~~~~ */
.container__9305d { /* stagelive cover */
background: rgb(255, 255, 255) linear-gradient(rgba(var(--accentcolor_v),.8) 75%, rgb(var(--accentcolor_v)) 75%, rgb(var(--accentcolor_v)));
}
.container__9305d .illustration__9d719 {
opacity: .8;
filter: grayscale(100%);
}
/* ~~~~ 5. STORE/NITRO ~~~~ */
#app-mount .premiumIndicator__41e19 { /* premium where? */
background-color: rgb(var(--accentcolor_v));
}
.activeTransferGuildCardBorder__2eb21 {
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.theme-light .animationContainer__92094 {
color: rgb(var(--accentcolor_v));
}
.theme-light .shine__0dd36 {
color: rgba(var(--accentcolor_v), 0.2);
}
.grandfatheredMessage_b731ea {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.iconBackgroundTier1__715d9 { /* tierlist tier1 bg */
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.iconBackgroundTier2_c37b9c { /* tierlist tier2 bg */
background: #ffcd4b linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .tag_f71185 { /* tag */
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .tag_f71185::before {
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://discord.com/assets/bed21bc77023cebd07a7.svg) top/cover no-repeat;
}
#app-mount .alternativeSkuSelected__35d70 {
background-color: rgb(var(--accentcolor_v));
}
.overlappingBorder__5f3f7 { /* store preview image */
border-color: rgb(var(--accentcolor_v));
}
#app-mount .headerFancy__4a1d2 { /* store header fancy */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .premiumHeaderPrice_a3d92b { /* store price */
background-color: rgb(var(--accentcolor_v));
}
.premiumCircle_bce940 { /* store premiumcircle */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .staffIcon__75ed2 { /* store stafficon */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .nitroIcon__90a15 { /* store nitroicon */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.confirmPremiumIcon_ac48e0, /* store confirmpremiumicon */
.gameIcon__90c32[style*="/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg"] {
background-color: rgb(255, 255, 255) !important;
background-image: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/nitrobadge_details.svg), linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5)) !important;
}
.pageWrapper__3bbe1 { /* store pagewrapper */
background: #fff linear-gradient(114deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.6));
}
.tier0__2e127 {
background: rgb(100, 100, 100) linear-gradient(195deg, rgba(var(--accentcolor_v), 0.9), rgba(var(--accentcolor_v), 0.5));
}
.tier0__2e127.withTier0Rim_fb8112:before {
background: rgb(100, 100, 100) linear-gradient(195deg, rgba(var(--accentcolor_v), 0.9), rgba(var(--accentcolor_v), 0.5));
}
.tier2__1364f {
background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tier2__1364f.withTier2Rim_c22b42:before {
background: rgb(255, 255, 255) linear-gradient(195deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
#app-mount .tier2__1364f .lookInverted_ee4261.colorBrand_b2253e {
color: rgb(var(--accentcolor2_v));
}
.mostPopularPill__8c0b3,
.mostPopularPill__0aaba {
background: rgb(255, 255, 255) linear-gradient(135deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tier2ColumnOuter__0b5e2 {
border-color: rgb(var(--accentcolor2_v));
}
/* ~~~~ 6. LIBRARY ~~~~ */
.foreground__26bd6 { /* installationpath fill */
stroke: rgb(var(--accentcolor_v));
}
/* ~~~~ 7. DISCOVERY ~~~~ */
.searchBox_a63854:focus, /* searchbox focus */
.searchBox_a63854:focus-within,
.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus,
.searchPage__9ceaf .search_e47903 .searchBox__88a98:focus-within {
border-color: rgb(var(--accentcolor_v));
}
.search_e47903 .searchBox__88a98:focus,
.search_e47903 .searchBox__88a98:focus-within {
box-shadow: 0 0 0 1px rgb(var(--accentcolor_v)), 0 0 0 2px rgba(var(--accentcolor_v), 0.6), 0 0 0 3px rgba(var(--accentcolor_v), 0.3);
}
#app-mount .activeButton__7a550, /* pagination button */
#app-mount .activeButton__7a550:hover {
background-color: rgb(var(--accentcolor_v));
}
.categoryItem_b1be5c.selectedCategoryItem__0bf4c .itemInner__9e755 { /* categorylist selected item */
background-color: rgb(var(--accentcolor_v));
}
.categoryPill_c95cea.selected__24846 { /* categorylist search categorypill */
background-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 8. USERSETTINGS ~~~~ */
.item__48dda .premiumLabel_f2cd55 svg[fill] {
fill: rgb(var(--accentcolor2_v));
}
.dot__99c90 { /* settingsitems dot */
background-color: rgb(var(--accentcolor_v));
}
.cardBrand_c25152 { /* settingsitems card */
background-color: rgb(var(--accentcolor_v));
}
.cardBrand_c25152 {
border-color: rgb(var(--accentcolor_v));
}
.background_b61fcc .lookLink__93965.colorLink_b651e5 {
color: rgb(var(--accentcolor_v));
}
.background_b61fcc .lookLink__93965.colorLink_b651e5:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
.contentCircle_bc797d { /* accountsettings avatar upload */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .questionMark__8d22a { /* accountsettings questionmark */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .questionMark__8d22a:hover {
background: var(--accentcolor-hover);
}
.premiumFeatureBorder__9bbb3 { /* profilesettings premium border */
border-color: rgb(var(--accentcolor_v));
}
#app-mount .tier1ProfilePerk__81c23 { /* nitropage tier 1 profile icon */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
#app-mount .tier1BoostPerk__07872 { /* nitropage tier 1 boost icon */
color: rgb(var(--accentcolor2_v));
}
#app-mount .tier1UploadPerk__01029 { /* nitropage tier 1 upload icon */
color: rgb(var(--accentcolor_v));
}
.marketingLogoImage__4820c { /* boostsettings boost header */
position: relative;
}
.fullArt_c24fa5,
.marketingLogoImage__4820c {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_bg.svg) center/cover no-repeat;
}
.fullArt_c24fa5::before,
.fullArt_c24fa5::after,
.marketingLogoImage__4820c::before,
.marketingLogoImage__4820c::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.fullArt_c24fa5::before,
.marketingLogoImage__4820c::before {
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent.svg) center/cover no-repeat;
}
.fullArt_c24fa5::after,
.marketingLogoImage__4820c::after {
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostheader_accent2.svg) center/cover no-repeat;
}
.tierUnlocked__01133 { /* boostsettings tierunlocked */
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
.tierIcon__2ac8f:not(.tierIconLocked_c2f292) { /* boostsettings tiericon */
color: rgb(var(--accentcolor2_v));
}
.iconWrapper_e69235 { /* boostsettings uploadicon */
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
#app-mount .tierAccomplished__77998,
#app-mount .tierCurrent_fc87b4 {
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), 0.5));
}
#app-mount .tierCloseHint_ec80c8 { /* boostsettings tierclosehint */
background-color: rgb(var(--accentcolor_v));
}
#app-mount .tierCloseHint_ec80c8::before {
border-right-color: rgb(var(--accentcolor_v));
}
#app-mount .tierHeaderUnlockedBackground__57afa { /* boostsettings tierheaderunlockedbg */
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
#app-mount .foreground__44f58 { /* boostsettings icon foreground */
color: rgb(var(--accentcolor2_v));
}
.emojiIcon__5cf57 { /* boostsettings perkicon emoji */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
.uploadSizeIcon__0af61 { /* boostsettings perkicon upload */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
.profileBadgeIcon__1ef75 { /* boostsettings perkicon badge */
position: relative;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_bg.svg) center/contain no-repeat;
}
.profileBadgeIcon__1ef75::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_boostbadge_accent2.svg) center/contain no-repeat;
}
.guildBoostingIcon__86479 { /* boostsettings guild boost icon */
color: rgb(var(--accentcolor2_v));
}
.gemWithLabel_a554ca { /* boostsettings progress label */
color: rgb(var(--accentcolor2_v));
}
.gemIndicatorProgressCircle__671cc { /* boostsettings progress circle */
color: rgb(var(--accentcolor2_v));
}
.guildSubscriberCountIcon__6d3f4 { /* boostsettings sub count */
color: rgb(var(--accentcolor2_v));
}
.guildSubscriptionSlotIcon__17a0a { /* boostsettings slot icon */
color: rgb(var(--accentcolor2_v));
}
.backgroundOptionRing__1f209 { /* voicesettings selection ring */
border-color: rgb(var(--accentcolor_v));
}
.icon__596c8[src="/assets/ea67b1321e3d4154e476.png"] { /* voicesettings krisp */
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
background-color: rgb(var(--accentcolor_v));
object-position: -999999px -999999px;
}
.icon_f28e38 { /* hypesettings perk icon */
position: relative;
}
.icon_f28e38::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/cover no-repeat;
}
.perkNewsletter_c626ee {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_bg.svg) center/cover no-repeat;
}
.perkNewsletter_c626ee::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk1_accent.svg) center/cover no-repeat;
}
.perkBadge__06d81 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_bg.svg) center/cover no-repeat;
}
.perkBadge__06d81::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk2_accent.svg) center/cover no-repeat;
}
.perkChallenges__31d66 {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_bg.svg) center/cover no-repeat;
}
.perkChallenges__31d66::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/usersettings_hypeperk3_accent.svg) center/cover no-repeat;
}
.wrapper__4beb8 { /* overlaysettings positionsettings wrapper */
border-color: rgb(var(--accentcolor_v));
}
.option_a0c054:hover { /* overlaysettings positionoption */
background-color: rgb(var(--accentcolor_v));
}
.selected_ea51d6.option_a0c054 {
background-color: rgb(var(--accentcolor_v));
border-color: rgb(var(--accentcolor_v));
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] { /* streamermodesettings headerimage */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_bg.svg) center/contain no-repeat;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + * {
position: relative;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before,
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after {
content: "";
position: absolute;
top: 0;
right: -204px;
width: 184px;
height: 110px;
pointer-events: none;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::before {
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_accent.svg) center/contain no-repeat;
}
.noticeIcon__3ffa8[src="/assets/8bc13200408a99819215.svg"] + *::after {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_streamermode_details.svg) center/contain no-repeat;
}
/* ~~~~ 9. GUILDSETTINGS ~~~~ */
.avatarUploaderInnerSquare__72e9d { /* mainsettings uploadbanner */
background-image: linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor2_v)));
}
.unlockedIcon__9ab97 { /* mainsettings uploadbanner enabled */
color: rgb(var(--accentcolor2_v));
}
.banner__98955 { /* rolesettings intro banner */
border-radius: 5px;
}
.bannerClubs__9368e {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_details.svg) center/cover no-repeat;
}
.bannerClubs__9368e .avatarName__6d8c7 {
display: flex;
font-size: 0;
}
.bannerClubs__9368e .avatarName__6d8c7::before {
content: "Susie#0000";
font-size: 16px;
}
.bannerGaming__893b2 {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_details.svg) center/cover no-repeat;
}
.bannerHobbies__4fe8d {
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_details.svg) center/cover no-repeat;
}
.infoItem__190eb[src="/assets/14ec46803da2a8bdcb2c.svg"] { /* widgetsettings widget placeholder image */
object-position: -999999px -999999px;
border-radius: 5px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_widget_details.svg) center/contain no-repeat, linear-gradient(rgb(var(--accentcolor_v)) 20%, rgba(0,0,0,.3) 20%, rgba(0,0,0,.3));
flex: unset !important;
}
@-webkit-keyframes pulseBorder_ce34fb { /* intergrationsettings new webhook */
0% {border-color: transparent;}
50% {border-color: rgb(var(--accentcolor_v));}
to {border-color: transparent;}
}
@keyframes pulseBorder_ce34fb {
0% {border-color: transparent;}
50% {border-color: rgb(var(--accentcolor_v));}
to {border-color: transparent;}
}
.placeholderImage__45cc2 { /* discoverysettings insight */
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_bg.svg) center/cover no-repeat;
}
.placeholderImage__45cc2::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_insight_accent.svg) center/cover no-repeat;
}
.defaultIcon_cf867f { /* discoverysettings default guildicon */
background-color: rgb(var(--accentcolor_v));
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] { /* discoverysettings requirements icon */
object-position: -999999999px -999999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_bg.svg) center/cover no-repeat;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
position: relative;
height: 60px;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + * {
position: relative;
height: 60px;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + h2 {
display: flex;
align-items: center;
white-space: pre-wrap;
}
.headerIcon_eec0c0[src="/assets/860c39d4003b98a5ee9d.svg"] + *::after {
content: "";
position: absolute;
left: -56px;
bottom: 10px;
width: 40px;
height: 40px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_requirements_accent.svg) center/cover no-repeat;
}
.featureIcon__48a2c [fill*="hsl(235, "] { /* communitysettings intro featureicon */
fill: rgb(var(--accentcolor_v));
}
.educationUpsellRoot_a01074 .wumpus__659e8, /* communitysettings rules wumpus */
.exampleWumpus__9db42 .wumpus__051ea { /* communitysettings welcome wumpus */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpus_bg.svg) center/cover no-repeat;
}
.educationUpsellRoot_a01074:has(.wumpus__659e8)::after,
.exampleWumpus__9db42::after {
content: "";
position: absolute;
width: 82px;
height: 72px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_wumpus_accent.svg) center/cover no-repeat;
}
/* ~~~~ 10. MODALS ~~~~ */
/* ---- 10.1. USERMODAL ---- */
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/5e74e9b61934fc1f67c65515d1f7e60d.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/staffbadge_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/3f9748e53446a137a052f3454e2de41e.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/partnerbadge_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/6df5892e0f35b051f8b61eace34f4967.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/developerbadge_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/51040c70d4f20a921ad6674ff86fc95c.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl1_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/0e4080d1d333bc7ad29ef6528b6f2fb7.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl2_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/72bed924410c304dbe3d00a6e593ff59.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl3_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/df199d2050d3ed4ebf84d64ae83989f8.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl4_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/996b3e870e8a22ce519b3a50e6bdd52f.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl5_colors.svg) center/cover no-repeat;
}
.iconImage_e0a480[src="/assets/aeb0884e649be1418151.svg"],
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/991c9f39ee33d7537d9f408c3e53141e.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl6_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/cb3ae83c15e970e8f3d410bc62cb8b99.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl7_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/7142225d31238f6387d9f09efaa02759.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl8_colors.svg) center/cover no-repeat;
}
.profileBadge__1d2d3[src="https://cdn.discordapp.com/badge-icons/ec92202290b48d0879b7413d2dde3bab.png"] {
object-position: -999999px -999999px;
background: rgb(var(--accentcolor2_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_details.svg) center/cover no-repeat;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/boostbadge_lvl9_colors.svg) center/cover no-repeat;
}
.guildAvatarWithoutIcon__606ec { /* modal shared servers no icon */
background-color: rgb(var(--accentcolor_v));
}
/* ---- 10.2. GUILDADD/CREATION ---- */
.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] { /* create guild create own icon */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildcreate_createown_accent.svg) center/contain no-repeat;
}
.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] + * {
position: relative;
display: flex;
align-items: center;
overflow: visible;
}
.icon__6a8ca[src="/assets/4d526e1c61d719fd39a0.svg"] + *::after {
content: "";
position: absolute;
left: -56px;
width: 48px;
height: 48px;
pointer-events: none;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildcreate_createown_bg.svg) center/contain no-repeat;
}
.uploadIcon__6efce [fill="#5865f2" i],
.uploadIcon__6efce [fill="#7289da" i] { /* create guild upload icon */
fill: rgb(var(--accentcolor_v));
}
/* ---- 10.3. REGIONSELECTMODAL ---- */
.regionSelectFlag_a0e812 { /* modal regionselect flag */
background-color: rgb(var(--accentcolor_v));
}
.check_a4721d {
-webkit-mask: url(https://discord.com/assets/336a8bdedb983df7fdbf.svg);
background: rgb(var(--accentcolor_v));
}
/* ---- 10.4. UPLOADMODAL ---- */
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .bgScale_f3a2be { /* modal background */
background-color: rgb(var(--accentcolor_v));
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .icon__25b13.two_df01fc {
filter: drop-shadow(0 0 48px rgba(var(--accentcolor_v),.5));
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36.error_d2567f .inner__7afe9 .icon__25b13.two_df01fc {
filter: drop-shadow(0 0 48px rgba(216,60,63,.5));
}
.attachment_f3cf2c {
position: relative;
}
.attachment_f3cf2c .icon__30aa7,
.uploadContainer__5a7da .icon_c2f643,
.audioMetadata_e546a8::before,
.uploadModal_eae2a0 .icon__25b13:not(img),
.icon__25b13:not(img) {
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_bg.svg) center/contain no-repeat !important;
}
.uploadContainer__5a7da .icon_c2f643 {
background-size: 72px 96px !important;
}
.uploadModal_eae2a0 .icon__25b13:not(img),
.icon__25b13:not(img) {
background-size: 72px 96px !important;
}
.attachment_f3cf2c .icon__30aa7 + *::before,
.attachment_f3cf2c .icon__30aa7 + *::after,
.uploadContainer__5a7da .icon_c2f643::before,
.uploadContainer__5a7da .icon_c2f643::after,
.audioMetadata_e546a8 > *:first-child::before,
.audioMetadata_e546a8 > *:first-child::after,
.uploadModal_eae2a0 .icon__25b13:not(img)::before,
.uploadModal_eae2a0 .icon__25b13:not(img)::after,
.icon__25b13:not(img)::before,
.icon__25b13:not(img)::after {
content: "";
position: absolute;
pointer-events: none;
background: rgb(var(--accentcolor_v));
}
.audioMetadata_e546a8::before {
flex: 0 0 auto !important;
background-position: top center !important;
}
.attachment_f3cf2c .icon__30aa7 + *::before,
.attachment_f3cf2c .icon__30aa7 + *::after {
top: 10px;
left: 10px;
width: 30px;
height: 40px;
}
.attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::before,
.attachment_f3cf2c.newMosaicStyle__235c9 .icon__30aa7 + *::after {
top: 16px;
left: 16px;
}
.wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::before,
.wrapperAudio__555ce .audioMetadata_e546a8 > *:first-child::after {
top: 10px;
left: 10px;
width: 24px;
height: 32px;
}
.wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::before,
.wrapperAudio__555ce.newMosaicStyle_fb18b9 .audioMetadata_e546a8 > *:first-child::after {
top: 16px;
left: 16px;
}
.uploadContainer__5a7da .icon_c2f643::before,
.uploadContainer__5a7da .icon_c2f643::after {
width: 108px;
height: 144px;
margin-left: 46px;
-webkit-mask-size: 72px 96px !important;
}
.uploadModal_eae2a0 .icon__25b13:not(img)::before,
.uploadModal_eae2a0 .icon__25b13:not(img)::after,
.icon__25b13:not(img)::before,
.icon__25b13:not(img)::after {
top: 0;
left: 0;
width: 100px;
height: 130px;
-webkit-mask-size: 72px 96px !important;
}
.uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::before,
.uploadModalIn_c0ca4b .error_d2567f .icon__25b13:not(img)::after {
background: #d83c3f;
}
.attachment_f3cf2c .icon__30aa7 + *::before,
.uploadContainer__5a7da .icon_c2f643::before,
.audioMetadata_e546a8 > *:first-child::before,
.uploadModal_eae2a0 .icon__25b13:not(img)::before,
.icon__25b13:not(img)::before {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_details.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7 + *::after,
.uploadContainer__5a7da .icon_c2f643.unknown_f537da::after,
.uploadModal_eae2a0 .icon__25b13.unknown__050f0::after,
.uploadModal_eae2a0 .icon__25b13:not(img)::after,
.icon__25b13:not(img)::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/empty.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="acrobat"] + *::after,
.uploadContainer__5a7da .icon_c2f643.acrobat_fec748::after,
.uploadModal_eae2a0 .icon__25b13.acrobat__3923e::after,
.icon__25b13.acrobat__3923e::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_acrobat_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="ae"] + *::after,
.uploadContainer__5a7da .icon_c2f643.ae__6000b::after,
.uploadModal_eae2a0 .icon__25b13.ae__1760d::after,
.icon__25b13.ae__1760d::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ae_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="ai"] + *::after,
.uploadContainer__5a7da .icon_c2f643.ai_ccaee8::after,
.uploadModal_eae2a0 .icon__25b13.ai_e6b437::after,
.icon__25b13.ai_e6b437::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_ai_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="archive"] + *::after,
.uploadContainer__5a7da .icon_c2f643.archive__2249d::after,
.uploadModal_eae2a0 .icon__25b13.archive__97ef8::after,
.icon__25b13.archive__97ef8::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_archive_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="audio"] + *::after,
.uploadContainer__5a7da .icon_c2f643.audio__4fc0c::after,
.audioMetadata_e546a8 > *:first-child::after,
.uploadModal_eae2a0 .icon__25b13.audio__60947::after,
.icon__25b13.audio__60947::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_audio_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="code"] + *::after,
.uploadContainer__5a7da .icon_c2f643.code_d3dfc7::after,
.uploadModal_eae2a0 .icon__25b13.code_c12073::after,
.icon__25b13.code_c12073::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_code_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="document"] + *::after,
.uploadContainer__5a7da .icon_c2f643.document__49623::after,
.uploadModal_eae2a0 .icon__25b13.document_ed6edd::after,
.icon__25b13.document_ed6edd::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_document_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="image"] + *::after,
.uploadModal_eae2a0 .icon__25b13.image__00ac0::after,
.icon__25b13.image__00ac0::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_image_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="photoshop"] + *::after,
.attachment_f3cf2c .icon__30aa7[title="ps"] + *::after,
.uploadContainer__5a7da .icon_c2f643.photoshop__23769::after,
.uploadContainer__5a7da .icon_c2f643.ps_c2543e::after,
.uploadModal_eae2a0 .icon__25b13.photoshop_bb4b7d::after,
.uploadModal_eae2a0 .icon__25b13.ps__5148e::after,
.icon__25b13.photoshop_bb4b7d::after,
.icon__25b13.ps__5148e::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_photoshop_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="sketch"] + *::after,
.uploadContainer__5a7da .icon_c2f643.sketch__56bd2::after,
.uploadModal_eae2a0 .icon__25b13.sketch_ad9b56::after,
.icon__25b13.sketch_ad9b56::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_sketch_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="spreadsheet"] + *::after,
.uploadContainer__5a7da .icon_c2f643.spreadsheet__644f5::after,
.uploadModal_eae2a0 .icon__25b13.spreadsheet_d250da::after,
.icon__25b13.spreadsheet_d250da::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_spreadsheet_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="video"] + *::after,
.uploadContainer__5a7da .icon_c2f643.video_a02156::after,
.uploadModal_eae2a0 .icon__25b13.video__2df8a::after,
.icon__25b13.video__2df8a::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_video_accent.svg) center/contain no-repeat;
}
.attachment_f3cf2c .icon__30aa7[title="webcode"] + *::after,
.uploadContainer__5a7da .icon_c2f643.webcode_d3a040::after,
.uploadModal_eae2a0 .icon__25b13.webcode__46b50::after,
.icon__25b13.webcode__46b50::after {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/files_webcode_accent.svg) center/contain no-repeat;
}
.filenameLinkWrapper__56a0d,
a.fileNameLink__995d3,
a.metadataName__2ae3a,
a.metadataDownload__6b32d {
color: rgb(var(--accentcolor_v));
}
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
.ddrArrows__352f9 .arrow__42cbf, /* modal arrows */
.ddrArrows__352f9 .arrow__42cbf::after {
height: 50px;
width: 50px;
}
.ddrArrows__352f9 .arrow__42cbf.active__6598a {
filter: brightness(130%);
}
.ddrArrows__352f9 .arrow__42cbf {
position: relative;
animation: none !important;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/keybinds_arrows_bg.svg) center/contain no-repeat !important;
}
.ddrArrows__352f9 .arrow__42cbf::after {
content: "";
position: absolute;
top: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/keybinds_arrows_accent.svg) center/contain no-repeat;
}
.ddrArrows__352f9 .arrow__42cbf.down__005e9 {
transform: rotate(270deg);
}
.ddrArrows__352f9 .arrow__42cbf.up__2d324 {
transform: rotate(90deg);
}
.ddrArrows__352f9 .arrow__42cbf.right__676d8 {
transform: rotate(180deg);
}
/* ---- 10.6. LOGINSCREEN ---- */
.authBox__7196a .lookLink__93965.colorLink_b651e5 { /* authobox links */
color: rgb(var(--accentcolor_v));
}
.authBox__7196a .lookLink__93965.colorLink_b651e5:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
.modal__1237a img[src="/assets/863db41a48a43395cd55.svg"] {
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_check_bg.svg) center/cover no-repeat;
}
.modal__1237a div:has(> img[src="/assets/863db41a48a43395cd55.svg"]) {
position: relative;
display: flex;
justify-content: center;
}
.modal__1237a div:has(> img[src="/assets/863db41a48a43395cd55.svg"])::before {
content: "";
position: absolute;
top: 0;
width: 88px;
height: 85px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/login_check_accent.svg) center/cover no-repeat;
}
.startOverButton_b3ba6f { /* authobox startover */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.7. DOWNLOADAPPMODAL ---- */
.downloadApps__30ed7 .footer__49ae9 a {
color: rgb(var(--accentcolor_v));
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa {
border-color: rgb(var(--accentcolor_v));
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa p {
color: rgb(var(--accentcolor_v));
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa {
background: rgb(var(--accentcolor_v));
-webkit-mask-size: cover;
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.apple__3e4d0 {
-webkit-mask: url(https://ptb.discord.com/assets/dcb57f386a6bf90a27c9.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.windows_ecdadf {
-webkit-mask: url(https://ptb.discord.com/assets/ecc4859664616ed5ad9a.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.linux__79060 {
-webkit-mask: url(https://ptb.discord.com/assets/a2c736476ce092c94a5b.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.ios_faff1f {
-webkit-mask: url(https://ptb.discord.com/assets/838d4bac7b80d28fd676.svg);
}
.downloadApps__30ed7 .platforms__86929 .icon__1309b.active__8f9aa.android__420be {
-webkit-mask: url(https://ptb.discord.com/assets/c6385e608fcdaec54ef4.svg);
}
.browserItem__0ec4b:hover {
border-color: rgb(var(--accentcolor_v));
}
.browserItem__0ec4b:hover .btn__12c9a {
background-color: rgb(var(--accentcolor_v));
border-color: rgb(var(--accentcolor_v));
}
/* ---- 10.8. GUILDBOOSTMODAL ---- */
#app-mount .upload__5192e { /* modal perkicon upload */
color: rgb(var(--accentcolor2_v));
}
#app-mount .animated__08b2b { /* modal perkicon animated */
color: rgb(var(--accentcolor_v));
filter: brightness(75%);
}
#app-mount .stream_cfeace { /* modal perkicon stream */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
.wrapper_a24459 { /* modal boostaddwrapper */
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor2_v), 0.5));
}
.wrapper_a24459::before, /* modal boostangel */
.wrapper_a24459::after {
content: "";
position: absolute;
top: -44px;
right: -82px;
width: 168px;
height: 88px;
pointer-events: none;
}
.wrapper_a24459::before {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_bg.svg) center/cover no-repeat;
}
.wrapper_a24459::after {
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/guildsettings_boostangel_accent2.svg) center/cover no-repeat;
}
#app-mount .wrapper_a24459 .lookInverted_ee4261.colorBrand_b2253e {
color: rgb(var(--accentcolor_v)) !important;
}
.perkIconGuild_d76388 { /* prebuy popout perkicon guild */
color: rgb(var(--accentcolor2_v));
}
.perkIconChatPerks__57cad { /* prebuy popout perkicon chat */
color: rgb(var(--accentcolor_v));
filter: brightness(120%);
}
.perkIconStream__2724a { /* prebuy popout perkicon stream */
color: rgb(var(--accentcolor_v));
filter: brightness(150%);
}
/* ---- 10.9. ADDGUILDBOOSTMODAL ---- */
#app-mount .confirmImage_b2a2da { /* add boost modal add confirm */
position: relative;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/addboost_header_bg.svg) center/contain no-repeat;
}
.confirmImage_b2a2da::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/addboost_header_accent.svg) center/contain no-repeat;
}
#app-mount .transferConfirmImage__7046e { /* add boost modal transfer confirm */
position: relative;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_bg.svg) center/contain no-repeat;
}
.transferConfirmImage__7046e::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor2_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/transferboost_header_accent2.svg) center/contain no-repeat;
}
/* ---- 10.10. STREAMSETTINGSMODAL ---- */
.badgeUpgrade__7e259 { /* modal badgeupgrade */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.11. DISPATCHERRORMODAL ---- */
.theme-light .closeLink_fc928e { /* modal closelink */
color: rgb(var(--accentcolor_v));
}
/* ---- 10.12. CHANGELOGMODAL ---- */
#app-mount .improved_df526b { /* modal improved category */
color: rgb(var(--accentcolor_v));
}
#app-mount .improved_df526b::after {
background-color: rgb(var(--accentcolor_v));
}
.premiumBanner_d2ce99 {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
/* ---- 10.13. SCREENSHAREMODAL ---- */
#app-mount .art_d9e8a6 { /* settings modal */
position: relative;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_bg.svg) center/contain no-repeat;
}
.art_d9e8a6::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/screenshare_header_accent.svg) center/contain no-repeat;
}
#app-mount .art_ee3368[src="/assets/a7331a4d7e1bd4a9b4b2.png"] + * { /* unlock modal */
position: static;
}
#app-mount .art_ee3368[src="/assets/a7331a4d7e1bd4a9b4b2.png"] + *::after {
content: "";
position: absolute;
top: 0;
border: 0px solid rgb(var(--accentcolor_v));
border-width: 29px 26px;
border-radius: 7px;
width: 225px;
height: 149px;
margin: -24px -112.5px 8px;
box-sizing: border-box;
}
.tile__46960:hover .sourceThumbnail__21c87 {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v));
}
.sourceThumbnail__21c87.selected__26467 {
box-shadow: inset 0 0 0 2px rgb(var(--accentcolor_v));
}
.selectorButton_c6ae93:not(.selectorButtonPremiumRequired_ce72d6):hover {
background-color: rgb(var(--accentcolor_v));
}
.selectorButtonSelected_fbe8fc {
background-color: rgb(var(--accentcolor_v));
}
/* ---- 10.14. PHONEVERIFICATIONMODAL ---- */
.phoneVerificationModal__68f4b path[fill="rgb(118,134,177)"] {
fill: rgb(var(--accentcolor_v));
}
/* ---- 10.15. CUSTOMSTATUSMODAL ---- */
.art_b2132c {
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_bg.svg) center/contain no-repeat;
}
.art_b2132c::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/customstatus_header_accent.svg) center/contain no-repeat;
}
/* ---- 10.16. NICKNAMEMODAL ---- */
.reset__51b37.lookLink__93965.colorLink_b651e5 {
color: rgb(var(--accentcolor_v));
}
.reset__51b37.lookLink__93965.colorLink_b651e5:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 11. POPOUTS ~~~~ */
.selectedBrand__37ae4 { /* popout combobox selected brand */
background-color: rgb(var(--accentcolor_v));
}
.selectedBrand__37ae4.focused__2b1b2,
.selectedBrand__37ae4:hover:not(.disabled__1c6ff) {
background: var(--accentcolor-hover);
}
/* ---- 11.1. CONTEXTMENU ---- */
.colorBrand__471df:not(.focused__27621):not(:active) { /* contextmenu brand */
color: rgb(var(--accentcolor_v));
}
.menu__5cf7f .menuItemFocused__1490f,
.colorBrand__471df.focused__27621,
.colorBrand__471df:active:not(.hideInteraction__2790e),
.colorDefault__0b482.focused__27621,
.colorDefault__0b482:active:not(.hideInteraction__2790e) {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand__471df:not(.focused__27621):not(:active) .radioSelection__5ed39,
.colorDefault__0b482:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: rgb(var(--accentcolor_v));
}
.colorBrand__471df:not(.focused__27621):not(:active) .checkbox__45366,
.colorDefault__0b482:not(.focused__27621):not(:active) .checkbox__45366 {
color: rgb(var(--accentcolor_v));
}
.colorBrand__471df.focused__27621 .check__8d1bd,
.colorDefault__0b482.focused__27621 .check__8d1bd {
color: rgb(var(--accentcolor_v));
}
.colorPremium__548bd:not(.focused__27621):not(:active) { /* contextmenu premium */
color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd.focused__27621,
.colorPremium__548bd:active:not(.hideInteraction__2790e) {
background-color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd:not(.focused__27621):not(:active) .checkbox__45366 {
color: rgb(var(--accentcolor2_v));
}
.colorPremium__548bd.focused__27621 .check__8d1bd {
color: rgb(var(--accentcolor2_v));
}
.colorPremiumGradient__45b85:not(.focused__27621):not(:active) {
background-image: linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor_v)));
color: transparent;
-webkit-background-clip: text;
}
.colorPremiumGradient__45b85.focused__27621,
.colorPremiumGradient__45b85:active:not(.hideInteraction__2790e) {
background: linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgb(var(--accentcolor_v)));
}
.colorPremiumGradient__45b85:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: rgb(var(--accentcolor_v));
}
.colorPremiumGradient__45b85not(.focused__27621):not(:active) .checkbox__45366 {
color: rgb(var(--accentcolor_v));
}
.colorPremiumGradient__45b85.focused__27621 .check__8d1bd {
color: rgb(var(--accentcolor_v));
}
.colorDanger_eec36d:not(.focused__27621):not(:active) { /* contextmenu danger */
color: var(--status-danger);
}
.colorDanger_eec36d.focused__27621,
.colorDanger_eec36d:active:not(.hideInteraction__2790e) {
background-color: var(--status-danger);
}
.colorDanger_eec36d:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: var(--status-danger);
}
.colorDanger_eec36d:not(.focused__27621):not(:active) .checkbox__45366 {
color: var(--status-danger);
}
.colorDanger_eec36d.focused__27621 .check__8d1bd {
color: var(--status-danger);
}
.colorSuccess__6b952:not(.focused__27621):not(:active) { /* contextmenu success */
color: var(--status-success);
}
.colorSuccess__6b952.focused__27621,
.colorSuccess__6b952:active:not(.hideInteraction__2790e) {
background-color: var(--status-success);
}
.colorSuccess__6b952:not(.focused__27621):not(:active) .radioSelection__5ed39 {
color: var(--status-success);
}
.colorSuccess__6b952:not(.focused__27621):not(:active) .checkbox__45366 {
color: var(--status-success);
}
.colorSuccess__6b952.focused__27621 .check__8d1bd {
color: var(--status-success);
}
.colorDefault__0b482[id="account-status-picker--online"].focused__27621,
.colorDefault__0b482[id="account-status-picker--online"]:active:not(.hideInteraction__2790e) {
background-color: rgb(59,165,92);
}
.colorDefault__0b482[id="account-status-picker--idle"].focused__27621,
.colorDefault__0b482[id="account-status-picker--idle"]:active:not(.hideInteraction__2790e) {
background-color: rgb(250,166,26);
}
.colorDefault__0b482[id="account-status-picker--dnd"].focused__27621,
.colorDefault__0b482[id="account-status-picker--dnd"]:active:not(.hideInteraction__2790e) {
background-color: rgb(237,66,69);
}
.colorDefault__0b482[id="account-status-picker--invisible"].focused__27621,
.colorDefault__0b482[id="account-status-picker--invisible"]:active:not(.hideInteraction__2790e) {
background-color: rgb(116,127,141);
}
.colorDefault__0b482.focused__27621 .status__1c26d,
.colorDefault__0b482:active .status__1c26d {
background-color: #fff !important;
}
#status-picker-custom-status .statusItem__3440f {
grid-template-rows: minmax(24px, auto) 1fr;
}
.icon_f09dde { /* contextmenu icon */
color: currentColor !important;
}
.activeIcon_e452f7 path[fill*="hsl(234, "],
.activeIcon_e452f7 path[fill*="hsl(235, "] {
fill: rgb(var(--accentcolor_v));
}
/* ---- 11.2. USERPOPOUT ---- */
.banner__6d414[style*="background-color: rgb(92, 100, 244)"],
.banner__6d414[style*="background-color: hsl(227, "],
.banner__6d414[style*="background-color: hsl(235, "],
.banner__6d414[style*="background-color: hsl(237, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 11.3. SEARCHPOPOUT ---- */
/* datepicker day hover */
#app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--selected:hover,
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):hover {
background-color: rgb(var(--accentcolor_v));
}
/* datepicker day selectd */
#app-mount .calendarPicker__5c474 .react-datepicker__day.react-datepicker__day--selected::after {
background-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 12. GENERAL ~~~~ */
::selection {
background: rgb(var(--accentcolor_v));
color: #fff;
}
.trophyIconContainer_e593e7 [fill="#3498DB"] {
fill: rgb(var(--accentcolor_v));
}
/* ---- 12.1. TEXT ---- */
.colorBrand__471df {
color: rgb(var(--accentcolor_v));
}
/* ---- 12.2. BUTTONS ---- */
#app-mount .lookInverted_ee4261.colorBrand_b2253e .spinnerItem_c07231,
#app-mount .lookOutlined__46d54.colorBrand_b2253e .spinnerItem_c07231,
#app-mount .lookLink__93965.colorBrand_b2253e .spinnerItem_c07231,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a .spinnerItem_c07231,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a .spinnerItem_c07231,
#app-mount .lookLink__93965.colorBrandNew_fd170a .spinnerItem_c07231 {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .btn__51085.btnPrimary_e2a8df:hover:not(:disabled),
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):hover,
#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover,
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):hover,
#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover {
background: var(--accentcolor-hover);
}
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):active,
#app-mount .lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:active,
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):active,
#app-mount .lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:active {
background: var(--accentcolor-active);
}
#app-mount .btn__51085.btnPrimary_e2a8df,
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73),
#app-mount .lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):disabled,
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73),
#app-mount .lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):disabled {
background: rgb(var(--accentcolor_v));
}
#app-mount .lookInverted_ee4261.colorBrand_b2253e:hover,
#app-mount .lookInverted_ee4261.hoverBrand__98583.hasHover__3ab8c:hover,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a:hover,
#app-mount .lookInverted_ee4261.hoverBrandNew_be3663.hasHover__3ab8c:hover {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
#app-mount .lookInverted_ee4261.colorBrand_b2253e:active,
#app-mount .lookInverted_ee4261.hoverBrand__98583.hasHover__3ab8c:active,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a:active,
#app-mount .lookInverted_ee4261.hoverBrandNew_be3663.hasHover__3ab8c:active {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
#app-mount .lookInverted_ee4261.colorBrand_b2253e,
#app-mount .lookInverted_ee4261.colorBrand_b2253e:disabled,
#app-mount .lookInverted_ee4261.colorBrandNew_fd170a,
#app-mount .lookInverted_ee4261.colorBrand_b2253e:disabled {
color: rgb(var(--accentcolor_v));
}
#app-mount .lookOutlined__46d54.colorBrand_b2253e:hover,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a:hover,
#app-mount .lookOutlined__46d54.hoverBrand__98583.hasHover__3ab8c:hover,
#app-mount .lookOutlined__46d54.hoverBrandNew_be3663.hasHover__3ab8c:hover {
border-color: rgba(var(--accentcolor_v), 0.6);
}
#app-mount .lookOutlined__46d54.colorBrand_b2253e:active,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a:active,
#app-mount .lookOutlined__46d54.hoverBrand__98583.hasHover__3ab8c:active,
#app-mount .lookOutlined__46d54.hoverBrandNew_be3663.hasHover__3ab8c:active {
background-color: rgba(var(--accentcolor_v), 0.1);
border-color: rgb(var(--accentcolor_v));
}
#app-mount .lookOutlined__46d54.colorBrand_b2253e,
#app-mount .lookOutlined__46d54.colorBrand_b2253e:disabled,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a,
#app-mount .lookOutlined__46d54.colorBrandNew_fd170a:disabled {
border-color: rgba(var(--accentcolor_v), 0.1);
color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink__93965.colorBrand_b2253e,
#app-mount .lookLink__93965.colorBrandNew_fd170a {
color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink__93965.hoverBrand__98583.hasHover__3ab8c:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverBrandNew_be3663.hasHover__3ab8c:hover .contents_fb6220 {
--button--underline-color: rgb(var(--accentcolor_v));
}
#app-mount .lookLink__93965.colorLink_b651e5 svg [fill*="hsl"] {
fill: currentColor !important;
}
#app-mount .borderBrand__2de54,
#app-mount .borderBrandNew__87b5a {
border-color: rgb(var(--accentcolor_v)) !important;
}
.guildBoostCtaBoostContent__06ba2 {
color: var(--guild-boosting-pink);
}
/* ---- 12.3. INPUTS ---- */
.input_d266e7:not(.error__18f19):not(.success_e04262):not(.focused_db7916):not(:focus):hover {
border-color: var(--deprecated-text-input-border-hover);
}
.input_d266e7:not(.error__18f19):not(.success_e04262).focused_db7916,
.input_d266e7:not(.error__18f19):not(.success_e04262):focus {
border-color: rgb(var(--accentcolor_v));
}
.focused_db7916 {
border-color: rgb(var(--accentcolor_v));
}
#app-mount .prefixInput__38dcc:not(.error_cb5ca3).focused__88fb8 {
border-color: rgb(var(--accentcolor_v));
}
.addFriendInputWrapper__4bf8e:focus-within {
border-color: rgb(var(--accentcolor_v));
}
.addFriendInputWrapper__4bf8e .input_d266e7 {
background-color: transparent !important;
border-color: transparent !important;
}
.checkbox_c7f690.checked__24ad6[style*="background-color: hsl(227, "],
.checkbox_c7f690.checked__24ad6[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.checkbox_c7f690.checked__24ad6[style*="border-color: hsl(227, "],
.checkbox_c7f690.checked__24ad6[style*="border-color: hsl(235, "] {
border-color: rgb(var(--accentcolor_v)) !important;
}
.checkbox_c7f690 path[fill*="hsl(227, "],
.checkbox_c7f690 path[fill*="hsl(235, "] {
fill: rgb(var(--accentcolor_v)) !important;
}
.container__871ba { /* switch unchecked */
background-color: rgb(114, 118, 125) !important;
transition: background-color .1s ease-out;
} /* switch checked */
.container__871ba.checked__6bdb0 {
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.container__871ba.checked__6bdb0:hover {
background: var(--accentcolor-hover) !important;
}
#app-mount .container__871ba:active {
background: var(--accentcolor-active) !important;
}
.container__871ba path[fill] {
fill: rgb(114, 118, 125) !important;
}
.container__871ba.checked__6bdb0 path[fill],
.container__871ba:active path[fill] {
fill: rgb(var(--accentcolor_v)) !important;
}
.barFill__30e17 { /* slider barfill */
background: rgb(var(--accentcolor_v));
}
.mediaBarGrabber_c64ff9, /* progessbar grabber */
.mediaBarProgress__29db2, /* progessbar barfill */
.mediaBarProgress__29db2::after,
.mediaBarProgress__29db2::before {
background-color: rgb(var(--accentcolor_v));
}
.mediaBarInteraction__0633c:hover .mediaBarGrabber_c64ff9,
.mediaBarInteractionDragging__0a2ee .mediaBarGrabber_c64ff9 {
background-color: rgb(var(--accentcolor_v));
filter: brightness(120%);
}
.theme-light .select__0eb48:focus, /* dropdown select nitro subscription */
.theme-light .lookFilled__3dba3.select__0eb48:focus,
.theme-dark .select__0eb48:focus,
.theme-dark .lookFilled__3dba3.select__0eb48:focus {
border-color: rgb(var(--accentcolor_v));
}
.theme-light .lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
.theme-light .lookFilled__3dba3.open_cd27aa,
.theme-dark .lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
.theme-dark .lookFilled__3dba3.open_cd27aa {
border-color: rgb(var(--accentcolor_v)) rgb(var(--accentcolor_v)) rgba(0, 0, 0, 0.3);
}
/* ---- 12.4. TAGS ---- */
.botTagRegular_c89c9a { /* bottag regular */
background-color: rgb(var(--accentcolor_v));
}
.botTagInvert_c85692 { /* bottag inverted */
color: rgb(var(--accentcolor_v));
}
.botTagOP_e48ddb { /* bottag op */
background: white linear-gradient(rgba(var(--accentcolor_v), .5), rgba(var(--accentcolor_v), .5));
color: rgb(var(--accentcolor_v));
}
#app-mount .newBadge__359f1 { /* bottag new forum post */
background: white linear-gradient(rgba(var(--accentcolor_v), .5), rgba(var(--accentcolor_v), .5)) !important;
color: rgb(var(--accentcolor_v)) !important;
}
#app-mount .tag_d31581 {
background: rgb(255, 255, 255) linear-gradient(45deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.verified__8167d { /* verifiedbadge */
color: rgb(var(--accentcolor_v));
}
.partnered__77913 { /* partneredbadge */
color: rgb(var(--accentcolor_v));
}
.partnered__77913 .flowerStar_a9981e {
filter: brightness(75%);
}
.base__92a12[style*="background-color: rgb(88, 101, 242)"],
.base__92a12[style*="background-color: rgb(87, 100, 242)"],
.base__92a12[style*="background-color: hsl(227, "],
.base__92a12[style*="background-color: hsl(235, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 12.5. IMAGES ---- */
.avatar__0d465 {
border-radius: 50%;
}
[style*="/assets/e4f93ded986b1edf0780.png"],
[src*="/assets/e4f93ded986b1edf0780.png"] { /* avatars clyde */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/clydeicon_details.svg) center/contain no-repeat !important;
}
[style*="https://cdn.discordapp.com/embed/avatars/0.png"],
[src*="https://cdn.discordapp.com/embed/avatars/0.png"],
[style*="/assets/5d6a5e9d7d77ac29116e.png"],
[src*="/assets/5d6a5e9d7d77ac29116e.png"] { /* avatars blue discord */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/discordavatar_details.svg) center/contain no-repeat !important;
}
[style*="/assets/33c4908a99fe0a73e9f0.svg"],
[src*="/assets/33c4908a99fe0a73e9f0.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_clubs_avatar.svg) center/contain no-repeat !important;
}
[style*="/assets/f1b802e72e04293e5734.svg"],
[src*="/assets/f1b802e72e04293e5734.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_gaming_avatar.svg) center/contain no-repeat !important;
}
[style*="/assets/cb34f73199ef5f4eb1b7.svg"],
[src*="/assets/cb34f73199ef5f4eb1b7.svg"] { /* avatars rolesettings intro avatar */
object-position: -999999px -999999px;
background: rgb(var(--accentcolor_v)) url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/rolebanner_hobbies_avatar.svg) center/contain no-repeat !important;
}
.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] { /* warnings locked channel message jump */
object-position: -999999px -999999px;
background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/warning_lockedchannellink_bg.svg) center/cover no-repeat;
}
.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + * {
position: relative;
display: flex;
justify-content: center;
}
.image__195cc[src="/assets/26421523fdfaf469e28e.svg"] + *::before {
content: "";
position: absolute;
top: -109px;
width: 120px;
height: 90px;
pointer-events: none;
background: rgb(var(--accentcolor_v));
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/blurple/warning_lockedchannellink_accent.svg) center/cover no-repeat;
}
#app-mount .successImage__086d3 {
filter: hue-rotate(-85deg);
}
/* ---- 12.6. SCROLLBARS ---- */
::-webkit-scrollbar-corner,
#app-mount ::-webkit-scrollbar-corner {
background-color: transparent;
}
/* ---- 12.7. NOTIFICATIONBAR ---- */
.colorPremiumTier1__43bcd {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.7));
}
.colorPremiumTier1__43bcd .button__57d93:hover {
color: rgb(var(--accentcolor_v));
}
.colorPremiumTier2_b5437b {
background: #ffcd4b linear-gradient(90deg, rgb(var(--accentcolor_v)), rgba(var(--accentcolor_v), 0.5));
}
.colorPremiumTier2_b5437b .button__57d93:hover {
color: rgb(var(--accentcolor_v));
}
.colorBrand__1d940 {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand__1d940 .button__57d93:hover {
color: rgb(var(--accentcolor_v));
}
.notice__99c03 { /* preview notice */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.5), rgba(var(--accentcolor_v), 0.5));
}
.button__671cf:hover { /* preview notice button */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.7), rgba(var(--accentcolor_v), 0.7));
}
.notice__0425f { /* role notice */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.5), rgba(var(--accentcolor_v), 0.5));
}
.button__587bd:hover { /* role notice button */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.7), rgba(var(--accentcolor_v), 0.7));
}
.notice_a687ab { /* rules notice */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.5), rgba(var(--accentcolor_v), 0.5));
}
.button_d41223:hover { /* rules notice button */
background: #000000 linear-gradient(90deg, rgba(var(--accentcolor_v), 0.7), rgba(var(--accentcolor_v), 0.7));
}
/* ---- 12.8. TOOLTIPS ---- */
#app-mount .tooltipBrand__13fbc {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .tooltipBrand__13fbc a {
filter: brightness(50%);
}
#app-mount .tooltipBrand__13fbc .tooltipPointer_a79354 {
border-top-color: rgb(var(--accentcolor_v));
}
.contentPremium_d38e6e {
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--accentcolor2_v)), rgba(var(--accentcolor2_v), .7))
}
.contentPremium_d38e6e .lookInverted_ee4261.colorBrand_b2253e {
color: rgb(var(--accentcolor2_v)) !important;
}
/* ---- 12.9. TOASTS ---- */
.toast-brand {
background-color: rgb(var(--accentcolor_v));
}
.colorBrand_WfDfzD .bg_8df5St {
background-color: rgb(var(--accentcolor_v));
}
.colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(235, "],
.colorCustom_WKsPgT .bg_8df5St[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
.bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(235, "],
.bar_95Sdw1.customBar_3RsUzs[style*="background-color: hsl(227, "] {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ~~~~ 13. BDSUPPORT ~~~~ */
.bd-server-card.bd-server-card-pinned::after {
background: var(--bd-blue);
}
.bd-modal-wrapper .footer button {
background: var(--bd-blue);
}
.bd-modal-wrapper .footer button:hover {
background: var(--accentcolor-hover);
}
.bd-modal-wrapper .footer button:active {
background: var(--accentcolor-active);
}
.bd-modal-wrapper .error-link {
color: var(--bd-blue);
}
.bd-pfbtn {
background: var(--bd-blue);
}
.bd-pfbtn:hover {
background: var(--accentcolor-hover);
}
.bd-pfbtn:active {
background: var(--accentcolor-active);
}
.bd-button,
.bd-addon-modal-footer .bd-button {
background: var(--bd-blue);
}
.bd-button:hover,
.bd-addon-modal-footer .bd-button:hover {
background: var(--accentcolor-hover);
}
.bd-button:active,
.bd-addon-modal-footer .bd-button:active {
background: var(--accentcolor-active);
}
.bd-description-wrap .banner {
background: var(--background-primary);
border-color: var(--background-secondary);
color: var(--header-secondary);
font-size: 14px;
line-height: 18px;
}
.banner.banner-danger {
background: var(--background-secondary);
border-color: var(--status-danger);
}
.banner-danger .bd-icon {
fill: var(--status-danger);
}
.bd-addon-views .bd-view-button.selected {
background: var(--bd-blue);
}
.bd-server-tag {
background: var(--bd-blue);
}
.bd-switch input:checked + .bd-switch-body {
--switch-color: rgba(var(--accentcolor_v), 0.8);
background-color: rgba(var(--accentcolor_v), 0.8) !important;
}
.bd-switch input:active + .bd-switch-body {
--switch-color: rgba(var(--accentcolor_v));
}
.bd-switch input:checked:hover + .bd-switch-body {
background: var(--accentcolor-hover) !important;
}
.bd-switch input:checked:active + .bd-switch-body {
--switch-color: rgb(var(--accentcolor_v));
background: var(--accentcolor-active) !important;
}
#bd-editor-controls .checkboxInner-3yjcPe {
position: relative;
cursor: pointer;
}
#bd-editor-controls .checkboxElement-1qV33p {
visibility: hidden;
}
#bd-editor-controls .checkboxElement-1qV33p + span {
position: absolute;
display: block;
top: -2px;
left: -1px;
width: 12px;
height: 12px;
margin: 3px 3px 3px 4px;
border-radius: 2px;
pointer-events: none;
}
#bd-editor-controls .checkboxElement-1qV33p:not(:checked) + span {
border: 1px solid var(--header-primary);
}
#bd-editor-controls .checkboxElement-1qV33p:checked + span {
background: rgb(var(--accentcolor_v));
}
#bd-editor-controls .checkboxElement-1qV33p:checked + span:before {
content: "";
display: block;
position: relative;
top: 1px;
left: 4px;
width: 2px;
height: 6px;
transform: rotate(45deg);
border-right: 2px solid white;
border-bottom: 2px solid white;
}
html .monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
outline-color: rgb(var(--accentcolor_v));
}
html .monaco-editor .monaco-editor-hover a {
color: rgb(var(--accentcolor_v));
}
html .monaco-editor [class*="arrow-decoration"] {
border-bottom-color: rgb(var(--accentcolor_v));
}
html .monaco-editor .focused .selected-text {
background-color: rgb(var(--accentcolor_v));
}
html .monaco-tree[class*="monaco-tree-instance"].focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) {
background-color: rgb(var(--accentcolor_v));
color: #ffffff;
}
html .monaco-tree[class*="monaco-tree-instance"].focused .monaco-tree-rows > .monaco-tree-row.focused:not(.highlighted) .results-group {
color: #ffffff !important;
}
html .monaco-editor [style*="background-color: rgb(0, 122, 204)"],
html .monaco-editor [style*="background: rgb(0, 122, 204)"],
html .monaco-editor [style*="background-color: rgb(14, 122, 192)"],
html .monaco-editor [style*="background: rgb(14, 122, 192)"],
html .monaco-editor [style*="background-color: rgb(14, 99, 156)"],
html .monaco-editor [style*="background: rgb(14, 99, 156)"],
html .monaco-editor [style*="background-color: rgb(9, 71, 113)"],
html .monaco-editor [style*="background: rgb(9, 71, 113)"] {
background: rgb(var(--accentcolor_v)) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.9)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.9)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.9)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.9)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.9)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.9)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.9)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.9)"] {
background: rgba(var(--accentcolor_v), 0.9) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.8)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.8)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.8)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.8)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.8)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.8)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.8)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.8)"] {
background: rgba(var(--accentcolor_v), 0.8) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.7)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.7)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.7)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.7)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.7)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.7)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.7)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.7)"] {
background: rgba(var(--accentcolor_v), 0.7) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.6)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.6)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.6)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.6)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.6)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.6)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.6)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.6)"] {
background: rgba(var(--accentcolor_v), 0.6) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.5)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.5)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.5)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.5)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.5)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.5)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.5)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.5)"] {
background: rgba(var(--accentcolor_v), 0.5) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.4)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.4)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.4)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.4)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.4)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.4)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.4)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.4)"] {
background: rgba(var(--accentcolor_v), 0.4) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.3)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.3)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.3)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.3)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.3)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.3)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.3)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.3)"] {
background: rgba(var(--accentcolor_v), 0.3) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.2)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.2)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.2)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.2)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.2)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.2)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.2)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.2)"] {
background: rgba(var(--accentcolor_v), 0.2) !important;
}
html .monaco-editor [style*="background-color: rgba(0, 122, 204, 0.1)"],
html .monaco-editor [style*="background: rgba(0, 122, 204, 0.1)"],
html .monaco-editor [style*="background-color: rgba(14, 122, 192, 0.1)"],
html .monaco-editor [style*="background: rgba(14, 122, 192, 0.1)"],
html .monaco-editor [style*="background-color: rgba(14, 99, 156, 0.1)"],
html .monaco-editor [style*="background: rgba(14, 99, 156, 0.1)"],
html .monaco-editor [style*="background-color: rgba(9, 71, 113, 0.1)"],
html .monaco-editor [style*="background: rgba(9, 71, 113, 0.1)"] {
background: rgba(var(--accentcolor_v), 0.1) !important;
}
html .monaco-editor [style*="border-color: rgb(0, 122, 204)"],
html .monaco-editor [style*="border-color: rgb(14, 122, 192)"],
html .monaco-editor [style*="border-color: rgb(14, 99, 156)"],
html .monaco-editor [style*="border-color: rgb(9, 71, 113)"] {
border-color: rgb(var(--accentcolor_v)) !important;
}
html .monaco-editor [style*="border-top-color: rgb(0, 122, 204)"],
html .monaco-editor [style*="border-top-color: rgb(14, 122, 192)"],
html .monaco-editor [style*="border-top-color: rgb(14, 99, 156)"],
html .monaco-editor [style*="border-top-color: rgb(9, 71, 113)"] {
border-top-color: rgb(var(--accentcolor_v)) !important;
}
html .monaco-editor [style*="border-right-color: rgb(0, 122, 204)"],
html .monaco-editor [style*="border-right-color: rgb(14, 122, 192)"],
html .monaco-editor [style*="border-right-color: rgb(14, 99, 156)"],
html .monaco-editor [style*="border-right-color: rgb(9, 71, 113)"] {
border-right-color: rgb(var(--accentcolor_v)) !important;
}
html .monaco-editor [style*="border-bottom-color: rgb(0, 122, 204)"],
html .monaco-editor [style*="border-bottom-color: rgb(14, 122, 192)"],
html .monaco-editor [style*="border-bottom-color: rgb(14, 99, 156)"],
html .monaco-editor [style*="border-bottom-color: rgb(9, 71, 113)"] {
border-bottom-color: rgb(var(--accentcolor_v)) !important;
}
html .monaco-editor [style*="border-left-color: rgb(0, 122, 204)"],
html .monaco-editor [style*="border-left-color: rgb(14, 122, 192)"],
html .monaco-editor [style*="border-left-color: rgb(14, 99, 156)"],
html .monaco-editor [style*="border-left-color: rgb(9, 71, 113)"] {
border-left-color: rgb(var(--accentcolor_v)) !important;
}
.embedFull__8dc21[style*="border-color: rgb(62, 130, 229)"],
.embedFull__8dc21[style*="border-color: rgb(62, 130, 226)"] {
border-color: rgb(var(--accentcolor_v)) !important;
}
/* ~~~~ 14. POWERCORDSUPPORT ~~~~ */
html .powercord-toast[data-toast-type=info] .icon {
color: rgb(var(--accentcolor_v));
}
html .powercord-toast .progressBar__47525 {
background-color: rgb(var(--accentcolor_v));
}
html .powercord-updater .debug-info b {
color: rgb(var(--accentcolor_v));
}
/* ~~~~ 15. PLUGINSUPPORT ~~~~ */
/* ---- 15.1. HIDEUTILS ---- */
#HideUtils-Settings button {
background-color: rgb(var(--accentcolor_v)) !important;
}
/* ---- 15.2. READALLNOTIFICATIONSBUTTON ---- */
.wrapper_d281dd:active .childWrapper__01b9c.button_Jt-tIg {
background: var(--accentcolor-hover);
}
/* ---- 15.3. SERVERSEARCH ---- */
#server-search .wrapper-28eC3z {
background-color: var(--background-primary) !important;
transition: background-color .16s ease-out;
}
#server-search .wrapper-28eC3z:hover {
background-color: rgb(var(--accentcolor_v)) !important;
}
#server-search .wrapper-28eC3z [fill="white"] {
fill: var(--header-primary);
}
#server-search .wrapper-28eC3z:hover [fill="white"] {
fill: #fff;
}
#server-search .circleIconButton-1QV--U {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
}
/* ---- 15.4. CHANNELTABS ---- */
.channelTabs-unreadBadge:not(.channelTabs-noUnread) {
background-color: rgb(var(--accentcolor_v)) !important;
}
`);
