@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://raw.githubusercontent.com/CrimZenEdits/Nexus-Evolution/refs/heads/main/All.css'); /* customize things here */ :root { /* font, change to 'gg sans' for default discord font*/ --font: 'Roboto', sans-serif; /* top left corner text */ --corner-text: '᲼᲼᲼ v1.2.1᲼᲼᲼᲼᲼᲼᲼᲼᲼᲼ NEXUS Evolution'; /* thickness of messages divider */ --divider-thickness: 3px; /* color of status indicators and window controls */ --online-indicator: var(--accent-2); /* change to #23a55a for default green */ --dnd-indicator: hsl(0, 100%, 50%); /* change to #f23f43 for default red */ --idle-indicator: hsl(50, 100%, 50%); /* change to #f0b232 for default yellow */ --streaming-indicator: hsl(0, 100%, 50%); /* change to #593695 for default purple */ /* accent colors */ --accent-1: hsl(190, 70%, 60%); /* links */ --accent-2: hsl(190, 70%, 48%); /* general unread/mention elements */ --accent-3: hsl(190, 70%, 42%); /* accent buttons */ --accent-4: hsl(190, 70%, 36%); /* accent buttons when hovered */ --accent-5: hsl(190, 70%, 30%); /* accent buttons when clicked */ --mention: hsla(190, 80%, 52%, 0.1); /* mentions & mention messages */ --mention-hover: hsla(190, 80%, 52%, 0.05); /* mentions & mention messages when hovered */ /* text colors */ --text-0: rgb(255, 255, 255); /* text on colored elements */ --text-1: var(--text-2); /* other normally white text */ --text-2: hsl(0, 0%, 100%); /* headings and important text */ --text-3: hsl(0, 0%, 100%); /* normal text */ --text-4: hsl(220, 22%, 60%); /* icon buttons and channels */ --text-5: hsl(217, 12%, 41%); /* muted channels/chats and timestamps */ /* background and dark colors */ --bg-1: hsl(220, 15%, 20%); /* dark buttons when clicked */ --bg-2: hsl(220, 15%, 16%); /* dark buttons */ --bg-3: hsl(225, 28%, 13%); /* spacing, secondary elements */ --bg-4: hsl(225, 25%, 10%); /* main background color */ --hover: hsla(230, 22%, 40%, 0.1); /* channels and buttons when hovered */ --active: hsla(220, 20%, 40%, 0.2); /* channels and buttons when clicked or selected */ --message-hover: hsla(220, 0%, 0%, 0.1); /* messages when hovered */ /* amount of spacing and padding */ --spacing: 12px; /* animations */ /* ALL ANIMATIONS CAN BE DISABLED WITH REDUCED MOTION IN DISCORD SETTINGS */ --list-item-transition: 0.2s ease; /* channels/members/settings hover transition */ --unread-bar-transition: 0.2s ease; /* unread bar moving into view transition */ --moon-spin-transition: 0.4s ease; /* moon icon spin */ --icon-spin-transition: 1s ease; /* round icon button spin (settings, emoji, etc.) */ /* corner roundness (border-radius) */ --roundness-xl: 22px; /* roundness of big panel outer corners */ --roundness-l: 20px; /* popout panels */ --roundness-m: 16px; /* smaller panels, images, embeds */ --roundness-s: 12px; /* members, settings inputs */ --roundness-xs: 10px; /* channels, buttons */ --roundness-xxs: 8px; /* searchbar, small elements */ /* filter uncolorable elements to fit theme */ /* (just set to none, they're too much work to configure) */ --login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4); /* login background artwork */ --green-to-accent-3-filter: hue-rotate(56deg) saturate(1.43); /* add friend page explore icon */ --blurple-to-accent-3-filter: hue-rotate(304deg) saturate(0.84) brightness(1.2); /* add friend page school icon */ /* choose style for window control buttons (minimize-maximize-close) */ /* block to show, none to hide; choose only one to show!*/ --windows-nav: none; /* default windows-style buttons */ --custom-nav: block; /* custom mac-style buttons */ } /* change fonts (edit the variables above, not this part) */ :root { --font-primary: var(--font), 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-display: var(--font), 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* reduced motion */ :root.reduce-motion { --list-item-transition: none; --unread-bar-transition: none; --moon-spin-transition: none; --icon-spin-transition: none; } /* modify colors */ #app-mount .container__2637a /* channel list */, .privateChannels__35e86 /* dms list */, #app-mount .container__37e49 /* user panel inner */, .members_c8ffbb /* member list inner */, .member__5d473 /* member list members */, .searchResultsWrap_a9e706 /* search results */, .searchHeader_f3b986 /* search results header */, .chat_f75fb0.container_f391e3 /* message requests */, #app-mount .panels_c48ade > div /* user panel children */, .container_e131a9 /* vc panel */, .sidebarRegionScroller__23e6b /* settings left */, #app-mount .container__0b563 /* browse channels container */, #app-mount .header__0b563 /* browse channels header */, #app-mount .container_c2efea /* browse channels inner */, .chat_f75fb0.background__7449f /* server guide body */, #app-mount .scrollerContainer_c6b11b /* channels and roles customize */, .shop__6db1d /* shop */, .wrapper_cb9592.minimum_cb9592 /* private call */, .container_a45028 /* emoji/sticker searchbars */, .searchBar_fed6d3 /* gif picker searchbar */ , #app-mount .uploadModal_dbca3c /* upload modal */, .uploadModal_dbca3c .footer_dbca3c /* upload modal footer */, .container_f369db /* forums page */, .container__551b0 /* discover page sidebar */, .backdrop__8a7fc /* discover page headers */, .layerContainer_da8173 .scrollableContainer__74017 /* friend activity message bar */ { background: var(--bg-4); } .sidebarContainer_a3a4ce, .container_a56260, .contentContainer_a56260 /* quests page */ { background-color: var(--bg-4) !important; } .outer_c0bea0 { --background-secondary-alt: var(--bg-4) !important; } .mainCard_f369db /* forum post */, .navRow__86e92[data-theme=dark] /* add new account bottom */, .container_ca49a1 /* forum guidelines box */, .searchBar_c7e907 /* settings searchbar */, .searchBar__5ec2f /* friends searchbar */, .circleIconButton__5bc7e /* server list buttons */, .auditLog__43dab /* audit log container */ { background: var(--bg-3); } .folderIconWrapper__48112[style="background-color: rgba(88, 101, 242, 0.4);"] /* default color closed folders */ { background: var(--bg-3) !important; } .folder__48112.hover__48112 /* folder opened on hover */, #app-mount .outer_bf1984.interactive_bf1984:hover, #app-mount .outer_bf1984.active_bf1984 /* friend activity cards on hover */ { background: var(--bg-2); } #app-mount .searchAnswer_bd8186 /* search filter answer */, #app-mount .searchFilter_bd8186 /* search filter */ { background: var(--bg-1); } .input_ac6cb0 /* big 'find conversation' search bar */ { background: var(--bg-2); } .chat_f75fb0 /* chat + member list */, .sidebar_c48ade /* channel sidebar */, .privateChannels__35e86 .scroller__99e7c /* dms list inner */, #app-mount .innerHeader__0b563:after /* channels and roles header shadow */, .stackedBars__74017 /* reply bar underneath */, #app-mount .content__37e49 /* user panel bottom */ { background: none; } .contentContainer_a56260 /* quests page fix */, .header__43dab, .changeDetails__43dab /* audit log header/dropdown */ { background: none !important; } .selected_f37cb1 .header_f37cb1, .clickable_f37cb1 .header_f37cb1:hover /* server name hover */ { background: var(--message-hover); } .message__5126c.replying__5126c.selected__5126c, .mouse-mode.full-motion .message__5126c.replying__5126c:hover /* fix reply message hover */ { background: var(--background-message-highlight-hover); } div.message__5126c.replying__5126c::before /* change reply message bar to neutral */ { background: var(--text-2); } .activeButtonChild_aa63ab /* send button */ { color: var(--accent-2); } .container__37e49 /* user panel button strikethroughs */, .numberBadge__2b1f5 /* unread number badge */, .toolbar__9293f /* toolbar button strikethroughs */ { --status-danger: var(--accent-2); } .expandedFolderIconWrapper__48112 > svg[style="color: rgb(88, 101, 242);"] /* default color folder icons */ { color: var(--accent-3) !important; } .divider__5126c /* unread divider */, .mention__3b95d /* NEW unread pill */, .mentionsBar__7aaec /* channel list new mention pill */ { --status-danger: var(--accent-3); color: var(--status-danger-text); } .message__5126c.mentioned__5126c:before /* mention message left edge */, .botTagOP__82f07 /* OP tag */ { background: var(--accent-3); } /* settings checkbuttons */ .container__87bf1 { transition: background-color ease 0.3s; } .container__87bf1 path { fill: var(--text-4); } .container__87bf1.checked__87bf1 { background: var(--accent-3) !important; } .container__87bf1.checked__87bf1 path { fill: var(--accent-3) !important; } .container__87bf1 > .slider__87bf1 > rect { transition: fill ease 0.3s; } .mention__3b95d:active /* NEW unread pill when clicked */ { background: var(--accent-4); } path[fill='var(--white-500)'] { fill: var(--text-0) !important; } .numberBadge__2b1f5 /* dms number badge */, .newMessagesBar__0f481 .barButtonBase__0f481 /* unread bar */, .botTagRegular__82f07 /* bot tag */, .endCap__908e2 /* unread divider */, .lookFilled__201d5.colorBrand__201d5 /* accent buttons */, .lookFilled__201d5.colorBrand__201d5 .defaultColor__77578 /* accent buttons */, .lookFilled__201d5.colorBrandNew__8872c /* accent buttons */, .lookFilled__201d5.colorGreen__201d5 /* green buttons */, .lookFilled__201d5.colorRed__201d5 /* red buttons */, .lookFilled__201d5.colorYellow__818c3 /* yellow buttons */, .bar__3b95d /* NEW unread pill */, .wrapper__6e9f8:hover .childWrapper__6e9f8, /* default server icon text */ .wrapper__6e9f8.selected_ae80f7 .childWrapper__6e9f8 /* default server icon text */, .colorDefault_c1e9c4.focused_c1e9c4 /* menu option hover */, .colorDefault_c1e9c4.focused_c1e9c4 .caret_c1e9c4 /* popup menu hover caret */, .colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) /* menu option active */, .colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) .caret_c1e9c4 /* menu option active */, .tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf /* add friend button */, #app-mount .button__33db6 /* notice banner button */, .interactive:hover /* mention hover */, .uploadIcon_edf440 /* profile upload image */, .focused_d40c56 .userMenuUsername_d40c56 .userMenuText_d40c56 /* account switcher account hover */, .dots__5ad89 /* typing dots */, .header_c5cd6a /* server preview mode banner */, .live_a7acae /* streaming live */, #app-mount .activeButton_c15210 /* member page pagination button */ , #app-mount .tooltipBrand__382e7 /* member page filter tooltip */, .button_e131a9.buttonColor_e131a9.buttonActive_e131a9 /* active voice channel icons */, .button_e131a9.buttonColor_e131a9.buttonActive_e131a9:hover /* active voice channel icons */, .vcd-screen-picker-radio[data-checked="true"] .defaultColor__4bd52 /* vencord stream resolution picker buttons when active */, .icon_a629d4 /* streaming activity type icon */, .theme-dark .tooltipGreen__382e7, .theme-light .tooltipGreen__382e7 /* tooltip text like vc latency */, .currentTierIcon_c44edb /* current boost tier checkmark */ { color: var(--text-0); } [class*="selectedCategoryItem_"] /* selected discover page */ { color: var(--text-0) !important; } [class*="selectedCategoryItem_"] path /* fix */ { fill: currentColor; } .botTagVerified__82f07 > path /* bot tag checkmark */ { fill: var(--text-0); } #app-mount .button__33db6, .theme-light .button__33db6 /* notice banner button */ { border-color: var(--text-0); } #app-mount .button__33db6:hover { border-color: var(--text-0); background-color: var(--text-0); } .container__87bf1 /* settings checkbutton background */ { background: var(--bg-1) !important; } .container__87bf1.checked__87bf1 > .slider__87bf1 > rect /* settings checkbutton circle */, .userMenuItem_d40c56 path[fill="var(--white-500)"] /* account switcher account hover */, .colorDefault_c1e9c4.focused_c1e9c4 path { fill: var(--text-0) !important; } .closeIcon__967e7 path /* alert banner close icon */ { fill: currentColor; } .container__87bf1 > .slider__87bf1 > rect /* settings checkbutton circle */ { fill: var(--text-1); } .menu_ad5fac .menuItemFocused_ad5fac /* account switch button hover */ { color: var(--text-3); } .menu_ad5fac .menuItemFocused_ad5fac path /* account switch button hover */ { fill: var(--text-3); } .mini_a562c8 .grabber_a562c8 /* spotify bar handle */ { margin-top: 4px; border-width: 1px; } .grabber_a562c8 /* settings slider handle */ { border-width: 0; } .button_e131a9.buttonColor_e131a9 /* fix vc buttons */ { color: var(--text-4); } .button_e131a9.buttonColor_e131a9:hover /* fix vc buttons hover */ { background-color: var(--hover); color: var(--text-3); } .iconBadge__650eb.isCurrentUserConnected__650eb /* change server vc badge to neutral */ { background-color: var(--bg-1); color: var(--text-1); } .bannerVisible_f37cb1 .headerContent_f37cb1 /* server name over banner image */, #app-mount .categoryText_d02962 /* gif chooser category names */, .searchTitle_a3a4ce { color: white; } .gifIcon_edf440 /* profile upload image gif chooser */ { background-color: white; } .controlIcon_f1ceac /* fix video maximize button */ { color: var(--text-1); opacity: 0.6; } .controlIcon_f1ceac:hover /* fix video maximize button hover */ { opacity: 1; } ::selection { background: var(--accent-4); color: var(--text-0); } .lookFilled__3f413.select__3f413 { border: none; } .checkbox_f525d3 /* channel checkboxes */ { border-color: var(--text-4) !important; } .newBadge__9a337 /* fix forum new badge */ { color: var(--accent-2); line-height: 16px; } /* remove shadows */ #app-mount .header_fed6d3 /* gif picker */ { box-shadow: none; } #app-mount .textContentFooter__9a337 /* forum post image fade */ { background: none; } /* change online indicator color */ rect[fill='#23a55a'], svg[fill='#23a55a'] { fill: var(--online-indicator) !important; } .status_a423bd[style='background-color: rgb(35, 165, 90);'] { background-color: var(--online-indicator) !important; } rect[fill='#f0b232'], svg[fill='#f0b232'] { fill: var(--idle-indicator); } .status_a423bd[style='background-color: rgb(240, 178, 50);'] { background-color: var(--idle-indicator) !important; } rect[fill='#f23f43'], svg[fill='#f23f43'] { fill: var(--dnd-indicator); } .status_a423bd[style='background-color: rgb(242, 63, 67);'] { background-color: var(--dnd-indicator) !important; } rect[fill='#593695'], svg[fill='#593695'] { fill: var(--streaming-indicator); } .status_a423bd[style='background-color: rgb(89, 54, 149);'] { background-color: var(--streaming-indicator) !important; } /* color fix filters */ .container_a14595:last-child .icon_a14595 /* explore discoverable servers icon color */ { background-color: #3ba55c; filter: var(--green-to-accent-3-filter); } .container_a14595:first-child .icon_a14595 /* explore discoverable servers icon color */ { filter: var(--blurple-to-accent-3-filter); } .artwork_eb4069 /* filter login image */ { filter: var(--login-bg-filter); } /* fix weird message bar padding */ .clipContainer__841c8 { padding-top: 0; margin-top: 0; } /* separate header bar */ .title_f75fb0.themed__9293f /* remove bg */ { background: none; } .searchResultsWrap_a9e706 /* allow overflow */ { overflow: visible; } .chatContent_f75fb0::before /* main chat */, .membersWrap_c8ffbb::before /* member list */, .searchResultsWrap_a9e706::before /* search results */, .outer_c0bea0.panel_c0bea0::before /* dm profile */, .container_f369db::before /* forums */ { content: ''; position: absolute; margin-top: -48px; background: var(--background-primary); width: 100%; height: 48px; border-radius: var(--roundness-xl) var(--roundness-xl) 0 0; } .wrapper_cb9592.minimum_cb9592 ~ .content_f75fb0 .container__93316::before /* remove when in private call */ { display: none; } .membersWrap_c8ffbb /* fix members list height when not scroll */ { height: 100%; } /* rearrange toolbar */ a[href="https://support.discord.com"] /* hide help */ { display: none; } .search__49676 { order: 1; margin: 0 4px 0 12px; } .chat_f75fb0:has(.searchResultsWrap_a9e706) .searchBar__97492 { width: 394px !important; margin-left: calc(var(--spacing) + 8px); } .chat_f75fb0:has(.outer_c0bea0) .searchBar__97492 { width: 316px !important; margin-left: calc(var(--spacing) + 8px); } .chat_f75fb0:has(.membersWrap_c8ffbb) .searchBar__97492 { width: 216px !important; margin-left: calc(var(--spacing) + 8px); } /* add spacing */ .base_c48ade /* outside edges */ { margin: 0 var(--spacing) var(--spacing) 0; } .sidebar_c48ade /* channel list and user panel */, .content_f75fb0 /* between chat and member list */ { gap: var(--spacing); } .sidebar_c48ade /* channel list and chat */ { margin-right: var(--spacing); } .sidebar_c48ade.hidden_c48ade { margin-right: 0; } .resizeHandle__01ae2 /* pretend to be a margin */ { width: var(--spacing); } .wrapper_cb9592.fullScreen_cb9592 .callContainer_cb9592, .fullScreen_cb9592 + .layerContainer_da8173 + .layerContainer_da8173 .container__01ae2 /* fullscreen vc */ { margin-top: var(--spacing); } .notice__6e2b9 /* banner notice */, .wrapper_cb9592.minimum_cb9592 /* private call */ { margin-bottom: var(--spacing); } /* fix padding */ #vc-spotify-player /* vencord spotify */, .container_e131a9 /* vc panel */, .panel__5dec7 /* stream panel */ { padding: 10px; } /* add rounded corners */ .container__2637a /* channel list */, .panels_c48ade /* user panels */, .privateChannels__35e86 /* dms list */, .container__133bf /* friends page */, .applicationStore_f07d62 /* nitro page */, #app-mount .container_f391e3 /* message requests */, .shop__6db1d /* discord shop */, .container__01ae2 /* message request */, #app-mount .callContainer_cb9592 /* vc */, .chat_f75fb0 /* general chat container (for browse channels page */, .animatedContainer_f37cb1 /* server image card */, .notice__6e2b9 /* banner notice */, .wrapper_cb9592.minimum_cb9592, /* private call */ .wrapper_cb9592.minimum_cb9592 ~ .content_f75fb0 /* chat under private call */, .main_c08b38 /* server onboarding */, .container__551b0 /* discover page sidebar */, .scroller__23746 /* discover page container */, .layerContainer_da8173 .outer_c0bea0 /* profile popout */ { border-radius: var(--roundness-xl); overflow: hidden; } .container_dc2e0e /* family center */ { overflow: hidden; } .sidebar_c48ade /* fix */ { border-radius: 0 !important; } .container__93316 /* main chat */, .chatContent_f75fb0 /* main chat inner */, .container_c8ffbb /* members list */, .searchResultsWrap_a9e706 /* search results */, .container_f369db /* forums */, .outer_c0bea0.panel_c0bea0 /* dm profile */, /* discover search containers */ .container__1eae0 .scroller__23746, .container_cbd375 { border-radius: 0 0 var(--roundness-xl) var(--roundness-xl); } .headerBar__8a7fc /* discover search header */, .backdrop__8a7fc /* discover page headers */ { border-radius: var(--roundness-xl) var(--roundness-xl) 0 0; } /* more rounded corners */ .messagesPopoutWrap__45690 /* inbox, pinned messages popout */, .container_d9c882 /* thread popout */, .menu_c1e9c4 .item_c1e9c4d /* server option popout */, .userPopoutOuter_c69a7b /* user profile popout */, .root__24502 /* user profile modal */, .contentWrapper__08434 /* emoji, sticker, gif pickers */, .footer__49fc1 /* edit modal footer */, .layerContainer_da8173 .root__49fc1 /* upload modal */, .uploadModal_dbca3c .footer_dbca3c /* upload modal footer */, .layerContainer_da8173 .inner_c0bea0 { border-radius: var(--roundness-l); } .roundedBanner_c3e427 /* user profile popout top */, .banner_ab876d /* user profile top when edit */ { border-radius: calc(var(--roundness-l) - 4px) calc(var(--roundness-l) - 4px) 0 0; } .userPopoutInner_c69a7b:before /* user profile popout bottom */, .userProfileModalInner_c69a7b:before /* user profile modal bottom */ { border-radius: calc(var(--roundness-l) - 4px); } .menu_c1e9c4 /* general popouts */, .embed__623de/* embeds */, .mediaAttachmentsContainer__242e2 /* image container */, .oneByOneGridSingle_f4758a /* image container single */, .imageContainer__0f481 .imageWrapper__178ee /* gif wrapper */, .markup__75297 code /* code block */, .itemCard__7e549 /* friend activity */, .peopleListItem_cc6179:hover /* online list friends */, .withTagAsButton_b2ca13:hover, .withTagless_b2ca13:hover /* user panel username */, .messageGroupWrapper__45690 /* pinned messages */, .accountProfileCard__1fed1 /* my account settings profile background */, .userProfileModalInner_c69a7b /* fully focused user profile inner */, .mainCard_f369db /* form posts & search box */, .container_ca49a1 /* guidelines box */ { border-radius: var(--roundness-m); } .scrollableContainer__74017 /* message bar */, .channelTextArea_f75fb0 /* message bar underneath */, .select__3f413 /* bot dropdown select */, .layout__91a9d /* members */, .interactive_bf202d /* dms */, .container__9271d /* thread link */, .input__0f084 /* settings inputs */, .item__001a7 /* settings radiobutton bars */, .item__001a7 .radioBar__001a7 /* settings radiobutton bars */, .input_ac6cb0 /* big 'find conversation' search bar */, .auditLog__43dab /* audit log container */ { border-radius: var(--roundness-s); } .select__3f413.open__3f413 /* vencord plugin show all */, .headerWithMatchingPosts_f369db /* forums searchbar footer */ { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .popout__3f413 /* vencord plugin show all */ { border-radius: 0 0 var(--roundness-s) var(--roundness-s); } .banner__183e8 /* community server tutorial thing on message bar */ { border-radius: var(--roundness-s) var(--roundness-s) 0 0; } .scrollableContainer__74017.hasStackedBar__74017 /* fix message bar with reply bar */ { border-top-left-radius: 0; border-top-right-radius: 0; } .replyBar__841c8 { border-radius: var(--roundness-s) var(--roundness-s) 0 0; } .link__2ea32 /* channels */, .content__07f91 /* member connected to vc */, .side_b3f026 .item_b3f026 /* settings tabs */, button.button__201d5 /* small buttons */, .container__33507 /* friend searchbar */, .container_a45028 /* emoji/sticker searchbars */, .searchBar_fed6d3 /* gif picker searchbar */ , .item_c1e9c4 /* general popout buttons */, .icon_a629d4 /* streaming icon */, #vc-spotify-album-image, .background_e681d1 /* settings nitro tab selected */, .hoverButtonGroup__06ab4 /* video download button */, .wrapper_f7ecac /* message hover menu */, .previewChannelRowContent_d59199 { border-radius: var(--roundness-xs); } .hoverButtonGroup__06ab4 /* reposition video download button */ { top: 6px; right: 6px; } .wrapper_a7c28c /* mentions */, .searchBar__97492 /* channel search bar */, .searchBar__35e86 .searchBarComponent__35e86 /* small 'find conversation' search bar */, .topPill_b3f026 .item_b3f026 /* friend online/categories */ { border-radius: var(--roundness-xxs); } #app-mount .centerButton_f1ceac /* fix vc buttons */ { border-radius: 50%; } /* fix view server as role popup */ .viewAsRolesWarning_e131a9 { position: fixed; left: 102px; } /* separate guilds panel background */ .guilds_c48ade { background: var(--bg-4); border-radius: var(--roundness-xl); margin: 0 0 var(--spacing) var(--spacing); } .guilds_c48ade.hidden_ef3116 { margin: 0; } #app-mount .scroller_ef3116 { padding: 12px 0; } .base_c48ade { margin-left: var(--spacing); } /* fix member list rounded corners */ .members_c8ffbb.thin_d125d2, .members_c8ffbb.thin__99f8c { border-radius: 0 0 var(--roundness-xl) var(--roundness-xl); } .guilds_c48ade::after /* add bottom scroll shadow */, .membersWrap_c8ffbb::after { content: ''; position: absolute; background: linear-gradient(transparent 85%, var(--bg-4) 100%); bottom: 0; left: 0; right: 0; height: 100px; pointer-events: none; border-radius: 0 0 var(--roundness-xl) var(--roundness-xl); } .guilds_c48ade::before /* add top scroll shadow */ { content: ''; position: absolute; background: linear-gradient(var(--bg-4) 0%, transparent 15%); top: 0; left: 0; right: 0; height: 100px; pointer-events: none; z-index: 1; } .childWrapper__6e9f8 { background: var(--bg-3); } .container_c48ade > [style$='display: flex;'] > .guilds_c48ade { margin: 0; } .container_c48ade > [style$='display: flex;'] { margin: 0 0 var(--spacing) var(--spacing); } /* UNCOMMENT IF YOU REMOVE THE ABOVE SECTION "separate guilds panel background" .expandedFolderBackground__48112, .folder__48112, .folderIconWrapper__48112 { background-color: var(--bg-4) !important; } */ /* extra top margin for macos and custom clients */ .container_c48ade { margin-top: var(--spacing); } .platform-win .container_c48ade { margin-top: 0; } /* UNCOMMENT if you want to make panels evenly sized on macos .platform-osx .wrapper_ef3116 { margin-top: 0; } .platform-osx .container_c48ade { margin-top: 32px; } */ /* top corner title */ [class^='wordmarkWindows'] { padding: 4px var(--spacing); } [class^='wordmarkWindows'] > svg { display: none; } [class^='wordmarkWindows']::after { content: var(--corner-text); display: block; position: relative; height: 16px; line-height: 16px; font-family: var(--font); font-size: 13px; font-weight: 900; color: var(--text-5); transform: scaleX(1.2); margin-left: 6px; } /* top bar height */ [class^='typeWindows'] { height: calc(var(--spacing) + 12px); margin: 0; } /* window controls */ [class^='winButton'] > svg { display: var(--windows-nav); } [class^='winButton'] { background: none !important; top: 0; width: calc(24px); height: calc(var(--spacing) + 12px); margin: 0; } [class^='winButtonClose'] { padding-right: calc(var(--spacing) - 5px); } [class^='winButton']::after { display: var(--custom-nav); content: ''; height: 12px; width: 12px; border-radius: 12px; } [class^='winButton']:hover::after { filter: brightness(0.8); } [class^='winButton']:active::after { transform: scale(0.9); } [class^='winButtonClose']::after { background-color: var(--dnd-indicator) !important; } [class^='winButtonMinMax']:nth-child(3)::after { background-color: var(--online-indicator) !important; } [class^='winButtonMinMax']:nth-child(4)::after { background-color: var(--idle-indicator) !important; } .wrapper__6e9f8:hover .childWrapper__6e9f8::before { /* prettier-ignore */ transition: background-color 0.15s ease-out, transform var(--moon-spin-transition); transform: rotate(0deg) scale(1); } .wrapper__6e9f8:hover > .childWrapper__6e9f8::before, .wrapper__6e9f8.selected__6e9f8 > .childWrapper__6e9f8::before { background: var(--text-0); transform: rotate(-360deg) scale(0.8); } .lowerBadge_cc5dd2::before { content: ''; display: block; position: absolute; width: 24px; height: 24px; transform: translate(-4px, -4px); z-index: -1; background: var(--bg-3); border-radius: 50%; } /* custom dm button background instead of icon */ /* .childWrapper__6e9f8:has(> svg:not(.favoriteIcon_c9fddf)) { background: url('https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png'); background-color: transparent !important; background-size: cover; } */ /* vencord spotify player support */ #vc-spotify-player { --vc-spotify-green: var(--accent-1); } /* improve unread divider */ .divider__908e2 { border-width: var(--divider-thickness); border-radius: var(--divider-thickness); } .divider__908e2 .content__908e2 { margin-top: calc(var(--divider-thickness) - var(--divider-thickness) * 2); } .endCap__908e2 { margin-top: calc(var(--divider-thickness) / 2 - var(--divider-thickness)); } /* improve highlight message left edge */ .message__5126c.mentioned__5126c::before, .replying__5126c::before { width: 4px; border-radius: 4px; } /* modify embeds */ .embedFull__623de { border: 4px solid var(--bg-2); border-top-color: transparent !important; border-bottom-color: transparent !important; border-right-color: transparent !important; } /* server selected marker */ .item__58105 { width: 4px; border-radius: 4px; margin-left: 4px; } /* list hover animations */ .wrapper__2ea32 .link__2ea32 /* channels */, .container__91a9d /* members */, .channel__972a0 /* dms */, .side_b3f026 .item_b3f026 /* settings */ { transition: margin-left var(--list-item-transition); } .wrapper__2ea32:hover .link__2ea32, .side_b3f026 .item_b3f026:hover { margin-left: 10px; } .container__91a9d:hover, .channel__972a0:hover { margin-left: 18px; } /* spin hover animations */ button.button__67645 /* make user panel buttons round */ { border-radius: 50%; } .attachButton__0923f .attachButtonInner__0923f /* upload button */, .emojiButton_d0696b .contents__201d5 /* emoji button */, .closeButton_c2b141 /* settings exit button */, .contents__201d5 > .closeIcon__49fc1 /* modal close */ { transition: transform var(--icon-spin-transition); } .button__67645:last-child:hover .contents__201d5, .attachButton__0923f:hover .attachButtonInner__0923f, .emojiButton_d0696b:hover .contents__201d5, .closeButton_c2b141:hover, .contents__201d5:hover > .closeIcon__49fc1 { transform: rotate(360deg); } /* hide unread bar on hover */ .messagesWrapper__36d07 { overflow: hidden; } .newMessagesBar__0f481 { top: -48px; height: 72px; transition: top var(--unread-bar-transition); background: none; box-shadow: none; border-radius: 0; } .newMessagesBar__0f481::before { content: ''; background: var(--accent-3); box-shadow: var(--elevation-low); width: 100%; position: absolute; height: 32px; border-radius: var(--roundness-s); } .newMessagesBar__0f481:hover { top: -12px; } .top__7aaec > .containerPadding__7aaec { padding: 16px; margin-top: -40px; transition: margin-top var(--unread-bar-transition); } .top__7aaec:hover > .containerPadding__7aaec:hover { margin-top: -12px; } .bottom__7aaec > .containerPadding__7aaec { padding: 16px; margin-bottom: -40px; transition: margin-bottom var(--unread-bar-transition); } .bottom__7aaec > .containerPadding__7aaec:hover { margin-bottom: -12px; } /* Decor Compat */ .vc-decor-sectioned-grid-list-container { border-radius: 0% !important; overflow: scroll !important; } /* Call background fits theme */ .callContainer_cb9592 { background: var(--bg-4); } /* Remove gradient from call containers */ .gradientContainer_bfe55a { visibility: hidden; } /* Call padding */ .wrapper_cb9592.normal_cb9592 { padding-bottom: var(--spacing); } /* change own profile hover to match border roundness */ .avatarWrapper__37e49:hover { border-radius: var(--roundness-xl); } /* fix scrollbars in emotes menu */ .content_fed6d3 .thin__99f8c::-webkit-scrollbar-thumb, .wrapper_e94b8c .thin_d125d2::-webkit-scrollbar-thumb, .listWrapper_c656ac .thin_d125d2::-webkit-scrollbar-thumb { background-color: var(--bg-2); } /* fix discovery icon */ .footer__214dc { background: var(--bg-overlay-app-frame, var(--bg-4)); } .discoveryIcon_ef3116 { color: var(--green-360); } /* fix bottom left user profile corner roundness */ .inner_c0bea0.panel_c0bea0 { border-radius: 0 0 var(--roundness-xl) var(--roundness-xl); } .theme-light { --text-link: var(--accent-5); } /* Dropdown styles */ #theme-options { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(145deg, rgba(25, 25, 25, 0.95), rgba(40, 40, 40, 0.85)); /* Gradient background for dropdown */ border-radius: var(--roundness-m); padding: 20px; box-shadow: var(--shadow-default); /* Applied default shadow */ z-index: 9999; display: none; color: var(--text-0); transition: all var(--dropdown-transition); width: 320px; backdrop-filter: blur(12px); /* Increased blur for more depth */ } html.theme-light, .theme-dark { --activity-card-background: var(--bg-3); --android-navigation-bar-background: var(--primary-830); --android-navigation-scrim-background: hsl(var(--primary-830-hsl) / 0.5); --android-ripple: hsl(var(--white-500-hsl) / 0.07); --background-accent: var(--bg-2); --background-floating: var(--bg-3); --background-mentioned: var(--mention); --background-mentioned-hover: var(--mention-hover); --background-message-automod: hsl(var(--red-400-hsl) / 0.05); --background-message-automod-hover: hsl(var(--red-400-hsl) / 0.1); --background-message-highlight: var(--active); --background-message-highlight-hover: var(--hover); --background-message-hover: var(--message-hover); --background-mobile-primary: var(--bg-4); --background-mobile-secondary: var(--primary-630); --background-modifier-accent: var(--hover); --background-modifier-accent-2: red; --background-modifier-active: var(--active); --background-modifier-hover: var(--hover); --background-modifier-selected: var(--active); --background-nested-floating: var(--primary-630); --background-primary: var(--bg-4); --background-secondary: var(--bg-3); --background-secondary-alt: var(--bg-3); --background-tertiary: var(--bg-3); --bg-backdrop: hsl(var(--black-500-hsl) / 0.7); --bg-backdrop-no-opacity: var(--black-500); --bg-base-primary: var(--primary-600); --bg-base-secondary: var(--primary-630); --bg-base-tertiary: var(--primary-660); --bg-mod-faint: var(--bg-4); --bg-mod-strong: var(--bg-2); --bg-mod-subtle: var(--bg-2); --bg-surface-overlay: var(--primary-800); --bg-surface-overlay-tmp: var(--primary-800); --bg-surface-raised: var(--primary-600); --black: var(--black-500); --blur-fallback: hsl(var(--primary-700-hsl) / 0.96); --blur-fallback-pressed: hsl(var(--primary-730-hsl) / 0.96); --border-faint: hsl(var(--white-500-hsl) / 0.03); --border-strong: hsl(var(--white-500-hsl) / 0.16); --border-subtle: hsl(var(--white-500-hsl) / 0.08); --bug-reporter-modal-submitting-background: hsl(var(--primary-800-hsl) / 0.6); --button-creator-revenue-background: var(--teal-430); --button-danger-background: var(--red-430); --button-danger-background-active: var(--red-530); --button-danger-background-disabled: var(--red-430); --button-danger-background-hover: var(--red-500); --button-outline-brand-background: hsl(var(--white-500-hsl) / 0); --button-outline-brand-background-active: var(--brand-560); --button-outline-brand-background-hover: var(--brand-500); --button-outline-brand-border: var(--brand-500); --button-outline-brand-border-active: var(--brand-560); --button-outline-brand-border-hover: var(--brand-500); --button-outline-brand-text: var(--white-500); --button-outline-brand-text-active: var(--white-500); --button-outline-brand-text-hover: var(--white-500); --button-outline-danger-background: hsl(var(--white-500-hsl) / 0); --button-outline-danger-background-active: var(--red-460); --button-outline-danger-background-hover: var(--red-430); --button-outline-danger-border: var(--red-400); --button-outline-danger-border-active: var(--red-430); --button-outline-danger-border-hover: var(--red-430); --button-outline-danger-text: var(--white-500); --button-outline-danger-text-active: var(--white-500); --button-outline-danger-text-hover: var(--white-500); --button-outline-positive-background: hsl(var(--white-500-hsl) / 0); --button-outline-positive-background-active: var(--green-530); --button-outline-positive-background-hover: var(--green-430); --button-outline-positive-border: var(--green-360); --button-outline-positive-border-active: var(--green-530); --button-outline-positive-border-hover: var(--green-430); --button-outline-positive-text: var(--white-500); --button-outline-positive-text-active: var(--white-500); --button-outline-positive-text-hover: var(--white-500); --button-outline-primary-background: hsl(var(--white-500-hsl) / 0); --button-outline-primary-background-active: var(--primary-430); --button-outline-primary-background-hover: var(--primary-500); --button-outline-primary-border: var(--primary-500); --button-outline-primary-border-active: var(--primary-430); --button-outline-primary-border-hover: var(--primary-500); --button-outline-primary-text: var(--white-500); --button-outline-primary-text-active: var(--white-500); --button-outline-primary-text-hover: var(--white-500); --button-positive-background: var(--green-430); --button-positive-background-active: var(--green-530); --button-positive-background-disabled: var(--green-430); --button-positive-background-hover: var(--green-500); --button-secondary-background: var(--bg-2); --button-secondary-background-active: var(--text-5); --button-secondary-background-disabled: var(--bg-2); --button-secondary-background-hover: var(--bg-1); --card-gradient-bg: hsl(var(--black-500-hsl) / 0.4); --card-gradient-pressed-bg: hsl(var(--black-500-hsl) / 0.5); --card-primary-bg: var(--primary-560); --card-primary-pressed-bg: var(--primary-645); --card-secondary-bg: var(--bg-3); --card-secondary-pressed-bg: var(--primary-645); --channel-icon: var(--text-4); --channel-text-area-placeholder: var(--text-5); --channels-default: var(--text-4); --channeltextarea-background: var(--bg-3); --chat-background: var(--primary-600); --chat-border: var(--primary-700); --chat-input-container-background: var(--primary-600); --chat-swipe-to-reply-background: var(--primary-660); --control-brand-foreground: var(--accent-2); --control-brand-foreground-new: var(--brand-360); --creator-revenue-icon-gradient-end: var(--teal-430); --creator-revenue-icon-gradient-start: var(--teal-360); --creator-revenue-info-box-background: hsl(var(--teal-430-hsl) / 0.1); --creator-revenue-info-box-border: var(--teal-400); --creator-revenue-locked-channel-icon: var(--teal-345); --creator-revenue-progress-bar: var(--teal-400); --deprecated-card-bg: var(--bg-3); --deprecated-card-editable-bg: hsl(var(--primary-700-hsl) / 0.3); --deprecated-quickswitcher-input-background: var(--primary-400); --deprecated-quickswitcher-input-placeholder: hsl(var(--white-500-hsl) / 0.3); --deprecated-store-bg: var(--primary-600); --deprecated-text-input-bg: var(--bg-3); --deprecated-text-input-border: hsl(var(--black-500-hsl) / 0.3); --deprecated-text-input-border-disabled: var(--primary-700); --deprecated-text-input-border-hover: var(--primary-900); --deprecated-text-input-prefix: var(--primary-200); --display-banner-overflow-background: hsl(var(--primary-700-hsl) / 0.5); --divider-strong: hsl(var(--white-500-hsl) / 0.16); --divider-subtle: hsl(var(--white-500-hsl) / 0.08); --focus-primary: var(--blue-345); --forum-post-extra-media-count-container-background: hsl(var(--primary-660-hsl) / 0.8); --forum-post-tag-background: hsl(var(--primary-660-hsl) / 0.9); --guild-notifications-bottom-sheet-pill-background: var(--primary-700); --header-muted: var(--text-4); --header-primary: var(--text-2); --header-secondary: var(--text-4); --home-background: var(--bg-4); --home-card-resting-border: hsl(var(--transparent-hsl) / 0); --icon-muted: var(--primary-400); --icon-primary: var(--primary-130); --icon-secondary: var(--primary-330); --info-box-background: hsl(var(--blue-345-hsl) / 0.1); --info-danger-background: hsl(var(--red-400-hsl) / 0.1); --info-danger-foreground: var(--red-400); --info-danger-text: var(--white-500); --info-help-background: hsl(var(--blue-345-hsl) / 0.1); --info-help-foreground: var(--blue-345); --info-help-text: var(--white-500); --info-positive-background: hsl(var(--green-360-hsl) / 0.1); --info-positive-foreground: var(--green-360); --info-positive-text: var(--white-500); --info-warning-background: hsl(var(--yellow-300-hsl) / 0.1); --info-warning-foreground: var(--yellow-300); --info-warning-text: var(--white-500); --input-background: var(--bg-3); --input-placeholder-text: var(--text-5); --interactive-active: var(--text-3); --interactive-hover: var(--text-3); --interactive-muted: var(--text-5); --interactive-normal: var(--text-4); --legacy-android-blur-overlay-default: hsl(var(--primary-660-hsl) / 0.5); --legacy-android-blur-overlay-ultra-thin: hsl(var(--black-500-hsl) / 0.025); --legacy-blur-fallback-default: hsl(var(--primary-660-hsl) / 0.975); --legacy-blur-fallback-ultra-thin: hsl(var(--black-500-hsl) / 0.95); --live-stage-tile-border: hsl(var(--primary-500-hsl) / 0.6); --logo-primary: var(--white-500); --mention-background: var(--mention); --mention-foreground: var(--accent-1); --modal-background: var(--bg-4); --modal-footer-background: var(--bg-4); --navigator-header-tint: var(--white-500); --polls-image-normal-border: hsl(var(--black-430-hsl) / 0.9); --polls-victor-border: var(--yellow-300); --polls-victor-fill: var(--mention); --polls-victor-label: var(--primary-600); --polls-voted-border: var(--green-330); --polls-voted-fill: var(--mention); --polls-voted-label: var(--primary-600); --profile-gradient-card-background: hsl(var(--black-500-hsl) / 0.7); --profile-gradient-message-input-border: hsl(var(--primary-500-hsl) / 0.48); --profile-gradient-note-background: hsl(var(--black-500-hsl) / 0.3); --profile-gradient-overlay: hsl(var(--black-500-hsl) / 0.6); --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl) / 0.8); --profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl) / 0.16); --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl) / 0.5); --profile-gradient-role-pill-border: hsl(var(--white-500-hsl) / 0.2); --profile-gradient-section-box: hsl(var(--black-500-hsl) / 0.45); --redesign-activity-card-background: var(--primary-560); --redesign-activity-card-background-pressed: var(--primary-630); --redesign-activity-card-badge-icon: var(--primary-360); --redesign-activity-card-border: hsl(var(--white-500-hsl) / 0.02); --redesign-activity-card-overflow-background: var(--primary-630); --redesign-button-danger-background: var(--red-430); --redesign-button-danger-pressed-background: var(--red-460); --redesign-button-danger-text: var(--white-500); --redesign-button-overlay-alpha-background: hsl(var(--black-500-hsl) / 0.54); --redesign-button-overlay-alpha-pressed-background: hsl(var(--black-500-hsl) / 0.64); --redesign-button-overlay-alpha-text: var(--white-500); --redesign-button-overlay-background: var(--white-500); --redesign-button-overlay-pressed-background: var(--primary-230); --redesign-button-overlay-text: var(--primary-860); --redesign-button-positive-background: var(--green-430); --redesign-button-positive-pressed-background: var(--green-460); --redesign-button-positive-text: var(--white-500); --redesign-button-primary-alt-background: hsl(var(--brand-500-hsl) / 0); --redesign-button-primary-alt-border: var(--brand-360); --redesign-button-primary-alt-on-blurple-background: hsl(var(--brand-530-hsl) / 0); --redesign-button-primary-alt-on-blurple-border: var(--white-500); --redesign-button-primary-alt-on-blurple-pressed-background: var(--brand-530); --redesign-button-primary-alt-on-blurple-pressed-border: var(--brand-360); --redesign-button-primary-alt-on-blurple-text: var(--white-500); --redesign-button-primary-alt-pressed-background: hsl(var(--brand-700-hsl) / 0.16); --redesign-button-primary-alt-pressed-border: hsl(var(--brand-400-hsl) / 0.5); --redesign-button-primary-alt-pressed-text: var(--brand-360); --redesign-button-primary-alt-text: var(--brand-360); --redesign-button-primary-background: var(--brand-500); --redesign-button-primary-on-blurple-background: var(--white-500); --redesign-button-primary-on-blurple-pressed-background: var(--brand-200); --redesign-button-primary-on-blurple-pressed-text: var(--brand-530); --redesign-button-primary-on-blurple-text: var(--brand-500); --redesign-button-primary-pressed-background: var(--brand-560); --redesign-button-primary-text: var(--white-500); --redesign-button-secondary-alt-background: var(--primary-660); --redesign-button-secondary-alt-pressed-background: var(--primary-560); --redesign-button-secondary-alt-pressed-text: var(--primary-330); --redesign-button-secondary-alt-text: var(--primary-230); --redesign-button-secondary-background: var(--primary-460); --redesign-button-secondary-border: hsl(var(--white-500-hsl) / 0.08); --redesign-button-secondary-pressed-background: var(--primary-500); --redesign-button-secondary-pressed-border: hsl(var(--transparent-hsl) / 0); --redesign-button-secondary-text: var(--primary-230); --redesign-channel-category-name-text: var(--primary-330); --redesign-channel-message-preview-text: var(--primary-360); --redesign-channel-name-muted-text: var(--primary-360); --redesign-channel-name-text: var(--primary-130); --redesign-chat-input-background: var(--primary-700); --redesign-input-control-active-bg: var(--primary-645); --redesign-input-control-selected: var(--brand-500); --redesign-only-background-active: var(--primary-530); --redesign-only-background-default: var(--primary-600); --redesign-only-background-overlay: var(--primary-645); --redesign-only-background-raised: var(--primary-630); --redesign-only-background-sunken: var(--primary-660); --scrollbar-auto-scrollbar-color-thumb: var(--primary-730); --scrollbar-auto-scrollbar-color-track: var(--primary-630); --scrollbar-auto-thumb: var(--bg-3); --scrollbar-auto-track: transparent; --scrollbar-thin-thumb: var(--bg-3); --scrollbar-thin-track: transparent; --__spoiler-background-color--hidden: var(--bg-2); --__spoiler-background-color--hidden--hover: var(--hover); --__spoiler-background-color--revealed: var(--bg-2); --status-danger: var(--red-400); --status-danger-background: var(--red-400); --status-danger-text: var(--text-0); --status-dnd: var(--red-400); --status-idle: var(--yellow-300); --status-offline: var(--primary-360); --status-online: var(--green-360); --status-positive: var(--green-360); --status-positive-background: var(--green-430); --status-positive-text: var(--text-0); --status-speaking: var(--green-360); --status-warning: var(--yellow-300); --status-warning-background: var(--yellow-300); --status-warning-text: var(--black-500); --text-brand: var(--accent-1); --text-danger: var(--red-345); --text-link: var(--accent-1); --text-link-low-saturation: var(--blue-330); --text-low-contrast: var(--primary-360); --text-message-preview-low-sat: var(--primary-360); --text-muted: var(--text-5); --text-muted-on-default: var(--text-4); --text-normal: var(--text-3); --text-positive: var(--green-330); --text-primary: var(--text-3); --text-secondary: var(--text-3); --text-warning: var(--yellow-300); --textbox-markdown-syntax: var(--primary-360); --theme-locked-blur-fallback: hsl(var(--primary-700-hsl) / 0.96); --user-profile-header-overflow-background: hsl(var(--primary-700-hsl) / 0.5); --voice-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48); --voice-video-video-tile-blur-fallback: hsl(var(--primary-700-hsl) / 0.48); --white: var(--white-500); --profile-gradient-primary-color: var(--bg-4); --profile-gradient-secondary-color: var(--bg-4); --elevation-low: none; --shadow-ledge: none; --search-popout-option-fade: none; --search-popout-option-fade-hover: none; --brand-260: var(--bg-1); /* 'new' badges */ --brand-430: var(--accent-3); --brand-500: var(--accent-3); --brand-530: var(--accent-4); --brand-560: var(--accent-4); --brand-600: var(--accent-5); --brand-experiment-400: var(--accent-3); /* loading spinning animation element */ --green-330: var(--accent-1); --green-360: var(--accent-3); --green-430: var(--accent-4); --green-500: var(--accent-4); --green-530: var(--accent-5); --brand-experiment-15a: var(--mention); /* background of reacted reactions */ --brand-360: var(--accent-2); /* invite text */ --primary-500: var(--bg-2); /* progress bars */ --primary-600: var(--bg-3); /* delete message preview */ --primary-630: var(--bg-3); /* billing transaction history */ --primary-660: var(--bg-3); /* search popout "enter" bar */ --primary-700: var(--bg-3); /* audit log border */ --white-500: var(--text-1); } /* Targeting Direct Messages section for custom text */ .theme-dark .sidebar_c48ade .content__99f8c:after { content: 'Theme Author: CrimZenEdits discord.gg/ZPfY8cr9tw'; font-size: 13px; color: rgba(255, 255, 255, 0.062); /* Light color for the text */ text-align: center; text-shadow: var(--text-shadow); /* Apply 3D shadow effect */ margin-top: 50px; height: 240px; display: flex; justify-content: center; /* Center horizontally */ align-items: center; /* Center vertically */ flex-direction: column; /* Stack text vertically */ transition: opacity 0.3s ease; /* Smooth transition for visibility */ } /* When the sidebar is collapsed (auto-update for state change) */ .theme-dark .sidebar_c48ade[data-collapsed="true"] .content__99f8c:after { opacity: 0; /* Hide text when collapsed */ } /* When the sidebar is expanded (show text) */ .theme-dark .sidebar_c48ade[data-collapsed="false"] .content__99f8c:after { opacity: 1; /* Show text when expanded */ } /* Ensure the sidebar is positioned correctly */ .theme-dark .sidebar_c48ade { position: relative; /* Enable absolute positioning of the content */ } /* scroll optimizations */ [class*='scroll'] { will-change: scroll-position; } .burstGlow__23977 { display: none; }