* {
    --header-primary: var(--text-normal);
    --header-secondary: var(--text-muted);
    --text-normal: #b1bae6;
    --text-muted: #565f89;
    --text-positive: hsl(89, calc(var(--saturation-factor, 1)*51%), 61%) !important;
    --text-warning: hsl(39, calc(var(--saturation-factor, 1)*66%), 64%) !important;
    --text-danger: hsl(349, calc(var(--saturation-factor, 1)*89%), 72%) !important;
    --text-link: hsl(217, calc(var(--saturation-factor, 1)*40%), 56%) !important;
    --info-positive-background: hsla(89, calc(var(--saturation-factor, 1)*51%), 61%, 0.8) !important;
    --info-positive-foreground: var(--text-positive);
    --info-warning-background: hsla(39, calc(var(--saturation-factor, 1)*66%), 64%, 0.8) !important;
    --info-warning-foreground: var(--text-warning);
    --info-danger-background: hsla(349, calc(var(--saturation-factor, 1)*89%), 72%, 0.8) !important;
    --info-danger-foreground: var(--text-danger);
    --status-danger: var(--text-danger);
    --status-warning: var(--text-warning);
    --status-positive: var(--text-positive);
    --status-positive-background: var(--info-positive-background);
    --status-warning-background: var(--info-warning-background);
    --status-danger-background: var(--info-danger-background);
    --interactive-normal: #5f647e;
    --interactive-hover: #a2a6c2;
    --interactive-active: #b5bad1;
    --interactive-muted: #55576b;
    --channels-default: var(--text-muted);
    --background-primary: #1a1b26;
    --background-secondary: #171722;
    --background-secondary-alt: #13131a;
    --background-tertiary: #16161e;
    --background-accent: #434461;
    --background-floating: #161620;
    --background-modifier-hover: #212331c0;
    --background-modifier-active: #282a3680;
    --background-modifier-selected: #24263171;
    --background-modifier-accent: #1e1e29;
    --background-mentioned: #252836;
    --border-mentioned: #474c64;
    --background-mentioned-hover: #2f3344;
    --accent-color: #7aa2f7;
    --folder-color: #202332d0;
    --folder-color-light: #2f3342d0;
    --scrollbar-thin-thumb: transparent;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #2b2b46af;
    --scrollbar-auto-thumb-hover: #27273d85;
    --scrollbar-auto-track: transparent;
    --scrollbar-auto-scrollbar-color-thumb: var(--scrollbar-auto-thumb);
    --scrollbar-auto-scrollbar-color-track: var(--scrollbar-auto-track);
    --channeltextarea-background: var(--background-secondary);
    --input-background: var(--background-secondary);
}

.theme-light {
    --header-primary: var(--text-normal);
    --header-secondary: var(--text-muted);
    --text-normal: #2e3338;
    --text-muted: #747f8d;
    --text-positive: hsl(89, calc(var(--saturation-factor, 1)*32%), 28%);
    --text-warning: hsl(36, calc(var(--saturation-factor, 1)*74%), 32%);
    --text-danger: hsl(348, calc(var(--saturation-factor, 1)*35%), 31%);
    --info-positive-background: hsla(89, calc(var(--saturation-factor, 1)*32%), 28%, 0.8) !important;
    --info-positive-foreground: var(--text-positive);
    --info-warning-background: hsla(36, calc(var(--saturation-factor, 1)*74%), 32%, 0.8) !important;
    --info-warning-foreground: var(--text-warning);
    --info-danger-background: hsla(349, calc(var(--saturation-factor, 1)*35%), 31%, 0.8) !important;
    --info-danger-foreground: var(--text-danger);
    --status-danger: var(--text-danger);
    --status-warning: var(--text-warning);
    --status-positive: var(--text-positive);
    --status-positive-background: var(--info-positive-background);
    --status-warning-background: var(--info-warning-background);
    --status-danger-background: var(--info-danger-background);
    --interactive-normal: #4c505e;
    --interactive-hover: #404350;
    --interactive-active: #373a44;
    --interactive-muted: #77797c;
    --background-primary: #d5d6db;
    --background-secondary: #cecfd4;
    --background-secondary-alt: #b6b7bd;
    --background-tertiary: #c5c6cc;
    --background-accent: #9ca3bb;
    --background-floating: #c2c2c9;
    --background-mentioned: #c4c7da;
    --background-modifier-hover: #2c2a2a25;
    --background-modifier-active: #5a525229;
    --background-modifier-selected: #555e693d;
    --background-modifier-accent: #06060714;
    --border-mentioned: #a9afcf;
    --background-mentioned-hover: #cfd2e9;
    --accent-color: #34548a;
    --folder-color: #a7a6a6d0;
    --folder-color-light: #afafafd0;
    --input-box-bg: #c2c2c7;
    --input-box-border: #b3b4b8;
    --input-box-border-focus: #959699;
    --scrollbar-thin-thumb: transparent;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #a0a0a0af;
    --scrollbar-auto-thumb-hover: #77777785;
    --scrollbar-auto-track: transparent;
    --scrollbar-auto-scrollbar-color-thumb: var(--scrollbar-auto-thumb);
    --scrollbar-auto-scrollbar-color-track: var(--scrollbar-auto-track);
    --channeltextarea-background: var(--background-secondary);
    --input-background: var(--background-secondary);
}

/* ~~~~		  		General							~~~~ */
::selection {
    background-color: #515c7e40;
    color: #a9b1d6;
}

.tree_ef3116 {
    background-color: var(--background-primary);
}

/* Input Box Placeholder Text */
::placeholder {
    color: var(--text-muted) !important;
}

/* Scrollbar */
.auto-2K3UW5::-webkit-scrollbar-thumb,
.auto-2K3UW5::-webkit-scrollbar-track {
    height: 100px;
    border-right: 0px solid transparent;
    border-left: 8px solid transparent;
    border-radius: 0px;
}

.sidebar_c48ade::after {
    background-color: var(--background-base) !important;
}


.auto-2K3UW5::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-auto-thumb-hover);
}

/* Tooltips */
.tooltipPrimary-3qLMbS,
.toolbar_bba883 {
    background-color: var(--background-secondary-alt) !important;
}

.toolbar_bba883:before {
    border-top-color: var(--background-secondary-alt);
}

.tooltipPrimary-3qLMbS .tooltipPointer-3L49xb {
    border-top-color: var(--background-secondary-alt) !important;
}

/* Friend list tab */
.friendSelected_bbd192 {
    background-color: var(--background-tertiary) !important;
}

.outer_bf1984.interactive_bf1984:hover {
    background-color: var(--background-tertiary) !important;
}

.inset_bf1984,
.separator__00943 {
    background-color: var(--background-secondary) !important;
}

.pageWrapper_a3a4ce,
.container__133bf {
    background-color: var(--background-primary) !important;
}

.panels_c48ade {
    background-color: var(--background-secondary) !important;
}

.panel__5dec7 {
    background-color: var(--background-secondary-alt) !important;
}

.privateChannels__35e86 {
    background-color: var(--background-tertiary) !important;
}

/* Chat Box */
.buttons__74017 {
    opacity: 0;
    transition: opacity .15s;
}

.channelTextArea_f75fb0:hover .buttons__74017 {
    opacity: 1;
}

.placeholder__1b31f {
    color: var(--text-muted) !important;
}

.lookFilled-1GseHa.colorPrimary-2AuQVo {
    color: var(--text-normal) !important;
    background-color: var(--background-primary) !important;
}

.mentionButton__841c8 {
    color: var(--accent-color);
}

.scrollableContainer__74017 {
    border-radius: 5px;
    border-bottom: 2px var(--background-tertiary) solid;
    transition: border-color .15s ease;
}

.scrollableContainer__74017:hover,
.scrollableContainer__74017:focus-within {
    border-bottom-color: var(--accent-color);
}

.messagesWrapper__36d07 {
    background-color: var(--background-tertiary);
}

/* .spriteContainer__04eed:not(:hover) {
  filter: none !important;
  background: url("https://raw.githubusercontent.com/ashtrath/Tokyo-Night/refs/heads/main/src/assets/emoji-dark.png") center/contain no-repeat !important;
} */

/* Home Channel */
.background_c54132 {
    background-color: var(--background-primary) !important;
}

.interactiveCard_d92364,
.containerCard__95c7a {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-tertiary);
}

.scrollIcon__0a383 {
    background-color: var(--background-tertiary);
}

/* Forum Channel */
.grid_f369db,
.list_f369db,
.auto__99f8c {
    background-color: var(--background-primary) !important;
}

.container_faa96b {
    background-color: var(--background-tertiary) !important;
}

.mainCard_f369db {
    background-color: var(--background-secondary) !important;
}

.forumOrHome__49676 {
    --__header-bar-background: var(--background-primary) !important;
}

.container_c8ffbb,
.members_c8ffbb,
.member_c8ffbb {
    background-color: var(--background-secondary);
}

/* Jump to present & New message bar */
.newMessagesBar__0f481 {
    background-color: var(--background-accent);
    border-radius: 50px;
    margin-top: 5px;
}

.jumpToPresentBar__0f481,
.jumpToPresentBar__0f481:active {
    margin-bottom: 13px;
    border-radius: 20px;
    padding: 0;
}

/* Top Bar */
#app-mount .children__9293f>.iconWrapper__9293f svg,
#app-mount .base_c48ade {
    color: var(--header-primary);
}

/* Voice Call Tab */
.callContainer_cb9592 {
    background-color: var(--background-floating) !important;
}

.tile__90dc5 {
    background-color: var(--background-secondary);
}

.header_c6e099 {
    color: var(--text-normal)
}

.button_c6e099 {
    color: #fff;
    background-color: var(--accent-color);
}

.childWrapperNoHoverBg__6e9f8 {
    background-color: #f00;
}



/* Thread Spine */
.hasThread_c19a55:after {
    border-left: 2px solid var(--interactive-normal) !important;
    border-bottom: 2px solid var(--interactive-normal) !important;
}

/* Fix some svg color */
svg[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
    fill: var(--text-positive);
}

svg[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
    fill: var(--text-warning);
}

svg[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
    fill: var(--text-danger);
}

/* Bot Tag */
.botTagRegular__82f07 {
    background: var(--accent-color) !important;
}

/* ~~~~		  		Messages							~~~~ */

/* Quotes */
.blockquoteContainer__75297 {
    padding: 2px 0 2px 0;
}

.blockquoteContainer__75297 blockquote {
    background-color: var(--background-secondary);
    border: 1px solid var(--background-secondary);
    color: var(--text-normal);
    border-radius: 0 4px 4px 0;
    padding: 4px 11px 4px;
}

.blockquoteContainer__75297>.blockquoteDivider__75297 {
    background-color: var(--accent-color);
    border-radius: 4px 0 0 4px;
}

.after_inlineCode-WydEur,
.before_inlineCode-xn8Llh,
.inlineCode-2auMQi {
    background-color: var(--background-secondary-alt);
}

/* Reply text */
.repliedMessage_c19a55 .repliedTextPreview_c19a55 {
    color: var(--text-normal);
    opacity: 0.64;
}

.repliedMessage_c19a55 .repliedTextPreview_c19a55:hover {
    opacity: 1;
}

/* Embeds */
.wrapperAudio_f316dd {
    width: auto !important;
    min-width: 400px;
}

.embedWrapper_b7e1cb.embedFull__623de {
    border-radius: 4px;
    border-left: 4px solid var(--accent-color);
    box-shadow: var(--elevation-high);
}

/* Nitro Gift */
.tile__72090 {
    background-color: var(--background-secondary) !important;
}

.lookFilled-1GseHa.colorPrimary-2AuQVo:disabled {
    background-color: var(--background-primary) !important;
}

/* Mentions */
.replying__5126c::before,
.mentioned__5126c::before {
    background-color: var(--border-mentioned);
}

/* Quick Button */
.wrapper_f7ecac {
    background-color: var(--background-secondary);
}

/* Polls */
.pollContainer_b7e1cb {
    background-color: var(--background-secondary) !important;
}

.answerInner__4c520 {
    background-color: var(--background-primary) !important;
}

/* ~~~~		  		Popouts							~~~~ */

/* User Popouts */
.userTagUsernameNoNickname-2e_xaO {
    color: var(--text-normal);
}

.rolePill-2IJ1vo {
    background-color: var(--profile-role-pill-background-color);
    border: 0px solid;
    /* Remove role pill's border */
    border-color: var(--profile-role-pill-border-color);
}

.messageInput-1KI8l8 {
    background-color: var(--background-secondary-alt);
}

.messageInputContainer-2rGDH8 {
    border: 1px solid var(--background-tertiary);
}

/* Add Role Popouts */
.container-2O1UgZ {
    background-color: var(--background-floating);
    border-color: var(--background-secondary-alt);
}

/* Search Popouts */
.container__55c99 {
    background-color: var(--background-floating) !important;
    border-radius: 10px !important;
    box-shadow: var(--elevation-high) !important;
}

.option__56fec::after {
    display: none !important;
}

.option__56fec.selected-rZcOL-,
.input_ac6cb0 {
    background-color: var(--background-secondary-alt) !important;
}

.focused__55c99 {
    background-color: var(--background-secondary-alt) !important;
}

.searchAnswer_bd8186,
.searchFilter_bd8186 {
    background-color: var(--background-primary) !important;
    color: var(--header-primary) !important;
}

.option-2KkUJO[aria-selected=true] {
    background-color: var(--background-modifier-hover) !important;
}

.searchOption__56fec .filter__56fec,
.option__56fec:not([group="SEARCH_OPTIONS"]) .answer__56fec,
.option__56fec .nonText__56fec,
.queryContainer__55c99 strong,
.option__56fec strong {
    color: var(--text-normal) !important;
}

.option__56fec .filter__56fec,
.searchOption__56fec .answer__56fec {
    color: var(--text-muted) !important;
}

.resultsGroup__56fec .header__56fec,
.resultsGroup__56fec .plusIcon__56fec,
.resultsGroup__56fec .searchClearHistory__56fec,
.resultsGroup__56fec .searchLearnMore-7__o_n a {
    color: var(--channels-default) !important;
}

/* Calendar */
.calendarPicker_d27f17 .react-datepicker__navigation.react-datepicker__navigation--previous {
    border: none !important;
}

.calendarPicker_d27f17 .react-datepicker__current-month,
.calendarPicker_d27f17 .react-datepicker__day-name {
    color: var(--text-normal) !important;
}

.calendarPicker_d27f17 .react-datepicker__day {
    border-top: 1px solid var(--background-modifier-accent) !important;
    border-left: 1px solid var(--background-modifier-accent) !important;
}

.calendarPicker_d27f17 .react-datepicker__day--disabled,
.calendarPicker_d27f17 .react-datepicker__day--outside-month,
.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled,
.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--disabled:hover {
    background-color: var(--background-secondary-alt) !important;
    color: var(--text-muted) !important;
}

.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--keyboard-selected,
.calendarPicker_d27f17 .react-datepicker__day.react-datepicker__day--selected:hover,
.calendarPicker_d27f17 .react-datepicker__day:hover,
.calendarPicker_d27f17 .react-datepicker__day {
    color: var(--text-normal) !important;
}

.calendarPicker_d27f17 .react-datepicker__header,
.calendarPicker_d27f17 .react-datepicker {
    background-color: var(--background-floating) !important;
}

.form_f75fb0 {
    background-color: var(--background-secondary);
}

.bar_c38106 {
    background-color: var(--background-primary);
}

/* Stream Preview Popouts */
.protip-13raHg {
    display: none;
}

.streamPreview-3qoMP4 {
    background-color: var(--background-tertiary) !important;
}

.previewContainer-12U1H1 {
    background-color: var(--background-secondary) !important;
}

/* Emoji Popouts */
.autocompleteInner__13533,
.autocompleteInner__6b0e0 {
    background-color: var(--background-floating) !important;
}

.selected-3H3-RC {
    background-color: var(--background-primary) !important;
}

/* Slash Command Popouts */
.categoryHeader_d1405b {
    background-color: var(--background-floating) !important;
}

.option_a19535,
.pill_e5445c {
    background-color: var(--background-primary) !important;
}

/* ~~~~		  		Sidebar							~~~~ */

/* Server List */
.folder__48112,
.expandedFolderBackground__48112,
.folder__48112>.folderIconWrapper__48112[style="background-color: rgba(88, 101, 242, 0.4);"] {
    background-color: var(--folder-color) !important;
}

.folderIconWrapper__48112[style="background-color: rgba(88, 101, 242, 0.4);"]:hover,
.folder__48112:hover {
    background-color: var(--folder-color-light);
}

.folder__48112>.folderIconWrapper__48112>.expandedFolderIconWrapper__48112>svg[style="color: rgb(88, 101, 242);"] {
    color: var(--accent-color) !important;
}

.numberBadge__2b1f5 {
    background-color: var(--accent-color) !important;
}

.item__58105 {
    background-color: var(--interactive-normal);
}

/* Add Server Button */
.circleIconButton__5bc7e {
    color: var(--interactive-normal) !important;
    background-color: transparent !important;
}

.circleIconButton__5bc7e:hover {
    color: var(--interactive-hover) !important;
    background-color: var(--background-primary) !important;
}

/* Channel List */
.children__9293f:after {
    background: linear-gradient(90deg, rgba(54, 57, 63, 0) 0, var(--background-tertiary)) !important;
}

.container__9293f.themed__9293f {
    background-color: var(--background-tertiary);
}

.container__2637a,
.content__908e2 {
    background-color: var(--background-tertiary) !important;
}

.timestamp_c19a55 {
    color: var(--text-muted) !important;
}

.scrollableContainer__74017 {
    background-color: var(--background-mentioned);
}

.scroller__99e7c {
    background-color: var(--background-tertiary-alt) !important;
}

.sidebar_c48ade {
    background: var(--background-tertiary) !important;
}

.unread__2ea32 {
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    z-index: 1;
    border-radius: 10px;
    margin-top: 0px;
    transform: translateY(-50%)
}

.wrapper__2ea32:hover .icon__2ea32,
.modeSelected__2ea32 .icon__2ea32,
.modeUnreadImportant__2ea32 .icon__2ea32 {
    color: var(--interactive-active);
}

.wrapper__2ea32:not(.modeUnreadImportant__2ea32):not(:hover):not(.modeSelected__2ea32) .icon__2ea32 {
    color: var(--channels-default);
}

.spine__5b40b {
    color: var(--channels-default);
}

.total__260e1 {
    background-color: var(--background-secondary-alt);
}

.total__260e1:after {
    border-right-color: var(--background-secondary-alt);
}

.subtitle__2ea32 {
    color: var(--brand-experiment) !important;
}

/* New Mention bar*/
.mention__3b95d {
    background-color: var(--text-danger);
    opacity: 1;
}

/* ~~~~		  		Settings Modal							~~~~ */

.contentRegionScroller__23e6b, .tools__23e6b {
    background-color: var(--background-tertiary) !important;
}

.sidebarRegionScroller__23e6b  {
    background-color: var(--background-secondary) !important;
}

.theme-light .closeButton_c2b141 {
    border-color: var(--background-secondary-alt);
}

.theme-light .closeButton_c2b141:hover {
    background-color: var(--background-secondary);
}

.theme-light .keybind_c2b141 {
    color: var(--background-secondary-alt);
}

.theme-light .gameName-Uw4dbt {
    color: #4f545c !important;
}

.theme-light .lastPlayed-3aHvxk {
    color: #72767d !important;
}

.accountProfileCard__1fed1 {
    background-color: var(--background-secondary-alt);
}

.notDetected_cc46f0 {
    background-color: var(--background-tertiary) !important;
}

.addGamePopout_cc46f0 {
    background-color: var(--background-secondary) !important;
    box-shadow: none !important;
}

.game_cc46f0 {
    box-shadow: 0 1px 0 0 var(--background-tertiary) !important;
}

.cardPrimary-3qRT__ {
    background: var(--background-secondary);
}

.gemIndicatorContainer_b03ca0 {
    background-color: var(--background-primary) !important;
}

.cardWrapper-CyvwQv {
    background: var(--background-secondary);
}

.card-2gdrYL:hover {
    background: var(--background-floating);
}

.gameVerifiedIcon_cc46f0 .flowerStar__3e3b0>path {
    fill: var(--brand-experiment);
}

.markValue-2U_-UG {
    color: var(--interactive-muted);
}

/* Buttons Color */
.bar-1Bhnl9 {
    background: var(--background-secondary) !important;
}

.userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
    background-color: var(--background-floating) !important;
    border-color: var(--background-secondary-alt) !important;
}

.premiumTab__581ea[aria-selected="true"] {
    color: #fff !important;
    background-color: #b466c2 !important;
}

.button_e131a9.buttonColor_e131a9.buttonActive_e131a9,
.button_e131a9 .buttonColor_e131a9.buttonActive_e131a9 {
    color: #fff !important;
}

.buttons-19uowm .lookFilled-1GseHa.colorPrimary-2AuQVo,
.colorable_f1ceac.primaryDark_f1ceac.active_f1ceac,
.colorable_f1ceac.primaryDark_f1ceac:hover {
    background: var(--background-secondary) !important;
}

.colorable_f1ceac.primaryDark_f1ceac {
    background: var(--background-primary);
}

.dim-2Uxgxb span,
.keybindShortcut-3zF1P9 span {
    background-color: var(--background-floating) !important;
    box-shadow: inset 0 -4px 0 var(--background-secondary) !important;
}

.lookFilled-yCfaCM.colorYellow-Pgtmch {
    color: #fff !important;
    background-color: var(--text-warning) !important;
}

.lookFilled-yCfaCM.colorGreen-3y-Z79 {
    color: #fff !important;
    background-color: var(--text-positive) !important;
}

.lookFilled-yCfaCM.colorRed-rQXKgM {
    color: #fff !important;
    background-color: var(--text-danger) !important;
}

/* My Account Page */
.lookFilled-yCfaCM.colorPrimary-2AuQVo {
    background-color: var(--brand-experiment);
}

.lookFilled-yCfaCM.colorPrimary-2AuQVo:hover {
    background-color: var(--brand-experiment-560);
}

.lookLink-15mFoz.colorPrimary-2AuQVo {
    color: var(--interactive-normal) !important;
}

.lookLink-15mFoz.colorPrimary-2AuQVo:hover {
    color: var(--interactive-hover) !important;
}

/* Dropdown */
.lookFilled-1GseHa.select-1Ia3hD {
    background-color: var(--background-secondary);
    border-color: var(--background-tertiary);
}

.select-1Ia3hD {
    color: var(--interactive-active);
}

/* Registered Game Page */
.gameName_cc46f0 {
    color: var(--header-primary) !important;
}

.lastPlayed_cc46f0,
.nowPlayingAdd_cc46f0,
.overlayStatusText__668e1 {
    color: var(--header-secondary) !important;
}

.overlayToggleIconOff-ps4gGp .fill_cc46f0~rect {
    fill: var(--status-danger) !important;
}

.overlayToggleIconOn-21NN2N .fill_cc46f0 {
    fill: var(--status-positive) !important;
}

/* Server Settings */
.default_e18686,
.headerExpanded__43dab,
.divider-1pnAR2 {
    background-color: var(--background-tertiary) !important;
}

.container__33507 {
    background-color: var(--background-secondary);
}

.auditLog__43dab {
    border-color: var(--background-tertiary) !important;
}

.card-o7rAq- {
    background-color: var(--background-secondary) !important;
    border-color: var(--background-secondary-alt) !important;
}

.cardPrimaryOutline-1ofwVz {
    background-color: var(--background-secondary);
    border-color: var(--background-secondary-alt);
}

.changeDetails__43dab {
    background-color: var(--background-secondary) !important;
}

.headerDefault__43dab,
.headerClickable__43dab {
    background-color: var(--background-secondary) !important;
}

.elevationHigh__08882 {
    background-color: var(--background-floating) !important;
}

.css-gvi9bl-control,
.css-6fzn47-control,
.css-3vaxre-menu {
    background-color: var(--background-secondary);
    border-color: var(--background-secondary-alt);
}

.background_c44edb {
    color: var(--background-secondary) !important;
}

.tierInProgress_c44edb {
    background-color: var(--background-secondary) !important;
}

.tierBody_f15dca {
    background-color: var(--background-secondary) !important;
}

.tierHeaderContent_f15dca {
    background: var(--background-tertiary);
}

.cardPrimaryEditable-2mz_3i {
    background: var(--background-secondary);
}

.editCircle-ityklj,
.iconWrapper-lS1uig {
    background-color: var(--background-primary);
}

.theme-light .card_b846e5:before {
    background-color: var(--background-primary);
}

/* Server Boost Modal */
.perksModal-CLcR1c {
    background-color: var(--background-primary) !important;
}

.tierMarkerBackground-G8FoN4,
.expandedInfo_e9cb00,
.tierBody-3ju-rc,
.perk-19D_HN {
    background-color: var(--background-tertiary) !important;
}

.roleIcon-286ZWG {
    color: var(--background-accent);
}

/* Reaction Modal */
.reactors_cc2dff {
    background-color: var(--background-primary) !important;
}

.reactorDefault_cc2dff {
    box-shadow: inset 0 -1px 0 var(--background-modifier-accent) !important;
}

.scroller_cc2dff {
    background: var(--background-secondary) !important;
}

.reactionSelected_cc2dff {
    background-color: var(--background-modifier-selected) !important;
}

/* Pin Message Modal */
.message__89466 {
    background-color: var(--background-secondary) !important;
    box-shadow: none !important;
    border-radius: 10px;
}

/* Connections Modal */
.focusLock-2tveLW[aria-label="Add Connection"] .root__49fc1 {
    background-color: var(--background-secondary-alt) !important;
    box-shadow: none !important;
}

.connectionsContainer-crWFPm .accountBtnInner-1DCgBm {
    background-color: var(--background-primary);
}

/* Payment Modal */
.root__49fc1 {
    background-color: var(--background-primary) !important;
    box-shadow: none;
}

.modalHeader-gQTY3L,
.root-2s1-ri>* {
    background-color: transparent !important;
}

.paymentPane__01014 {
    background-color: var(--background-secondary-alt) !important;
}

.bottomDivider__01014 {
    border-bottom-color: var(--background-secondary-alt) !important;
}

.expandedInfo_e9cb00 {
    background-color: var(--background-primary) !important;
}

.paginator__01014,
.payment_e9cb00,
.codeRedemptionRedirect_a706ba {
    background-color: var(--background-secondary) !important;
    border-color: var(--background-secondary-alt) !important;
}

.footerSeparator-VzAYwb {
    -webkit-box-shadow: inset 0 1px 0 var(--background-secondary-alt) !important;
    box-shadow: inset 0 1px 0 var(--background-secondary-alt) !important;
}

.footer-31IekZ,
.footer_dbca3c {
    background-color: var(--background-tertiary) !important;
}

/* ~~~~		  		Watermark							~~~~ */

.wordmarkWindows__421ed svg {
    position: fixed;
    top: 3px;
    left: 50%;
    transform: translate(-50%);
}

.typeWindows__421ed {
    z-index: 1;
    background-color: var(--background-secondary-alt);
}

/* ~~~~		  		 Plugin Support							~~~~ */

/* Better Codeblocks */
#app-mount .hljs {
    background-color: var(--background-secondary) !important;
    border: 1px solid var(--background-tertiary);
    color: var(--text-normal);
}

.powercord-codeblock-lang {
    font-size: 1em !important;
    font-family: 'JetBrainsMono Nerd Font', 'Raleway', var(--font-code), monospace !important;
}

/* Channel Tabs */
.channelTabs-tab.channelTabs-selected {
    margin-top: 5px;
}

[class*="channelTabs-"] .channelTabs-closeTab {
    color: var(--text-normal) !important;
    background-color: transparent !important;
}

[class*="channelTabs-"] .channelTabs-closeTab:hover {
    color: var(--text-danger) !important;
}

.channelTabs-tabContainer {
    background-color: var(--background-secondary-alt);
}

.channelTabs-newTab {
    bottom: calc(var(--channelTabs-tabHeight) / 2) !important;
}

#channelTabs-settingsMenu {
    background: transparent !important;
}

/* Better Formatting Redux */
.bf-toolbar::before {
    background: var(--background-secondary) !important;
}

.tooltipBlack-vMYxvw {
    background-color: var(--background-floating) !important;
}

.tooltipPointer-3L49xb {
    border-top-color: var(--background-floating) !important;
}

/* Powercord Spotify Modal. */
.fa-forward,
.fa-backward {
    transition-duration: 0.3s;
}

button:hover .fa-forward:hover {
    transform: translate(2px);
}

button:hover .fa-backward:hover {
    transform: translate(-2px);
}

/* ----------------------------- END OF THEME ----------------------------- */

/* ~~~~		  		CSS Snippets							~~~~ */

/* Better name colors in chat & list light mode */
.theme-light .username_c19a55.desaturateUserColors-1O-G89.clickable_c19a55,
.theme-light .roleColor-nA7BqX.desaturateUserColors-1O-G89 {
    filter: contrast(50%);
    transition: filter 0.25s;
}

.theme-light .username_c19a55.desaturateUserColors-1O-G89.clickable_c19a55:hover,
.theme-light .roleColor-nA7BqX.desaturateUserColors-1O-G89:hover {
    filter: contrast(100%);
}

/* Hide unused things */
.banner__68edb:hover .premiumIconWrapper_c3e427 .textBadge_f05120,
.banner__68edb:hover .bannerOverlay-1uIerX,
.banner__68edb:hover .pencilIcon_e00224,
button[aria-label="Send a gift"],
[href="/discovery"],
.toolbar__9293f a,
.gifTag__68edb {
    display: none;
}

/* Consistent Account and Server Join Date */
.discordMemberCreatedAtIconContainer__09d4a {
    padding: 0px;
    background-color: var(--background-tertiary);
}

.discordMemberCreatedAtIcon__6a752 {
    width: 24px;
    height: 24px;
}

.discordMemberCreatedAtText_b9ff49>div {
    display: none;
}

.discordMemberCreatedAt_bd7014>.discordMemberCreatedAtText_b9ff49>h3 {
    font-size: 16px;
    font-family: inherit;
    font-weight: 600;
    user-select: text;
}

/* Replaces Message Links with "Jump to Message" */
[title^="https://discord.com/channels/"],
[title^="https://ptb.discord.com/channels/"],
[title^="https://canary.discord.com/channels/"] {
    line-height: 0;
    font-size: 0;
}

[title^="https://discord.com/channels/"]::before,
[title^="https://ptb.discord.com/channels/"]::before,
[title^="https://canary.discord.com/channels/"]::before {
    content: "Jump to Message";
    font-size: 16px;
    font-weight: 500;
}