/** * @name RaveOS Forest Green * @description Dark theme with RaveOS wallpaper — Nord palette, forest green accent * @author RaveOS Team * @version 1.0.0 */ :root { /* ── RaveOS / Nord palette ── */ --var-background: url(raveos-discord-bg.jpeg); --var-accent: #3d7839; --var-accent-hover: #4a9245; --var-popout-color: rgb(18 22 25); --var-background-size: cover; --var-background-position: center; --var-font: 'gg sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --var-notification: #BF616A; --var-black1: rgb(0 0 0 / 50%); --var-black2: rgb(0 0 0 / 62%); --var-hover10: rgb(181 181 181 / 10%); --var-hover20: rgb(181 181 181 / 20%); --var-hover22: rgb(181 181 181 / 22%); --var-hover25: rgb(181 181 181 / 25%); --var-hover30: rgb(181 181 181 / 30%); --var-hover50: rgb(181 181 181 / 50%); --var-hover80: rgb(181 181 181 / 80%); --var-hover100: rgb(181 181 181 / 100%); /* Discord overrides */ --green-360: rgb(61 120 57 / 80%); --green-330: rgb(74 146 69 / 100%); --status-danger: var(--var-notification); --brand-500: var(--var-accent); --brand-560: #2d5a2a; --brand-600: #254d23; } /* ── Theme info ── */ .info__2debe:after { content: "RaveOS Forest Green 1.0"; position: relative; font-size: 12px; line-height: 16px; color: var(--text-muted); } /* ── Word Mark ── */ .wordmark__421ed path { display: none; } /* ══════════════════════════════════════════ TRANSPARENT BACKGROUNDS ══════════════════════════════════════════ */ .visual-refresh .wrapper_ef3116, .layer__960e4 .container__5e434, .layer__960e4, .layer__960e4 .standardSidebarView__23e6b, .appMount__51fd7 .layers__160d8, .appMount__51fd7 .layer__960e4, .app__160d8, .visual-refresh.theme-dark .container__133bf, .container__7d20c, .contentRegion__23e6b .contentRegionScroller__23e6b, .contentRegion__23e6b .scroller_ff90b2, .sidebarRegion__23e6b .sidebarRegionScroller__23e6b, .standardSidebarView__23e6b .sidebarRegion__23e6b, .nowPlayingColumn__133bf, .contentRegion__23e6b, .sidebar__5e434, .chat_f75fb0 .chatContent_f75fb0, .visual-refresh.theme-dark .scroller__99e7c, .visual-refresh .chat_f75fb0, .visual-refresh .resizeHandle__01ae2, .title_f75fb0 .searchBar__97492, .member_c8ffbb, .visual-refresh .channelTextArea_f75fb0, .actionButton_f8fa06, .actionButton_f8fa06.highlight_f8fa06, .fieldList__1fed1, .background__1fed1, .wrapper_fc8177, .wrapper_cdf8a9, .visual-refresh.theme-dark .pageWrapper_a3a4ce, .scroller_a39aa3, .visual-refresh .wrapper__14245, .cardPrimary-3qRT__, .cardPrimaryEditable-2mz_3i, .visual-refresh.theme-dark .paginator__01014, .visual-refresh.theme-dark .payment_e9cb00, .applicationStore_f07d62, .scroller__244e5, .panels__5e434, .selectedBackground_e681d1, .chat_f75fb0 .themed__9293f, .searchHeader_f3b986, .visual-refresh .messageGroupWrapper_e8b59c, .visual-refresh .chatContent_f75fb0, .form_d9be46 .input__0ed4f, .content__49fc1 .multiInput-1VARjC .input__0ed4f, .phoneField_a0c54f .inputField_a0c54f, .previewMessage__5d148, .content-2eQb8J, .container_e5c5d5, .groupContainer__6f5a6, .collapseable__217b7.toggled__217b7:active, .searchableSelect_a16aea .option_a16aea .selectedIcon_a16aea, .menuOverlay_ce8328 .menu-KSaHL1, .visual-refresh.theme-dark .perksModal-CLcR1c, .tierMarker-Vw1C95[style*="background: rgb(30, 31, 34);"], .content__49fc1 .input__991a0, .loadingPopout__58f1c, .visual-refresh .scroller_ac6cb0, .attachedBars_bdf0de, .visual-refresh.theme-dark .footer-1hTRRZ .inputDefault__0f084, .titleContainer_e29cd7, .option__56fec:hover:after, .footer_cba592 .inputDefault__0f084, .spinner-3QeLKO, .visual-refresh.theme-dark .notches__06283.gray__06283, .scroller-36O4Tg, .header-16U6Vf, .container_e9b3cb, .visual-refresh.theme-dark .emptyPage__5d7c9, .visual-refresh.theme-dark .scrollerContainer_c6b11b, .visual-refresh.theme-dark .container_c2efea, .visual-refresh.theme-dark .focusLock__49fc1 .carouselModal-1eUFoq, .topicFormItem__97cfe .textInput__97cfe, .inner_c0bea0:before, .visual-refresh .wrapper_cb9592, .outerContainer-2qLQSo, .contentContainer-BWAau5, .containerSidenav_dc2e0e, .sidebar__68062, .visual-refresh.theme-dark .container_c791b2, .visual-refresh.theme-dark .sidebar__68062, .visual-refresh .wrapper_cdf8a9, .visual-refresh .container_f369db, .wrapper__4106a, .paymentNote__56a21, .container_d74ef8 .container_d878e7, .marker_d878e7, .visual-refresh .shop__6db1d, .visual-refresh .shop__08415, .scroller_c880e8, .pageWrapperBackgroundPrimary__36469, .shopScrollBackgroundPrimary__28f1d, .appliedBoostContainer_ceb06a, .scroller__6fd0e, .shopScroll__6db1d, .pageWrapper__6db1d, .container__722ff, .visual-refresh .wrapper_fc8177, .spinner__1d6c7, .visual-refresh .header_fed6d3, .visual-refresh .header__8ef02, .pageBody__41ed7, .visual-refresh.theme-dark .sidebarContainer_a3a4ce, .container__7bdb0, .commandContainer_c94584, .container_fed6d3, .visual-refresh .scroller__23746, .headerBar__8a7fc:after, .backdrop__8a7fc, .rewardDescriptionContainer__956c6, .visual-refresh .container__551b0, .container_cbd375, .stackedBars__74017, .visual-refresh .container_fb64c9, .layer_bc663c .mediaModal_a1cc72, .contentContainer__4325e, .visual-refresh.theme-dark .content__37e49, .visual-refresh .container__956c6, .visual-refresh .tabBody__133bf, .visual-refresh .container_c8ffbb, .button_f7ecac:hover, .scroller__53543, .visual-refresh .channelChatWrapper_cb9592, .visual-refresh .homeWrapper__0920e, .container__89463, .sidebarContainer__89463 { background-color: transparent; } .modalHeader_a27f2f, .whatsNewSection__4186d, .option__56fec:after, .visual-refresh.theme-dark .popularPicksGradient_e77fa3, .theme-dark .themed__9293f, .chatGradient__36d07, .scroller_f48ee4 { background: transparent; } .zoomedCarouselModalRoot_f74404, .page_c791b2 { background: transparent !important; } .backdrop__1a911 { backdrop-filter: none !important; } /* ══════════════════════════════════════════ BACKGROUND IMAGE ══════════════════════════════════════════ */ .app__160d8 .bg__960e4 { background-image: var(--var-background) !important; background-position: var(--var-background-position) !important; background-size: var(--var-background-size) !important; background-color: transparent !important; background-repeat: no-repeat; z-index: -5; } .visual-refresh body { background-image: var(--var-background); background-position: var(--var-background-position); background-size: var(--var-background-size); background-repeat: no-repeat; font-family: var(--var-font) !important; --font-primary: var(--var-font) !important; --font-display: var(--var-font) !important; } .backdrop__78332 { backdrop-filter: none !important; } /* ══════════════════════════════════════════ SCROLLBARS ══════════════════════════════════════════ */ .scroller__36d07::-webkit-scrollbar-track, .auto_d125d2::-webkit-scrollbar-track, .thin_d125d2::-webkit-scrollbar-thumb, .scroller_ac6cb0::-webkit-scrollbar-track, .auto__99f8c::-webkit-scrollbar-track { background-color: transparent !important; } .auto_d125d2::-webkit-scrollbar-thumb { background-color: var(--var-black1); border-radius: 4px; } .fade__99f8c:hover::-webkit-scrollbar-thumb, .fade__99f8c:hover::-webkit-scrollbar-track { visibility: hidden; } /* ══════════════════════════════════════════ ACCENT COLOR (RaveOS green) ══════════════════════════════════════════ */ .lookFilled__201d5.colorBrand__201d5:disabled, .lookFilled__201d5.colorBrand__201d5[aria-disabled=true], .lookFilled__201d5.colorBrand__201d5, .lookFilled__201d5.colorPrimary__201d5, .modeSelected__2ea32 .link__2ea32, .modeSelected__2ea32:hover .link__2ea32, .itemFilled__88a69[aria-checked=true], .selected_e03935.option_e03935, .notice_c5cd6a, .button_c5cd6a:hover, .wrapper_dc0b29, .visual-refresh .inspector_aeaaeb, .messagesPopout_e8b59c .channelHeader__35a7e, .wrapper_d4fa29, .buttonColor_dfbe6b, .colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4), .lookFilled__201d5.colorBrandNew__8872c, .selectedIcon_a16aea, .newMessagesBar__0f481, .botTagRegular_c89c9a, .searchBox__56feb:focus, .backgroundModifierContainer_e5c5d5.selected_e5c5d5, .ruleIconContainer_c5e6a1, .stepCountIcon_b6c6eb, .selectedBrand__97e86, .featureIcon__7dd5e, .viewServerButton_adff39, .mediaBarGrabber_f7877e, .mediaBarProgress_f7877e, .mediaBarProgress_f7877e:after, .mediaBarProgress_f7877e:before, .mediaBarInteraction_f7877e:hover .mediaBarGrabber_f7877e, .interactive:hover, .row__76f04:hover, .categoryItem_c72b37.selectedCategoryItem_c72b37 .itemInner_c72b37, .visual-refresh.theme-dark .tooltipPrimary_c36707, .selectorButtonSelected_c6d3dc, .selectorButton_c6d3dc:not(.selectorButtonPremiumRequired__9df5b):hover, .wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8, .wrapper__6e9f8:hover .childWrapper__6e9f8, .iconWrapper__54b20, .visual-refresh.theme-dark .footer__67dba, .checkmark__36dee, .visual-refresh .barFill_a562c8, .container_eb2cd2, .pillItemSelected__9e06a, .checkboxCircle_d9161f, .visual-refresh.theme-dark .dim__61c93 .key__61c93, .visual-refresh.theme-dark .calendarPicker_d27f17 .react-datepicker, .childWrapper_a6ce15, .folderGroupBackground__48112, .hiddenVisually_b18fe2.hover__48112, .hiddenVisually_b18fe2[aria-expanded=true], .userCardInner_c69a7b, .iconCircle__183e8, .visual-refresh .wrapper__6c798, .uploadInput__94439, .marker_d878e7 .empty_d878e7, .activityItem__18da2:hover, .wrapper__97f37, .selectGuildPseudoCta__39466, .buttonColor_f00225, .visual-refresh.theme-dark .staticToolbar_bba883, .botTagRegular__82f07, .categoryPill_f69601.selected_f69601, .wrapper_b1e4f3, .categoryItem_f75d68.selectedCategoryItem_f75d68 .itemInner_f75d68, .visual-refresh .circleIconButton__5bc7e.selected__5bc7e, .childWrapperNoHoverBg__6e9f8, .visual-refresh .circleIconButton__5bc7e:hover:not(.disabled__5bc7e) { background-color: var(--var-accent); } .addFriendInputWrapper__72ba7:focus-within, .wrapper_e03935 { border-color: var(--var-accent); } .visual-refresh.theme-dark .interactiveSelected__972a0.selected_bf202d { background-color: var(--var-accent); } .textBadge_f05120[style='background-color: var(--brand-500);'], .serverBoostTabItem_cbe0b4[aria-selected=true] { background-color: var(--var-accent) !important; } .gradient_c08b38 { background: var(--var-accent) !important; } .visual-refresh .radioIndicatorChecked__88a69 .refreshIconFill__88a69 { fill: var(--var-accent); } /* ══════════════════════════════════════════ BLACK OVERLAY 1 (panels, sidebars) ══════════════════════════════════════════ */ .visual-refresh.theme-dark .appMount__51fd7, .visual-refresh .privateChannels_e6b769, .visual-refresh.theme-dark .container__2637a, .wrapper_e131a9, .visual-refresh.theme-dark .panel__5dec7, .visual-refresh.theme-dark .container__37e49, .visual-refresh .container__01ae2, .visual-refresh .container__9271d, .scrollableContainer__74017, .peopleListItem_cc6179.active_cc6179, .peopleListItem_cc6179:hover, .peopleColumn__133bf .searchBar__5ec2f, .addFriendInputWrapper__72ba7, .visual-refresh.theme-dark .inset_bf1984, .flexChild__7c0ba .layout-1XOMLV, .itemFilled__88a69, .container_a14595:active, .visual-refresh.theme-dark .card__84e3e, .visual-refresh.theme-dark .iconMask_e90879, .content__908e2, .container_a76561, .customizationSection_ace4f5 .input__0ed4f, .customizationSection_ace4f5 .bioTextArea__6a919, .visual-refresh .authedApp__50a54, .connectContainer_c7f964, .connection_c7f964, .connectionHeader_c7f964, .accountButtonInner_c7f964, .guildHeader__30707, .cardWrapper_aae012, .detailsBlock_e335a7, .noItemsCard__70151, .promotionCard_d4883c, .visual-refresh.theme-dark .paymentPane__01014, .visual-refresh.theme-dark .codeRedemptionRedirect_a706ba, .visual-refresh.theme-dark .defaultIndicator__43963, .container__133bf .themed__9293f, .visual-refresh.theme-dark .headerBar__0920e, .visual-refresh .searchResult__02a39, .recentMentionsPopout__95796 .header_e8b59c, .emptyCard__7e549, .visual-refresh .mainCard_f369db, .visual-refresh .matchingPostsRow_f369db, .pill_a2c9e8, .perkCard_b62c4e, .children__7bffb .input__0ed4f, .visual-refresh.theme-dark .expandedInfo_e9cb00, .avatarUploaderInnerSquareDisabled_e04502, .visual-refresh .container_d8f25b, .primary_a41c2a:hover:not(.disabled__4d064), .secondary__45d4f, .container_d8f25b:hover .icon_d8f25b, .visual-refresh.theme-dark .default_e18686, .visual-refresh.theme-dark .tierHeaderUnlocked_a36dee, .visual-refresh.theme-dark .tierHeaderLocked_a36dee, .descriptionBox__981f7, .marginBottom4_fd297e .input__0ed4f, .cardHeader_b44011, .category_d7acc7, .card_e90143, .container_d9c848, .container_bf1c84, .category_fa8ebf.activeCategory_fa8ebf, .visual-refresh.theme-dark .searchBox__56feb, .clickable_a97e58:hover, .visual-refresh.theme-dark .activeButton_c15210, .visual-refresh.theme-dark .activeButton_c15210:hover, .pageButton_c15210:hover, .list__83c7c, .intentsContainer_f6d180, .category_d169f5, .card_c59071, .clickableContainer_e5c5d5, .groupCollapsedContainer__6f5a6, .pointer__6f5a6, .visual-refresh .editCard_a25a68, .actionContainer__6446f, .visual-refresh .editCard_a25a68.toggled_a25a68.active_ef2ec5, .richTag_fea832, .keywordListContainer__09e76, .collapseable__217b7 .keywordTextArea__4546e, .visual-refresh.theme-dark .headerClickable__43dab, .visual-refresh.theme-dark .headerDefault__43dab, .visual-refresh.theme-dark .headerExpanded__43dab, .visual-refresh .upsellFooter__73000, .backgroundAccent__4cd16, .featureCard__7dd5e, .header__99871, .container__99871, .howItWorksContainer_aa72d6, .card_ea91d1, .howItWorksImageContainer_aa72d6, .guildCard__81370, .visual-refresh.theme-dark .notDetected_cc46f0, .tag_fea832, .participantsButton__211d1, .replyBar__841c8, .threadSuggestionBar__841c8, .visual-refresh .header_d9c882, .previewContainer__05e8e, .emptyChannelIcon__00de6, .darkIcon__36dee, .selected__1a58a, .selected__1a58a:hover, .sortDropdown_f369db, .tagsButton_f369db, .wrapper__5b98e, .container__5d756, .pillContainer__9e06a, .onboardingStepContainer__28e57, .sidebarCardWrapper__7449f, .chatHeaderBar_dc83f5, .visual-refresh .simpleItemWrapper__5dac8, .commandName_e0307d, .visual-refresh.theme-dark .calendarPicker_d27f17 .react-datepicker__day--disabled, .visual-refresh.theme-dark .calendarPicker_d27f17 .react-datepicker__header, .visual-refresh .box_f8c98c, .container__5b321, .row__0624f, .box_d9914b, .stepNumber_d9914b, .enableCard__74f90, .containerSidenav_dc2e0e .themed__9293f, .settingCard_dd864e, .settingCard_dd864e.active_dd864e, .cardFolder_dd864e, .footerContainer__44492, .prompt_fe70ca, .role__5d7c9, .chat_f75fb0 .header_c791b2, .mainTableContainer__09a38, .otherRoles__71c22, .button__71c22, .visual-refresh .scrollerContainer__4b8d8, .bannedUser__4b8d8, .card_b5493b, .visual-refresh .container__34c2c, .chatHeaderBar_a5700d, .soundButtonSettingContainer__84bad, .divider_ee23ac, .list__920b8, .line_d878e7, .container_f9d8eb, .copyInput_fffc15, .cardHeader__62148, .footer__3d3b0, .header__99020, .boostContainer_ceb06a, .visual-refresh.theme-dark .outerContainer_fbc6f7, .mainTableContainer_dd2627, .movedTable_dd2627, .passthrough__344e6.selected__344e6, .container_a68543, .container__8cc9a, .container_a45028, .container__664ff, .searchBox_d727b3, .container_fea832, .visual-refresh .container__6c21f, .nav__551b0, .container_f69538, .container__0be77, .visual-refresh.theme-dark .scroller_ef3116, .errorContainer__03498, .contentContainer_c6b177, .contentContainer__8f46b, .appContainer__5a4b6, .header__5cea9, .card__5cea9, .visual-refresh .wrapper_f7ecac, .card__84e3e .wrapper_f7ecac:hover, .settingCard__1a4ef, .iconWrapper__4a3a5, .settingCard__1a4ef.active__1a4ef, .cardFolder__1a4ef, .visual-refresh .container__9a9f9, .container_dca174, .joinOptions__959cb, .rules__92677, .visual-refresh .auditLog__43dab, .visual-refresh .upsellContainer__73000, .card_fc2e20, .groupContainer__9d98d, .groupCollapsedContainer__9d98d, .shopScroll__08415, .sidebar__409aa, .contentContainer__89463 { background-color: var(--var-black1); } .upsellOverlayContainer__0f7dc, .mockInput_c50f62, .upsellContainer__0b69f, .containerBackground_f48ee4 { background: var(--var-black1); } .content__5e434 .shop__6db1d .visual-refresh.theme-dark.headerBar__80679, .visual-refresh.theme-dark .container__0b563, .header__0b563 { background-color: var(--var-black1) !important; } .wave__8e08c { fill: var(--var-black1); } /* ══════════════════════════════════════════ BLACK OVERLAY 2 (cards, inputs) ══════════════════════════════════════════ */ .accountProfileCard__1fed1, .visual-refresh.theme-dark .outer_bf1984.interactive_bf1984, .visual-refresh.theme-dark .outer_bf1984.interactive_bf1984:hover, .flexChild__7c0ba .disabled__97701 .layout-1XOMLV, .flexChild__7c0ba .itemFilled__88a69:hover:not([aria-checked=true]):not(.disabled__88a69), .option_e03935, .container_a14595:hover, .visual-refresh.theme-dark .iconMask_e90879:hover, .visual-refresh.theme-dark .iconMask_e90879:hover .iconMask_e90879, .cardPrimary-3qRT__, .guildSubscriptionSlots__5823d, .monaco-editor, .monaco-editor-background, .monaco-editor .inputarea.ime-input, .monaco-editor .margin, .option_e03935:hover, .visual-refresh.theme-dark .tierBody_a36dee, .actionContainer_bc4513, .activityItem-1Z9CTr:hover, .channelRow__1ea09:hover:not(.disabled__1ea09), .reviewHeader_a9b452, .itemFilled__88a69:active:not([aria-checked=true]):not(.disabled__88a69), .rsvpCount_b5010b, .timestamp__75297, .total__260e1, .navButtons_fe70ca, .circleButton_a930f1:hover:not(.disabled__06eda) { background-color: var(--var-black2); } /* ══════════════════════════════════════════ NOTIFICATION RED ══════════════════════════════════════════ */ .actionButton_f8fa06.actionDeny_f8fa06:hover, .disabled_e03935:hover, .messagesErrorBar__0f481, .error_b717a1, .colorable_f1ceac.disconnect_f1ceac { color: var(--var-notification); } .lookFilled__201d5.colorRed__201d5, .lookOutlined__201d5.colorRed__201d5:hover, .isUnread__908e2, .custom-theme-background .isUnread__908e2, .unreadPill__908e2, .colorable_f1ceac.red_f1ceac, .winButtonClose__421ed:hover { background-color: var(--var-notification); } .numberBadge__2b1f5 { background-color: var(--var-notification) !important; } .unreadPillCapStroke__908e2 { color: var(--var-notification); fill: var(--var-notification); } /* ══════════════════════════════════════════ HOVER STATES ══════════════════════════════════════════ */ .optionContainer__949ab, .header_c0e32c .searchBar_c0e32c, .upsell_ac65bb, .container__00de6 .input__0ed4f, .sidebarRegionScroller__23e6b .side_aa8da2 .item_aa8da2.themed_aa8da2:hover:not(.disabled_aa8da2), .option_a16aea[aria-selected=true]:not(.option_a16aea.multi_a16aea), .metadataContainer_c7f964, .card__11580:hover, .detailsBlock_e335a7 .lookFilled__3f413.select_a16aea, .visual-refresh.theme-dark .hoverablePayment_e9cb00:hover, .searchBar_e6b769 .searchBarComponent__35e86, .withTagAsButton_b2ca13:hover, .withTagless_b2ca13:hover, .circleIconButton__5bc7e, .button__67645.enabled__67645:hover, .visual-refresh .section__00943, .outer_c0bea0:not(.anchor_edefb8[href="https://discord.com/settings/premium"]) .input__0ed4f, .friendRequestsButton__523aa, .itemFilled__88a69:hover:not([aria-checked=true]):not(.disabled__88a69), .phoneField_a0c54f, .container__33507, .visual-refresh.theme-dark .selectableItem_eb626b:focus, .visual-refresh.theme-dark .selectableItem_eb626b:hover, .visual-refresh.theme-dark .bar_a562c8, .visual-refresh.theme-dark .markDash_a562c8, .lookFilled__201d5.colorBrandNew__8872c:hover, .footer__49fc1, .container_d8f25b:hover, .roleRow_a930f1:hover:not(.roleRowDisableHover_a930f1), .icon_d8f25b, .visual-refresh.theme-dark .iconWrapper__0d13e, .item_f5fff4, .category_d7acc7:hover, .clickable_d9c848.container_d9c848:hover, .category_fa8ebf:hover, .category_d169f5:hover, .backgroundModifierContainer_e5c5d5:hover:not(.disabled_e5c5d5):not(.noAction_e5c5d5), .editCard_a25a68.active_ef2ec5, .editCard_a25a68.toggled_a25a68 .container_fea832, .focused__97e86, .item__97e86:hover:not(.disabled__97e86), .buffer_f7877e, .buffer_f7877e:after, .buffer_f7877e:before, .clickable__91a9d:hover .childContainer__91a9d, .selected__91a9d .childContainer__91a9d, .container_eb2cd2:hover, .rowContainer__991a0, .colorDefault_c1e9c4.focused_c1e9c4, .role_afdfcc:hover, .button_aec7ab:hover, .perks__30359, .quickswitcher_ac6cb0 .input_ac6cb0, .result__71961[aria-selected=true], .header__49fc1 .container_fea832, .colorable_f1ceac.primaryDark_f1ceac, .container__0800c, .root__4ad81, .upload_aa605f, .reaction_f8896c, .profileBadges_f89da9, .cardPrimary_cb7a0e, .memberRow__9a73f:hover, .sidebar_e29cd7 .list_e29cd7 .themed_aa8da2.item_aa8da2:hover, .winButtonMinMax__421ed:hover, .visual-refresh.theme-dark .memberListItem_ec58fe:not(.popoutDisabled_ec58fe):hover, .visual-refresh.theme-dark .quickSelectPopoutOption_b852b1:hover, .searchHeader_f3b986 .searchHeaderTabList_f3b986 .item_aa8da2.selected_aa8da2.themed_aa8da2, .option__56fec:hover, .clickable__13533[aria-disabled=false]>.base__13533:hover, .clickable__13533[aria-selected=true]>.base__13533, .selectable__1a58a:hover, .pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8):hover, .expandedTabSection_f0cd33 .topPill_aa8da2 .themed_aa8da2.selected_aa8da2.item_aa8da2, .progressBarTrack_b28bb7, .action_c66e86, .previewListItem_d9161f.selected_d9161f, .example__5d756, .channelPill_e34850, .progressBar_c3ab2b, .separator_aa8da2, .visual-refresh.theme-dark .focused__55c99, .interactive_bf202d:hover, .wrapper__2ea32:hover .link__2ea32, .header__8ef02 .container_fea832, .addMemberRow__01dab.selectedRow__01dab, .memberRowContainer__71c22:hover td, .bannedUser__4b8d8:hover, .emojiItem_fc7141.emojiItemSelected_fc7141, .name_b545d5 .input__0ed4f, .form__97cfe .input__0ed4f, .visual-refresh.theme-dark .previewCard_f70348, .options__4eb6e .input__0ed4f, .input__0ed4f, .role_dfa8b6, .valuePill__5dac8, .table_fda3e4, .activityItem__18da2, .searchBox__01dab .searchBar__3e00d, .item__344e6, .stepContainer_a68543, .previewForm_d9be46, .visual-refresh .preview__3e443, .visual-refresh .card__73069:not(.outline__73069), .visual-refresh.theme-dark .giftCardButton_da4aee, .circle__8cc9a, .iconContainer__0624f, .container__6b38f, .iconBackground__0b34e, .background__506d9, .buttonContainer__664ff, .header_fed6d3 .container_a45028, .categoryPill_f69601:hover:not(.selected_f69601), .decorationGridItem_dfa67d, .decorationPreview__51743, .container_cb32c7, .clickable__761e5, .command_c94584, .reactionBtn__23977.forceShowLook_ec6b19, .root__66e7e, .visual-refresh .container__0f2e8, .friends_b37a75, .iconButton__8a7fc, .button__14992, .iconContainer__5cea9, .visual-refresh .searchFilter_bd8186, .loadingCard_f369db, .pill_f7c056, .avatarCard__02e4c, .container__5573a { background-color: var(--var-hover20); } .optionContainer__949ab:hover, .categoryItemDefaultCategory_b9ee0c:hover, .categoryItemDefaultCategorySelected_b9ee0c, .categoryItemDefaultCategorySelected_b9ee0c:hover, .navButtonActive_b003de, .side_aa8da2 .themed_aa8da2.item_aa8da2:active:not(.disabled_aa8da2), .option_a16aea.focused_a16aea, .option_a16aea:focus, .option_a16aea:hover, .visual-refresh .container_faa96b:hover, .visual-refresh.theme-dark .container_faa96b.isOpen_faa96b, .lookFilled__201d5.colorBrandNew__8872c:active, .container_d8f25b:active, .backgroundModifierContainer_e5c5d5:active:not(.disabled_e5c5d5):not(.noAction_e5c5d5), .collapseable__217b7:active, .clickable_f37cb1 .header_f37cb1:hover, .selected_f37cb1 .header_f37cb1, .rowContainer__991a0:hover, .rowContainer__991a0:active, .colorable_f1ceac.primaryDark_f1ceac.active_f1ceac, .colorable_f1ceac.primaryDark_f1ceac:hover, .interactive_bf202d:active, .button__71c22:hover, .button_f563df, .navButtonActive__08434, .setCustomButton__669b5:hover, .iconWidget__669b5:hover, .buttonInner__34c2c:hover, .addReactButton__34c2c:hover, .childButton__3ed08:hover, .stepContainer_a68543:hover, .container__6b38f:hover, .buttonContainer__664ff:hover, .container_cb32c7:hover, .clickable__761e5:hover, .command_c94584:hover, .reactionBtn__23977.forceShowLook_ec6b19:hover, .visual-refresh.theme-dark .card__84e3e:hover, .wrapper__11054, .choiceContainer_c28af8:hover, .iconButton__8a7fc:hover, .visual-refresh .container__6764b:hover, .parentContainer__5573a:hover .container__5573a { background-color: var(--var-hover25); } /* ══════════════════════════════════════════ POPOUTS & MODALS ══════════════════════════════════════════ */ .visual-refresh .header_c0e32c, .visual-refresh .emojiPicker_c0e32c, .visual-refresh .contentWrapper__08434, .visual-refresh .wrapper__44df5, .visual-refresh.theme-dark .customColorPicker_bbc020, .messagesPopout_e8b59c .messageContainer__95796, .footer_e8b59c, .popout_a16aea, .menu_c1e9c4, .wrapper_d5f3cd, .popout__76f04, .visual-refresh.theme-dark .tierMarkerBackground-G8FoN4, .visual-refresh .quickswitcher_ac6cb0, .noiseCancellationPopout_e131a9, .container__9fa5a, .animatorTop_faf9c0:has(.themeContainer_ce8328) .inner_c0bea0, .visual-refresh .container_d9c882, .visual-refresh.theme-dark .streamPreview__6da2d, .scroller_d6b206, .visual-refresh.theme-dark .quickSelectPopout_ebaca5, .visual-refresh .container__55c99, .visual-refresh.theme-dark .autocomplete__13533, .body_c6f1a4, .visual-refresh .container__5808f, .wrapper_cb9592.minimum_cb9592, .innerWrapper__70f7f, .visual-refresh.theme-dark.authBox_dc6abe, .callContainer_cb9592, .contentWrapper_eab878, .scrollContainer__35455 .scroller__35455, .popout__7fe3a, .popout__669b5, .content_a8c622, .contentWrapper__9c62c, .popoutContentWrapper_af3b89, .interactionsContainer_af3b89, .interactionsContainerHeader_af3b89, .container__50387, .collectibleInfoContainer_c50f62, .container__8a031, .content_e9e3ed { background-color: var(--var-popout-color); } .visual-refresh.theme-dark .root__49fc1, .visual-refresh.theme-dark .container__23c08, .visual-refresh.theme-dark .container__2692d, .visual-refresh.theme-dark .messagesPopoutWrap_e8b59c, .visual-refresh .recentMentionsPopout__95796 { background-color: var(--var-popout-color); border-radius: 10px; } .modal__9a792 { background-color: var(--var-popout-color) !important; } /* ══════════════════════════════════════════ BORDER & MISC FIXES ══════════════════════════════════════════ */ .title_c04f35, .text_eb2cd2, .optionHeader_c04f35, .footerTitle_c04f35, .title__78f69, .skip__78f69, .footerSeparator__49fc1 .button__201d5 .contents__201d5, .title_b917ac, .guidelines_b917ac, .header__991a0 .text-sm-normal__95a78, .formTitle__991a0, .sampleLink__991a0, .title__991a0, .rowText__991a0, .selectorText_c6d3dc { color: #FFF !important; } .tabBar__81b3e { border-bottom: 2px solid transparent; } .top-K_jibn .brand_aa8da2.item_aa8da2:hover { border-bottom-color: rgba(61, 120, 57, 0.6); } .top-K_jibn .brand_aa8da2.item_aa8da2:active, .top-K_jibn .brand_aa8da2.selected_aa8da2.item_aa8da2 { border-bottom-color: var(--var-accent); } .colorDefault_c1e9c4 .checkbox_c1e9c4, .colorDefault_c1e9c4 .radioSelection_c1e9c4 { color: var(--var-accent); } .lookOutlined__201d5.colorRed__201d5 { color: var(--var-notification); border-color: var(--var-notification); } .visual-refresh.theme-dark .tooltipPointer_c36707, .visual-refresh.theme-dark .tooltipPointer_c36707.tooltipPointerBg_c36707:before { border-top-color: var(--var-accent); } .visual-refresh.theme-dark .pill_a2c9e8.selected_a2c9e8 { border-color: var(--var-accent); background-color: var(--var-accent); } .lookOutlined__201d5.colorPrimary__201d5 { border-color: var(--var-accent); } .lookOutlined__201d5.colorPrimary__201d5:hover { background-color: var(--var-accent); border-color: var(--var-accent); transform: translateY(-1px); } .lookOutlined__201d5.colorPrimary__201d5:active { background-color: var(--var-accent); border-color: var(--var-accent); transform: translateY(1px); } .visual-refresh.theme-dark .checkbox_f525d3[style*="border-color: var(--brand-experiment-400); background-color: var(--brand-experiment-500);"] { background-color: var(--var-accent) !important; border-color: var(--var-accent) !important; } .checkbox_d9161f.selected_d9161f { background-color: var(--var-accent); border: 2px solid var(--var-accent); } .selectedPlan_b13085 { border-color: var(--var-accent); } .backgroundOptionRing__53965 { border: 2px solid var(--var-accent); } .selectionCircle__36dee { box-shadow: inset 0 0 4px 3px #2d5a2a, inset 0 0 4px 4px #2d5a2a; } .reaction_f8896c.reactionMe_f8896c { border-color: #4a9245; } .divider__908e2, .toolbar__89463 { border-top: none; } .sidebar_e29cd7 { border-right: 1px solid transparent; } .visual-refresh .chat_f75fb0[data-has-border=true] { border-top: 1px solid transparent; } .visual-refresh.theme-dark .default_e18686 { box-shadow: none; } .groupCollapsedContainer__6f5a6 { border: none; } .collapseable__217b7:before, .editCard_a25a68:before { box-shadow: none; } .footerSeparator__49fc1 { box-shadow: none !important; } .divider__1de9c { border-top: none; } .divider__908e2.isUnread__908e2 { border-top: 1px solid var(--var-notification); margin: 0 5px 0 70px; } .container_a14595 { border: none; background-color: var(--var-black1); } .memberRowContainer__71c22 { background-color: transparent !important; } .headerContent_a1eac2, .headerSidebar_a1eac2, .separator_a1eac2 { border-bottom: none; } .messagesPopout_e8b59c .messageContainer__95796 { border: none; } .visual-refresh .shop__6db1d, .container__955a3, .homeWrapper__0920e, .container__133bf { border: none; } .visual-refresh .chat_f75fb0.threadSidebarOpen_f75fb0 { border-right: none; } .chat_f75fb0 .header_c791b2, .contentContainer__89463 { border-radius: 10px 0 0 10px; } .header__0b563 { border-radius: 10px 0 0 0; } /* ══════════════════════════════════════════ LOADING SPINNER ══════════════════════════════════════════ */ @keyframes loading { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .spinner__46696:not(.pulsingEllipsis-3YiXRF) { position: relative; border-top: 4px solid rgba(255, 255, 255, .2); border-right: 4px solid rgba(255, 255, 255, .2); border-bottom: 4px solid rgba(255, 255, 255, .2); border-left: 4px solid #fff; width: 26px; height: 26px; animation: loading 1s infinite linear; top: 3px; } .spinner__46696 { border-radius: 50px; position: relative; top: calc(12% - 0px); } .wanderingCubes__46696 .item__46696, .chasingDots__46696 .item__46696, .spinner__46696.pulsingEllipsis__46696 .item__46696, .circular__46696 { display: none; } /* ══════════════════════════════════════════ BUTTON ANIMATIONS ══════════════════════════════════════════ */ .lookFilled__201d5.colorBrand__201d5:hover, .lookFilled__201d5.colorPrimary__201d5:hover { background-color: var(--var-accent-hover); transform: translateY(-1px); } .lookFilled__201d5.colorBrand__201d5:active, .lookFilled__201d5.colorPrimary__201d5:active { background-color: var(--var-accent); transform: translateY(1px); } .lookFilled__201d5.colorGreen__201d5:hover { transform: translateY(-1px); } .lookFilled__201d5.colorGreen__201d5:active { transform: translateY(1px); } /* ══════════════════════════════════════════ BOOST / STORE PAGES ══════════════════════════════════════════ */ .applicationStore_f07d62, .applicationStore_f07d62 .scroller_c880e8 { border-radius: 10px 0 0 10px; } .mainPageScroller_ca1a02.auto_d125d2.scrollerBase_d125d2 { background: transparent; border-radius: 10px 0 0 10px; } .allPerksScroller_ca1a02 { background: var(--var-accent); border-radius: 10px 0 0 10px; } .header__6fd0e { background: transparent; } .headerWave__1dfae { color: transparent; } .tierCard_be48d0, .tierCardCurrentTier_be48d0 { background-image: linear-gradient(45deg, var(--var-black1), var(--var-black1)); } .bodyWave__1dfae path { fill: transparent !important; } .shopAll__08415 { background: var(--var-accent); border-radius: 4px; box-shadow: 2px 2px 7px -2px black; } .shopAll__08415:hover { background: var(--var-accent-hover); transform: translateY(-1px); } .wrapper__4d7bb { background: var(--var-black1); } .card__4d7bb { background-color: var(--var-black2); } .shopCardDark_c3d04b { background-color: var(--var-black2) !important; } .premiumBackground__65c15, .premiumFeatureBorder__65c15 { border: 2px solid var(--var-black1); background: var(--var-black1); } /* ══════════════════════════════════════════ PANEL CHANGES (bottom voice/user panel) ══════════════════════════════════════════ */ .panels__5e434 { background-color: var(--var-black1); } .visual-refresh.theme-dark .panel__5dec7 { background-color: transparent; } /* ══════════════════════════════════════════ SERVER LIST GLOW ══════════════════════════════════════════ */ .wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8, .wrapper__6e9f8:hover .childWrapper__6e9f8 { box-shadow: 0 0 8px rgba(61, 120, 57, 0.4); } /* ══════════════════════════════════════════ SELECTION HIGHLIGHT ══════════════════════════════════════════ */ ::selection { background: rgba(61, 120, 57, 0.45) !important; color: var(--text-normal) !important; } /* ══════════════════════════════════════════ VISUAL-REFRESH TAB ITEM ══════════════════════════════════════════ */ .visual-refresh .top_aa8da2 .brand_aa8da2.item_aa8da2:active, .visual-refresh .top_aa8da2 .brand_aa8da2.selected_aa8da2.item_aa8da2, .visual-refresh .top_aa8da2 .brand_aa8da2.item_aa8da2:hover { --selected-tab-item-color: var(--var-hover100); } .textBadge_f05120[style*="background-color: rgb(88, 101, 242);"] { background-color: var(--var-accent) !important; } .visual-refresh .checkbox_f525d3.checked_f525d3 { border-color: var(--var-accent) !important; background-color: var(--var-accent); } .checkbox_f525d3[style*="border-color: var(--control-brand-foreground);"] path { fill: #FFF; } .liveQualityIndicator__30845[style="background-color: rgb(78, 80, 88);"] { background-color: var(--var-accent) !important; } .visual-refresh.theme-dark .notches_e5cdf3.black_e5cdf3 { color: transparent; background-color: var(--var-hover20); } /* ══════════════════════════════════════════ SEARCH ══════════════════════════════════════════ */ .searchBarContainer_a0e1d7 .search_aabd24, .content_c0b10b .search_aabd24 { background-color: var(--var-black1) !important; } .searchBox__56feb:focus-within { border-color: var(--var-black2); } .container_ca49a1 { background-color: var(--var-black1); border: 1px solid var(--var-black1); } /* ══════════════════════════════════════════ UNREAD INDICATOR ══════════════════════════════════════════ */ .isUnread__908e2 .content__908e2 { color: var(--text-muted); position: inherit; left: -32px; } /* ══════════════════════════════════════════ SELECT / DROPDOWN ══════════════════════════════════════════ */ .lookFilled__3f413.select_a16aea { background-color: var(--var-black1); border-color: transparent; } .select_a16aea.searchable_a16aea.open__3f413.lookFilled__3f413 { background-color: var(--var-black2); border-color: var(--var-black1); } /* ══════════════════════════════════════════ MISC ══════════════════════════════════════════ */ .visual-refresh.theme-dark .combo__61c93 .key__61c93 { box-shadow: inset 0 -4px 0 var(--var-black1); } .visual-refresh.theme-dark .notches__06283.gray__06283 rect { fill: transparent; } .visual-refresh .wrapper__00943 { background-color: var(--var-black1); border: 1px solid var(--var-black1); } .cameraWrapper_d41d5f { background-color: var(--var-black1); border: 1px solid var(--var-black1); } .container__3dde2 { background-color: var(--var-popout-color); border: 1px solid var(--var-popout-color); } .friendRequestsButton__523aa .numberBadge__2b1f5 { background-color: transparent !important; } .card_e90879 .wrapper_f7ecac { background-color: #000000; border-radius: 4px; } .promptContent_fe70ca .overlay_fe70ca { background: linear-gradient(to top, var(--var-black1), rgba(54, 57, 63, 0)) !important; } .content__5e434 .shop__6db1d .scrollerBase_d125d2 { border-radius: 10px 0 0 10px; } .content__5e434 .shop__6db1d .headerBar__80679::before, .headerBar__1a9ce::before { content: ""; position: fixed; width: 100%; height: 48px; background-color: var(--var-black1); border-radius: 10px 0 0 10px; } .headerBarInner__80679, .headerBarInner__1a9ce { padding: 0 var(--space-16); } .visual-refresh.theme-dark .game_cc46f0 .gameNameInput_cc46f0:hover, .visual-refresh.theme-dark .gameNameInput_cc46f0:focus { border-color: var(--var-black1); background-color: var(--var-black1); } .visual-refresh.theme-dark .textContainer_da4aee { background-image: none; } .modalHeader-gQTY3L { background-image: none; }