:root{ --background: url('https://images.alphacoders.com/632/632525.png'); --activetext-colour: white; --primary1-colour: red; --primary2-colour: rgba(255,0,0,0.5); --primary3-colour: rgba(100,0,0,0.6); --primary4-colour: rgba(100,0,0,0.4); --secondary1-colour: rgba(50,50,50,0.3); --secondary2-colour: rgba(100,100,100,0.5); --secondary3-colour: rgba(0,0,0,0.6); --secondary4-colour: rgba(0,0,0,0.3); } /* Theme Owned and Made by VaporousCreeper#9514 Background Img: https://wpblink.com/sites/default/files/wallpaper/anime/66761/sword-art-online-ii-wallpapers-hd-66761-327252.png Transparency2 Module: https://raw.githack.com/Ruben7173/Ruben7173.github.io/master/BetterDiscord-Themes/Modules/transparency2.css - By Ruben7173#5048 The 2 items above are not owned by me, They go to there respected owners */ /*Background image*/ #app-mount { background: var(--background); background-position: center; background-size: cover; } #app-mount .bg__960e4, #app-mount .app__160d8 { background-color: var(--secondary4-colour); } /*Home and Discover*/ /*Nitro*/ #app-mount .applicationStore_f07d62 .card_b5493b { background-color: var(--secondary1-colour); } #app-mount .applicationStore_f07d62 .card_b5493b:hover { background-color: var(--secondary2-colour)!important; } #app-mount .applicationStore_f07d62 .cardDescription_b5493b { background-image: linear-gradient(to bottom,var(--secondary2-colour) 50%,hsl(var(--primary-660-hsl)/.75) 80%); } #app-mount .applicationStore_f07d62, #app-mount .homeWrapperNormal__0920e, #app-mount .homeWrapperNormal__0920e .mainPageScroller__80907{ background-color: transparent; } #app-mount .giftNitro__80907 .textContainer__0f226 { background: none; } #app-mount .applicationStore_f07d62 .trialOfferWrapper-2Y24ok .button__201d5, #app-mount .activitiesBannerContainer-aAnWk6 .button__201d5 { background-color: white; } #app-mount .applicationStore_f07d62 .giftNitro__80907 { background-color: var(--secondary3-colour); } /*Shop*/ #app-mount .shop__6db1d, #app-mount .shop__6db1d .page__1feb0, #app-mount .shop__6db1d .shopScroll__1feb0, #app-mount .shop__6db1d .filterBar__11877, #app-mount .shopScroll__08415, #app-mount .shop__08415 { background-color: transparent; } #app-mount .shop__6db1d .shopCard_c3d04b { background-color: var(--secondary1-colour); } #app-mount .shop__6db1d .shopCard_c3d04b .cardText_c3d04b { background-color: var(--secondary1-colour); } #app-mount .shop__6db1d .shopViewWrapper__6db1d { background-color: var(--secondary4-colour); } #app-mount .shop__6db1d .headerBar__80679 {background-color: var(--secondary3-colour)!important;} /*Sidebar: Direct Messages*/ #app-mount .channel__972a0, #app-mount .sidebar__5e434 .categoryItem_c72b37 { margin-bottom: 2px; transition: background-color 0.2s; transition-timing-function: ease-in-out } #app-mount .channel__972a0:hover, #app-mount .interactive-1vLZ_I.interactiveSelected__972a0, #app-mount .sidebar__5e434 .categoryItem_c72b37:hover, #app-mount .sidebar__5e434 .categoryItem_c72b37.selected__91a9d { background-color: var(--secondary2-colour); } #app-mount .privateChannelsHeaderContainer__99e7c { background-color: var(--primary3-colour); padding: 12px; border-radius: 10px; } #app-mount .containerDefault_c69b6d .wrapper__2ea32:hover, #app-mount .containerDefault_c69b6d.selected_c69b6d .wrapper__2ea32 { background-color: var(--secondary2-colour) } #app-mount .container__133bf, #app-mount .container__133bf .container__9293f, #app-mount .container__133bf .tabBody__133bf, #app-mount .container__133bf .container__7d20c, #app-mount .container__133bf .nowPlayingColumn__133bf { background-color: transparent; } #app-mount .tabBody__133bf .searchBar__5ec2f { background-color: var(--secondary3-colour); } #app-mount .tabBody__133bf .searchBar__5ec2f:focus-within { border-color: var(--primary1-colour); } #app-mount .item__133bf.addFriend__133bf { background-color: var(--primary1-colour); } #app-mount .item__133bf.addFriend__133bf span { color: var(--activetext-colour); } /*Discover Servers*/ #app-mount .sidebar__5e434 .container__551b0 {background-color: var(--secondary4-colour);} #app-mount .scroller__23746 { background-color: transparent; background-color: var(--secondary4-colour); } #app-mount .content_f0d60d .card__84e3e { background-color: var(--secondary3-colour); } #app-mount .contentSection_b6bcee .card__84e3e:hover {background-color: var(--secondary2-colour);} #app-mount .contentSection_b6bcee .searchBoxInput-3h4etz {background-color: transparent;} /*Now Active*/ #app-mount .nowPlayingColumn__133bf .itemCard__7e549 {background-color: var(--secondary3-colour);} #app-mount .nowPlayingColumn__133bf .itemCard__7e549:hover {background-color: var(--secondary1-colour);} #app-mount .nowPlayingColumn__133bf .itemCard__7e549 .body__00943 {background-color: var(--secondary2-colour);} /*App Directory*/ #app-mount .directoryContainer_da3f59 { background-color: var(--secondary4-colour) } #app-mount .directoryContainer_da3f59 .container_d9c848, #app-mount .container_d7acc7 .category_d7acc7 { transition: background-color 0.2s; transition-timing-function: ease-in-out; } #app-mount .directoryContainer_da3f59 .container_d9c848:hover, #app-mount .container_d7acc7 .category_d7acc7:hover { background-color: var(--secondary2-colour); } #app-mount .directoryContainer_da3f59 .inputDefault__0f084 {border-color: transparent!important;} #app-mount .directoryContainer_da3f59 .searchBox_d727b3:focus-within { border-color: var(--primary1-colour); } /*In Servers*/ #app-mount .wrapper_ef3116.guilds__5e434 { background-color: transparent; } #app-mount .numberBadge__2b1f5 { background-color: var(--primary1-colour)!important; color: var(--activetext-colour); } /*Icon Servers*/ #app-mount .blobContainer_e5445c .wrapper__6e9f8 {background-color: var(--secondary1-colour);} #app-mount .blobContainer_e5445c .wrapper__6e9f8:hover {background-color: var(--primary3-colour);} /*Letter Servers*/ #app-mount .childWrapper__6e9f8 ,#app-mount .circleIconButton__5bc7e {background-color: var(--secondary1-colour);} #app-mount .childWrapper__6e9f8:hover ,#app-mount .circleIconButton__5bc7e:hover {background-color: var(--primary3-colour);} /*Server Folders*/ #app-mount .folderGroup__48112 .folderGroupBackground__48112 { background-color: var(--secondary3-colour); } /*Server Boosting*/ #app-mount .root__5c9fc .scroller__6fd0e { background-color: var(--secondary3-colour); } #app-mount .root__5c9fc .topPerksCard__3add8, #app-mount .root__5c9fc .wrapper__5b98e { background-color: var(--secondary1-colour); } #app-mount .root__5c9fc .headerWave__1dfae path { fill: var(--secondary3-colour)!important; } #app-mount .page__5e434 .container__89463, #app-mount .page__5e434 .container__89463 .contentContainer__89463 { background-color: transparent; } #app-mount .page__5e434 .toolbar__89463, #app-mount .page__5e434 .container__89463 .sidebarContainer__89463 { background-color: var(--secondary3-colour); } #app-mount .page__5e434 .container__89463 .container__5573a { background-color: var(--secondary3-colour); } #app-mount .page__5e434 .container__89463 .container__5573a.active__5573a { background-color: var(--secondary1-colour); } /*Channels*/ #app-mount .sidebarList__5e434.sidebarListRounded__5e434 .container__2637a { background-color: transparent; } #app-mount .sidebarList__5e434.sidebarListRounded__5e434 .container_f37cb1[data-has-banner="false"] .header_f37cb1 { background-color: var(--secondary3-colour); } #app-mount .sidebarList__5e434.sidebarListRounded__5e434 .privateChannels_e6b769, #app-mount .sidebarList__5e434.sidebarListRounded__5e434 .privateChannels_e6b769 .scroller__99e7c { background-color: transparent; } #app-mount .containerDefault__29444 { background-color: var(--primary3-colour); height: 30px; text-align: center; border-radius: 10px; padding: 5px 5px 0 5px; } #app-mount .containerDefault__29444 .iconVisibility__29444:not(.collapsed__29444) .overflow_b0dfc2 { color: white; } #app-mount .activityPanel__5e434 { background-color: var(--secondary4-colour); background-color: rgba(0,0,0,0); margin-bottom: 0; } #app-mount .containerDefault__29444 { margin-top: 15px; } #app-mount .containerDefault_c69b6d { margin-right: 10px; } #app-mount .mention__3b95d, #app-mount .mentionsBadge__933a1 .numberBadge__2b1f5 { background-color: var(--primary1-colour)!important; } #app-mount .unreadBar__629e4 {background-color: var(--secondary2-colour);} #app-mount .autocomplete__13533 {background-color: var(--secondary3-colour);} #app-mount .containerDefault_c69b6d .wrapper__2ea32 .link__2ea32 { background-color: transparent; } #app-mount .sidebarListRounded__5e434 { border-radius: 0; } #app-mount .sidebarListRounded__5e434 .container_f37cb1 { border-right: 1px solid; } #app-mount .sidebarListRounded__5e434 .header_f37cb1 { border-radius: 0; } #app-mount .sidebarListRounded__5e434 .container_f37cb1[data-had-banner="true"] .header_f37cb1 { background-color: transparent; } #app-mount .channelChatWrapper_cb9592 {background: transparent!important;} /*Text Channels*/ #app-mount .containerDefault_c69b6d .wrapper__2ea32:hover { width: 100%; } #app-mount .containerDefault_c69b6d.selected_c69b6d .wrapper__2ea32 { width: 100%; } #app-mount .containerDefault_c69b6d .wrapper__2ea32 { background-color: var(--secondary1-colour) } #app-mount .containerDefault_c69b6d .wrapper__2ea32 { border-radius: 10px 0 0 10px; width: 230px; transition: width 0.2s; transition-timing-function: ease-in-out; } #app-mount .containerDefault_c69b6d .modeMuted__2ea32, #app-mount .containerDefault_c69b6d .modeLocked__2ea32 { background-color: var(--secondary3-colour); } #app-mount .actionBar_aa605f { background-color: var(--secondary3-colour); border-radius: 5px; } /*Voice Channels*/ #app-mount .containerDefault_c69b6d .modeConnected__2ea32 { width: 100%; background-color: var(--secondary2-colour); } /*VC Info*/ #app-mount .panels__5e434 { background-color: var(--secondary3-colour); } #app-mount .sidebar__5e434::after { background-color: transparent; } #app-mount .panels__5e434 .flex__7c0ba .button__67645, #app-mount .panels__5e434 .actionButtons_e131a9 { background-color: var(--secondary3-colour); border-radius: 3px; } #app-mount .panels__5e434 .button__201d5:hover, #app-mount .panels__5e434 .avatarWrapper__37e49:hover { background-color: var(--secondary2-colour); } #app-mount .button__67645[aria-label="Disconnect"] {background-color: var(--primary3-colour)!important;} #app-mount .button__67645[aria-label="Disconnect"]:hover {background-color: var(--primary2-colour)!important;} /*VC User*/ #app-mount .list_c3cd7d { padding-left: 10px; } #app-mount .userAvatar__55bab { margin-left: 15px; } #app-mount .voiceUser__07f91[data-speaking="true"] .userAvatar__55bab {box-shadow: 0 0 0 2px var(--primary1-colour)!important;} #app-mount .voiceUser__07f91[data-speaking="true"]::after { content: ":"; color: transparent; background-image: linear-gradient(to right, var(--primary2-colour), rgba(0,0,0,0)); padding: 0 120px 11px 0; border-left: 5px solid var(--primary1-colour); position: relative; top: -29px; z-index: -1; } #app-mount .voiceUser__07f91 .content__07f91:hover {background-color: transparent;} #app-mount .voiceUser__07f91 { transition: margin 0.2s; transition-timing-function: ease-in-out; margin-left: 0; padding-right: 5px } #app-mount .voiceUser__07f91:hover { background-color: var(--secondary1-colour); border-radius: 2px; margin-left: 20px; } /*Live Feed*/ #app-mount .wrapper__1405b .controlButton__1405b[aria-label="Share Your Screen"], #app-mount .wrapper__1405b .controlButton__1405b[aria-label="Disconnect"] { background-color: var(--primary2-colour); } #app-mount .wrapper__1405b .controlButton__1405b .staticButton_f1ceac, #app-mount .buttonContainer__1405b .controlButton__1405b { background-color: var(--secondary2-colour); } #app-mount .streamPreview__6da2d, #app-mount .streamPreview__6da2d .body__6da2d { background-color: var(--secondary3-colour); } #app-mount .callContainer_cb9592, #app-mount .callContainer_cb9592 .root_bfe55a, #app-mount .wrapper_cb9592.video_cb9592 { background: transparent; } #app-mount .pulseGradient__11664 {opacity: 0%; } /*Noise Suporession*/ #app-mount .noiseCancellationPopout_e131a9 { background-color: var(--secondary3-colour); } /*Messages*/ #app-mount .chatContent_f75fb0, #app-mount .chat_f75fb0, #app-mount .chatContent_f75fb0 .wrapper_d852db, #app-mount .chatContent_f75fb0 .wrapper_d852db .wrapper_fc8177 { background-color: transparent; } #app-mount .subtitleContainer_f75fb0 { background-color: var(--secondary3-colour); } #app-mount code { background-color: var(--secondary1-colour) } #app-mount .mention, #app-mount .channelMention .name_b52c3f { background-color: var(--primary3-colour); color: var(--primary1-colour); } #app-mount .mentioned__5126c { background-color: var(--primary3-colour); } #app-mount .mentioned__5126c .contents-2mQqc9, #app-mount .mentioned__5126c .container-1ov-mD, #app-mount .channelMention { background-color: var(--primary3-colour); } #app-mount .mentioned__5126c:before { background: var(--primary1-colour); width: 3px; } #app-mount .channelMention .channelWithIcon path {fill: var(--primary1-colour)} #app-mount a[target="_blank"] {color: var(--primary1-colour);} #app-mount .newMessagesBar__0f481 { background-color: var(--primary1-colour) } #app-mount .newMessagesBar__0f481:hover {background-color: var(--primary2-colour);} #app-mount .newMessagesBar__0f481 .span__0f481, #app-mount .newMessagesBar__0f481 .barButtonAlt__0f481 { color: var(--activetext-colour); } #app-mount .jumpToPresentBar__0f481 {background-color: var(--secondary3-colour);} #app-mount .jumpToPresentBar__0f481:hover {background-color: var(--secondary2-colour);} #app-mount .message__5126c {padding: 0px 48px 0px 72px;} #app-mount .message__5126c.cozyMessage__5126c .container_b7e1cb, #app-mount .message__5126c.cozyMessage__5126c .contents_c19a55 { background-color: var(--secondary1-colour); padding: 5px 0px 5px 20px; } #app-mount .message__5126c.compact_c19a55 {padding-left: 0;} #app-mount .message__5126c.compact_c19a55 .contents_c19a55 { background-color: var(--secondary1-colour); padding: 5px 0px 5px 80px; text-indent: 0; } #app-mount .message__5126c.compact_c19a55 .container_b7e1cb { background-color: var(--secondary1-colour); padding: 5px 0px 5px 52px; } #app-mount .buttonContainer_c19a55 .wrapper_f7ecac { background-color: var(--secondary1-colour); margin: 2px 20px 0px 0px; } #app-mount .hasReply_c19a55 .buttonContainer_c19a55 .wrapper_f7ecac { margin-top: 24px; } #app-mount .form_f75fb0 .wrapper__44df5, #app-mount .form_f75fb0 .scrollableContainer__74017 { background-color: var(--secondary3-colour); } #app-mount .form_f75fb0 .channelTextArea_f75fb0 { background-color: transparent; } #app-mount .form_f75fb0 .channelTextArea_f75fb0 .stackedBars__74017 { background-color: var(--secondary2-colour); } /*Embeds*/ #app-mount .embedFull__623de { background-color: var(--secondary1-colour); border-left: 4px solid; border-radius: 10px!important; } /*Media Player*/ #app-mount .unreadBar-3YD_k9 {background-color: var(--primary1-colour);} #app-mount .messageAttachment__5dae1 a[target="_blank"] {color: var(--primary2-colour);} #app-mount .mediaBarProgress_f7877e, #app-mount .mediaBarProgress_f7877e::before, #app-mount .mediaBarProgress_f7877e::after, #app-mount .mediaBarProgress_f7877e .mediaBarGrabber_f7877e{ background-color: var(--primary1-colour); } /*Discussions*/ #app-mount .chat_f75fb0 .mainCard_f369db { background-color: var(--secondary3-colour); border-radius: 10px } #app-mount .chat_f75fb0 .headerRow-1MKoR- div[style*="max-height: 500px;"] {background-color: var(--secondary3-colour);} #app-mount .chat_f75fb0 .tagsContainer-2bBw1x { background-color: var(--secondary3-colour); border-radius: 0 0 10px 10px; padding: 24px 0 15px 20px; } #app-mount .chat_f75fb0 .matchingPostsRow_f369db { background-color: var(--secondary2-colour); border-radius: 0; } #app-mount .title_f75fb0, #app-mount .chat_f75fb0 .container_f369db { background-color: transparent; } #app-mount .container__01ae2 { background-color: var(--secondary4-colour) } #app-mount .container__01ae2 .container__9293f, #app-mount .resizeHandle__01ae2 { background-color: var(--secondary3-colour); } #app-mount .chat_f75fb0 .mainCard_f369db:hover, #app-mount .chat_f75fb0 .mainCard_f369db.isOpen_faa96b, #app-mount .chat_f75fb0 .mainCard_f369db.headerWithMatchingPosts_f369db { background-color: var(--secondary2-colour); } #app-mount .chat_f75fb0 .mainCard_f369db.headerWithMatchingPosts_f369db { border-radius: 10px 10px 0 0; } #app-mount .chat_f75fb0 .mainCard_f369db .icon_a22cb0 path { fill: var(--activetext-colour); } #app-mount .chat_f75fb0 .sortDropdownTextHighContrastForcedColor_f369db { color: var(--activetext-colour); } #app-mount .chat_f75fb0 .container_ca49a1 { background-color: var(--secondary1-colour); } #app-mount .chat_f75fb0 .pill_a2c9e8.selected_a2c9e8 { border-color: var(--primary1-colour); background-color: var(--primary4-colour); } #app-mount .chat_f75fb0 .pill_a2c9e8.selected_a2c9e8 div { color: white!important; } #app-mount .chat_f75fb0 .tagsContainer_f369db .countContainer_f369db { background-color: var(--secondary3-colour); } /*Reactions*/ #app-mount .reaction__23977.reactionMe__23977 { background-color: var(--primary3-colour); border-color: var(--primary1-colour); } /*Server tabs - IE Browse channels and Members*/ #app-mount .chat_f75fb0 .header__0b563, #app-mount .chat_f75fb0 .content_f75fb0, #app-mount .chat_f75fb0 .pageBody__41ed7 { background: transparent!important; } #app-mount .chat_f75fb0 .roundButton_c15210.activeButton_c15210 { background-color: var(--primary1-colour); color: var(--activetext-colour); } #app-mount .chat_f75fb0 .pageButton_c15210:not(.activeButton_c15210):hover, #app-mount .chat_f75fb0 .channelRow_e4503a:hover { background-color: var(--secondary2-colour); } /*Server Members*/ #app-mount .container_c8ffbb, #app-mount .members_c8ffbb { background-color: transparent; } #app-mount .member__5d473 { margin-left: 30px; transition: margin-left 0.2s; transition-timing-function: ease-in-out; border-radius: 10px; background-color: var(--secondary1-colour); } #app-mount .member__5d473:hover { margin-left: 8px; background-color: var(--secondary2-colour);} #app-mount .selected__91a9d { margin-left: 8px; background-color: var(--secondary2-colour);} #app-mount .members_c8ffbb .container__0f2e8 { background-color: var(--secondary1-colour); } #app-mount .members_c8ffbb .container__0f2e8:hover { background-color: var(--secondary2-colour); } #app-mount .membersGroup_c8ffbb span {color: white;} #app-mount .membersGroup_c8ffbb { background-color: var(--primary3-colour); border: 2px solid var(--primary3-colour); border-radius: 8px; height: 20px; padding: 0 0 0 10px; margin: 15px 8px 0 16px; } /*ScrollBars*/ #app-mount ::-webkit-scrollbar-thumb {background-color: var(--primary2-colour); border-color: transparent;} #app-mount .messagesWrapper__36d07 ::-webkit-scrollbar-track-piece, #app-mount .peopleColumn__133bf ::-webkit-scrollbar-track-piece, #app-mount .homeWrapperNormal__0920e ::-webkit-scrollbar-track-piece, #app-mount .container-3wLKDe ::-webkit-scrollbar-track-piece, #app-mount .enterDone__5c9fc ::-webkit-scrollbar-track-piece { background-color: transparent; border-color: transparent; } #app-mount .messagesWrapper__36d07 ::-webkit-scrollbar-track, #app-mount .peopleColumn__133bf ::-webkit-scrollbar-track, #app-mount .homeWrapperNormal__0920e ::-webkit-scrollbar-track, #app-mount .container-3wLKDe ::-webkit-scrollbar-track, #app-mount .enterDone__5c9fc ::-webkit-scrollbar-track, #app-mount .chat_f75fb0 .container_f369db ::-webkit-scrollbar-track { background-color: var(--primary3-colour); border-radius: 10px; border-color: var(--primary3-colour) } /*Settings*/ #app-mount .standardSidebarView__23e6b, #app-mount .sidebarRegion__23e6b, #app-mount .contentRegion__23e6b, #app-mount .layer__960e4, #app-mount .contentRegionScroller__23e6b, #app-mount .sidebarRegionScroller__23e6b { background-color: transparent; } #app-mount .sidebarRegion__23e6b .side_aa8da2 .item_aa8da2 { line-height:15px; background-color: var(--secondary1-colour); width: 100%; transition: width 0.2s; transition-timing-function: ease-in-out; } #app-mount .sidebarRegion__23e6b .side_aa8da2 .item_aa8da2:hover { background-color: var(--secondary2-colour); width:187px; } #app-mount .sidebarRegion__23e6b .side_aa8da2 .selected_aa8da2 { line-height:15px; background-color: var(--secondary2-colour)!important; width:187px; } #app-mount .sidebar__23e6b .side_aa8da2 .header_aa8da2 { background-color: var(--primary3-colour); border-radius: 3px; line-height:28px; padding:5px 0 5px 10px } #app-mount .sidebar__23e6b { padding: 20px 18px 20px 23px; width: 210px; margin-right: 20px; } #app-mount .noticeRegion__23e6b .container__9a9f9 { background-color: var(--secondary3-colour); } #app-mount .contentRegion__23e6b .item_aa8da2:not(.tab_f8303a, .settingsTabBarItem_dc2e0e, .tabBarItem__81b3e) { transition: background-color 0.2s; transition-timing-function: ease-in-out; } #app-mount .contentRegion__23e6b .item_aa8da2:hover:not(.tab_f8303a, .settingsTabBarItem_dc2e0e, .tabBarItem__81b3e) { background-color: var(--secondary2-colour); } #app-mount .contentRegion__23e6b .item_aa8da2.selected_aa8da2:not(.tab_f8303a, .settingsTabBarItem_dc2e0e, .tabBarItem__81b3e) { background-color: var(--primary3-colour); } #app-mount .button_a22cb0.primary_a22cb0:not(.shinyButton__6a443, .collapseBtn_a4a127, .buttonColor_e131a9, .colorWhite__201d5, .colorBrandInverted__201d5, .root__5c9fc .button_a22cb0), #app-mount .lookFilled__201d5:not(.shinyButton__6a443, .collapseBtn_a4a127, .buttonColor_e131a9, .colorWhite__201d5, .colorBrandInverted__201d5), #app-mount .barFill_a562c8, #app-mount .container__3f21e.checked__3f21e { background-color: var(--primary1-colour)!important; } #app-mount .button_a22cb0.primary_a22cb0:not(.shinyButton__6a443, .collapseBtn_a4a127, .buttonColor_e131a9, .colorWhite__201d5, .colorBrandInverted__201d5) span, #app-mount .lookFilled__201d5:not(.shinyButton__6a443, .collapseBtn_a4a127, .buttonColor_e131a9, .colorWhite__201d5, .colorBrandInverted__201d5) .contents__201d5 { color: var(--activetext-colour); } #app-mount .container__3f21e.checked__3f21e svg path {fill: var(--primary1-colour)} #app-mount .lookOutlined__201d5.colorRed__201d5 { background-color: var(--primary4-colour); } #app-mount .select_a16aea { background-color: var(--secondary3-colour); border-color: var(--secondary3-colour); } #app-mount .option_a16aea {background-color: var(--secondary3-colour)} #app-mount .option_a16aea .selectedIcon_a16aea path {fill: var(--primary1-colour);} #app-mount .option_a16aea:hover, #app-mount .option_a16aea[aria-selected="true"] { background-color: var(--primary3-colour); } #app-mount .inputDefault__0f084 {background-color: var(--secondary3-colour); border: 1px solid transparent;} #app-mount .inputDefault__0f084:focus {border-color: var(--primary1-colour);} #app-mount .card__73069 { border-color: var(--secondary3-colour); background-color: var(--secondary1-colour); } #app-mount .anchor_edefb8 {color: var(--primary1-colour);} #app-mount .card_b846e5, #app-mount .emojiTable_e7d73e { padding-left: 15px; padding-right: 15px; } #app-mount .card_b846e5{ border-radius: 3px; } #app-mount .card_b846e5 .removeGame_cc46f0 { background-color: var(--secondary3-colour); } #app-mount .popout_a16aea { background-color: var(--secondary3-colour); } #app-mount .switchIndicator_a28278[style*="background-color: rgb(88, 101, 242)"] { background-color: var(--primary1-colour)!important; } #app-mount .switchIndicator_a28278[style*="background-color: rgb(68, 82, 187)"] { background-color: var(--primary2-colour)!important; } #app-mount .radioGroupOption__64e61[data-selected="true"] .outerRadioFill__64e61 { fill: var(--primary1-colour); } /*User Settings*/ #app-mount .content_e9e3ed { background-color: transparent; } #app-mount .content_e9e3ed .contentHeader_e9e3ed, #app-mount .sidebar__409aa { background-color: var(--secondary1-colour); } #app-mount .sidebar__409aa .item_caf372.active_caf372 { background-color: var(--primary4-colour); } #app-mount .accountProfileCard__1fed1 {background-color: var(--secondary1-colour);} #app-mount .accountProfileCard__1fed1 .background__1fed1 { background-color: var(--secondary3-colour); } #app-mount .accountProfileCard__1fed1 .background__1fed1 .fieldList__1fed1 { background-color: transparent; } #app-mount .channelTextArea__74017:focus-within { border-color: var(--primary1-colour) ; } #app-mount .button__201d5.lookLink__201d5 { color: var(--primary1-colour); } #app-mount .radioIndicator__88a69.radioIndicatorChecked__88a69 .refreshIconFill__88a69 { fill: var(--primary1-colour); } #app-mount .radioIndicator__88a69.radioIndicatorChecked__88a69 .refreshIconStroke__88a69 { stroke: var(--primary1-colour); } #app-mount .expandedProgressBarContainerSettingsPage_a61c56, #app-mount .giftCard_a45ed3 { background-color: var(--secondary3-colour); } #app-mount .detailsBlock_e335a7, #app-mount .paymentPane__01014 { background-color: var(--secondary3-colour); } #app-mount .verticalFit__01014.paginator__01014 { background-color: transparent; } #app-mount .paymentRow__01014 { background-color: transparent; } #app-mount .paymentPane__01014 .expandedInfo_e9cb00 { background-color: var(--secondary2-colour); } #app-mount .switchContainer_eda416 { background-color: var(--secondary3-colour); } #app-mount .myServersContainer__6de8b .headerContainer__7db08 { background-color: transparent; } #app-mount .myServersContainer__6de8b .headerContainer__7db08 .container_a45028:focus-within { border-color: var(--primary1-colour); } #app-mount .tabBar_d6f9e9 .tabBarItem_d6f9e9.selected_aa8da2, #app-mount .tabBar_d6f9e9 .tabBarItem_d6f9e9:hover { border-color: var(--primary1-colour) } #app-mount .connectContainer_c7f964, #app-mount .connection_c7f964 { border-color: var(--secondary3-colour); background-color: var(--secondary1-colour); } #app-mount .connection_c7f964 .connectionHeader_c7f964 {background-color:var(--secondary3-colour) ;} #app-mount .perksContainer-1hGJpM .bigPerkCard-1uwmWV, #app-mount .perksContainer-1hGJpM .smallPerkCard-2sX_-- { background-color: var(--secondary1-colour); } #app-mount .checkbox_f525d3.checked_f525d3 { background-color: var(--primary1-colour)!important; border-color: var(--primary1-colour)!important } #app-mount .notificationSettings__4d38b .wrapper_e03935 {border-color: var(--primary1-colour);} #app-mount .notificationSettings__4d38b .selected_e03935.option_e03935 {background-color: var(--primary1-colour);} #app-mount .notificationSettings__4d38b .option_e03935:hover {background-color: var(--primary2-colour)!important;} #app-mount .contentRegion__23e6b .guildContainer__5dba5, #app-mount .contentRegion__23e6b .wrapper__37ae5, #app-mount .contentRegion__23e6b .wrapper__5b98e { background-color: var(--secondary1-colour); } #app-mount .contentRegion__23e6b .appliedBoostContainer_ceb06a { background-color: transparent; } #app-mount .contentRegion__23e6b .appliedBoostContainer_ceb06a .boostContainer_ceb06a {background-color: var(--secondary3-colour);} #app-mount .contentRegion__23e6b .content__99f8c {justify-content: center;} #app-mount .contentRegion__23e6b .customContainer__23e6b { justify-content: center; } #app-mount .contentRegion__23e6b ::-webkit-scrollbar-track { background-color: transparent; } #app-mount .bd-switch-checked .bd-switch-body {background-color: var(--primary1-colour)} #app-mount .bd-switch-checked .bd-switch-body svg path {fill: var(--primary1-colour)} #app-mount .bd-select { background-color: var(--secondary3-colour); border-color: var(--secondary3-colour); } #app-mount .bd-select .bd-select-options {background-color: var(--secondary3-colour)} #app-mount .bd-select .bd-select-option:hover {background-color: var(--secondary3-colour);} #app-mount .bd-select .bd-select-option.selected {background-color: var(--primary3-colour);} #app-mount .bd-addon-list .bd-addon-header { background-color: var(--secondary3-colour); } #app-mount .bd-addon-list .bd-addon-card { border-color: var(--secondary3-colour); background-color: var(--secondary1-colour); } #app-mount .contentRegion__23e6b .card__5cea9 { background-color: var(--secondary3-colour); } #app-mount .contentRegion__23e6b .header__5cea9 { background-color: var(--secondary2-colour); } #app-mount .tab_f8303a.selected_aa8da2, #app-mount .settingsTabBarItem_dc2e0e.selected_aa8da2, #app-mount .tabBarItem__81b3e.selected_aa8da2 { color: var(--primary1-colour); } #app-mount .tab_f8303a::after, #app-mount .settingsTabBarItem_dc2e0e::after, #app-mount .tabBarItem__81b3e::after { background-color: var(--primary1-colour); } #app-mount .contentRegion__23e6b .emptyContainer_de8069 { background-color: var(--secondary3-colour); } #app-mount .contentRegion__23e6b .box_f8c98c { background-color: var(--secondary3-colour); } #app-mount .contentRegion__23e6b .authedAppV2__50a54 { background-color: var(--secondary3-colour); } #app-mount .contentRegion__23e6b .authedAppV2__50a54 .headerV2__50a54 { background-color: var(--secondary2-colour); } #app-mount .header__217b7 .groupContent__9d98d { background-color: var(--secondary2-colour); } #app-mount .overlayEnabledSettingsContainer__9d98d .collapseable__217b7 { background-color: var(--secondary3-colour); } #app-mount .overlayEnabledSettingsContainer__9d98d .groupCollapsedContainer__9d98d, #app-mount .overlayEnabledSettingsContainer__9d98d .groupCollapsedContainer__9d98d .groupContainer__9d98d { background-color: transparent; } #app-mount .content_e9e3ed .bd-setting-item .bd-box.selected { background-color: var(--primary1-colour); } #app-mount .content_e9e3ed .bd-container { background-color: transparent; border-color: var(--primary1-colour); } #app-mount .content_e9e3ed .bd-slider-track { background-image: linear-gradient( var(--primary1-colour), var(--primary1-colour) ); } /*Server Settings*/ #app-mount .header_c6bf1b {background-color: var(--secondary3-colour);} #app-mount .tabBar__81b3e .tab_f8303a.selected_aa8da2, #app-mount .tabBar__81b3e .tab_f8303a:hover { border-color: var(--primary1-colour) } #app-mount .row__93d4a:hover { background-color: var(--secondary1-colour); border-radius: 3px; } #app-mount .copyInputDefault_e19ebf {background-color: var(--secondary3-colour);} #app-mount .contentExpandContainer__217b7 .container_e5c5d5, #app-mount .contentExpandContainer__217b7 .groupCollapsedContainer__6f5a6 { background-color: transparent; } #app-mount .contentExpandContainer__217b7 { border: 1px solid var(--secondary3-colour); background-color: var(--secondary1-colour); border-radius: 3px; } #app-mount .setupContainer_f11d9e .container_e5c5d5 {background-color: var(--secondary1-colour);} #app-mount .editCard_a25a68 .triggerMainContainer_b6c6eb { border-color: var(--secondary3-colour); background-color: var(--secondary1-colour); } #app-mount .editCard_a25a68 .iconWrapper__0d13e {background-color: var(--secondary2-colour);} #app-mount .editCard_a25a68 .mentionLimitContainer_ed9c90, #app-mount .editCard_a25a68 .keywordListContainer__09e76, #app-mount .editCard_a25a68 .keywordsContainer__6a631 .keywordsTextArea__6a631, #app-mount .editCard_a25a68 .collapseable__217b7, #app-mount .editCard_a25a68 .actionContainer__6446f { background-color: var(--secondary3-colour); } #app-mount .editCard_a25a68 .input_fea832, #app-mount .editCard_a25a68 .resultsListParent-39cvai { background-color: var(--secondary3-colour); border-radius: 8px; } #app-mount .editCard_a25a68 .resultsList-2Bp-2_::-webkit-scrollbar-track {background-color: transparent;} #app-mount .container_ea91d1 .creatorBenefitCard__1f0b1, #app-mount .container_ea91d1 .howItWorksContainer_aa72d6, #app-mount .root__759ac .card_ea91d1 { background-color: var(--secondary3-colour); } #app-mount .tier_a36dee .tierHeader_a36dee {background-color: var(--secondary3-colour);} #app-mount .tier_a36dee .tierBody_a36dee {background-color: var(--secondary1-colour);} #app-mount .directoryModal-YJsOMv .content_da3f59 { max-width: 76%; margin: 0; padding: 32px 15% 64px 15%; background-color: var(--secondary4-colour); } #app-mount .directoryModal-YJsOMv { background-image: var(--background); background-position: center; background-size: cover; padding: 0 0 0 0!important; width: 100%; } #app-mount .directoryModal-YJsOMv div[aria-hidden="true"] {height: 0px!important;} #app-mount .group__344e6 {background-color: var(--secondary1-colour);} #app-mount .group__344e6 .item__344e6:hover {background-color: var(--secondary2-colour);} #app-mount .settingCard-xZSDjS {background-color: var(--secondary1-colour);} #app-mount .mainTableContainer_fa2640, #app-mount .scrollerContainer__4b8d8, #app-mount .editCard_a25a68 { background-color: var(--secondary3-colour); } #app-mount .setupContainer_f11d9e .contentExpandContainer__217b7, #app-mount .setupContainer_f11d9e .backgroundModifierContainer_d96a9c, #app-mount .setupContainer_f11d9e .clickableContainer_d96a9c, #app-mount .setupContainer_f11d9e .container_d96a9c, #app-mount .setupContainer_f11d9e .collapseable__217b7 { background-color: transparent; } #app-mount .setupContainer_f11d9e .header__217b7 { background-color: var(--secondary3-colour); } #app-mount .setupContainer_f11d9e .groupCollapsedRow__5d030 { background-color: var(--secondary1-colour); } #app-mount .saveNoticeContainer__51673 .container__9a9f9 { background-color: var(--secondary3-colour); } #app-mount .contentRegion__23e6b .container_d8f25b {background-color: var(--secondary3-colour);} #app-mount .contentRegion__23e6b .container_d8f25b:hover {background-color: var(--secondary2-colour);} #app-mount .titleContainer_e29cd7, #app-mount .contentRegion__23e6b .scroller__53543 { background-color: transparent; } #app-mount .settingCard__1a4ef:not(.active__1a4ef ) { background-color: var(--secondary3-colour); } #app-mount .settingCard__1a4ef.active__1a4ef { background-color: transparent; } #app-mount .settingCard__1a4ef.active__1a4ef .cardContent_f62fce { background-color: var(--secondary2-colour); border-radius: 8px 8px 0 0 ; } #app-mount .settingCard__1a4ef.active__1a4ef .cardFolder__1a4ef { background-color: var(--secondary3-colour); } /*ChangeLog And Other Popups*/ #app-mount .modal__4f3da, #app-mount .browser_d98031, #app-mount .menu_c1e9c4, #app-mount .messagesPopoutWrap_e8b59c { background-color: var(--secondary3-colour); border-radius: 10px; } #app-mount .tooltipPointer_c36707 {border-top-color: var(--secondary3-colour);} #app-mount .root__49fc1, #app-mount .tooltipContent_c36707, #app-mount .tooltip_c36707, #app-mount .container__3dde2, #app-mount .sectionTag-euh3ZW { background-color: var(--secondary3-colour); border-radius: 10px; border-color: transparent; } #app-mount .root__49fc1 { box-shadow: none; } #app-mount .root__49fc1 .container__0f084:focus-within { border-color: var(--primary1-colour); } #app-mount .header__49fc1 { background-color: var(--primary3-colour); border-radius: 10px 10px 0 0; } #app-mount .content__49fc1 {padding-top: 20px;} #app-mount .footer__49fc1 { background-color: var(--secondary2-colour); border-radius: 0 0 10px 10px; } #app-mount .input_ac6cb0, #app-mount .bgScale_b78547, #app-mount .item_c1e9c4.focused_c1e9c4:not(.colorDanger_c1e9c4), #app-mount .messageGroupWrapper_e8b59c:hover { background-color: var(--secondary2-colour); } #app-mount .focusLock__49fc1 ::-webkit-scrollbar { display: none; } #app-mount .messageGroupWrapper_e8b59c:hover .jumpButton_e8b59c { background-color: var(--secondary3-colour); } #app-mount .container__4e30a, #app-mount .container_d5ae15 { background-color: var(--secondary3-colour); } #app-mount .root_a55fdc .footer_a55fdc, #app-mount .content_a8c622 { background-color: transparent; } #app-mount .checkboxOption__714a9[data-selected="true"] .checkboxIndicator__714a9 { background-color: var(--primary1-colour); } /* Discussion Tag popup */ #app-mount .container__5808f { background-color: var(--secondary3-colour); } #app-mount .countContainer__5808f { background-color: var(--primary1-colour); } #app-mount .countContainer__5808f .countText__5808f { color: var(--activetext-colour); } #app-mount .container__5808f .pill_a2c9e8.selected_a2c9e8 { border-color: var(--primary1-colour); background-color: var(--primary4-colour); } #app-mount .container__5808f .pill_a2c9e8.selected_a2c9e8 div { color: white!important; } /* Permission Popup */ #app-mount .container__8a031 { background-color: var(--secondary3-colour); } #app-mount .checkbox__09aca.checked__09aca { background-color: var(--primary1-colour); border-color: var(--primary1-colour); } #app-mount .container__8a031 .container__0e476 .anchor_edefb8 { background-color: var(--secondary2-colour); } /*BetterDiscord Popups and other bits*/ #app-mount .bd-modal-header { background-color: var(--primary3-colour); } #app-mount .bd-modal-root { background-color: var(--secondary3-colour); } #app-mount .bd-modal-footer { background-color: var(--secondary2-colour); } #app-mount .bd-button.selected, #app-mount .bd-button-filled.bd-button-color-red, #app-mount .bd-button:active { background-color: var(--primary1-colour); } #app-mount .bd-addon-store-card { background-color: var(--secondary3-colour); } #app-mount .bd-addon-store-card:hover { background-color: var(--secondary2-colour); } #app-mount .bd-addon-store-card .bd-button-filled, #app-mount .bd-empty-image-container .bd-button-filled { background-color: var(--primary1-colour); } /*Inbox popup*/ #app-mount .header-PfVfAO, #app-mount .channelHeader__35a7e { background-color: var(--secondary2-colour); } #app-mount .container__95796:hover, #app-mount .messages__1ccd1:hover { background-color: var(--secondary1-colour); } #app-mount .recentMentionsPopout__95796, #app-mount .recentMentionsPopout__95796 .container__95796:hover .jumpButton_ed0c8c, #app-mount .recentMentionsPopout__95796 .messages__1ccd1 .jumpButton_ed0c8c { background-color: var(--secondary3-colour); } #app-mount .container__95796, #app-mount .messages__1ccd1 { border-radius: 10px; padding-right: 0; } #app-mount .channelHeader__35a7e {border-radius: 10px 10px 0 0;} #app-mount .channelHeader__35a7e .badge__35a7e {background-color: var(--primary1-colour);} #app-mount .recentMentionsPopout__95796 .scroller__2692d { padding: 0!important; } /*User Popup*/ #app-mount .outer_c0bea0:not(.custom-theme-background) .inner_c0bea0 , #app-mount .outer_c0bea0:not(.custom-theme-background) { background: transparent; } #app-mount .outer_c0bea0:not(.custom-theme-background) { background-color: var(--secondary3-colour)!important; } #app-mount .outer_c0bea0:not(.custom-theme-background) .role_dfa8b6, #app-mount .outer_c0bea0:not(.custom-theme-background) .channelTextArea__74017 .inner_a99829 { background-color: var(--secondary1-colour); } /*Search Popup*/ #app-mount .container__55c99, #app-mount .container__55c99 ul { background-color: var(--secondary3-colour); } #app-mount .searchFilter_bd8186, #app-mount .searchAnswer_bd8186 { background-color: var(--secondary2-colour); } #app-mount .queryContainer__55c99 { background-color: var(--secondary2-colour); } #app-mount .react-datepicker__day {background-color: var(--secondary1-colour);} #app-mount .react-datepicker__day:hover {background-color: var(--secondary2-colour);} #app-mount .react-datepicker__day--today::after {background-color: var(--primary1-colour);} #app-mount .react-datepicker__day--disabled, #app-mount .react-datepicker__day--outside-month { background-color: var(--secondary3-colour); } #app-mount .react-datepicker, #app-mount .react-datepicker__header { background-color: transparent; } #app-mount .container__55c99 .hintValue__16eb0 {background-color: var(--primary1-colour);} /*Join & Create Server Popup*/ #app-mount .container-1Lk8p7 .header__49fc1 {padding-bottom: 24px;} #app-mount .container-1Lk8p7 .header__49fc1 .heading-xl-semibold__5e2e4, #app-mount .container-1Lk8p7 .header__49fc1 .text-md-normal__6a4eb, #app-mount .container-1Lk8p7 .footer__49fc1 .footerTitle-3Bslxi, #app-mount .container-1Lk8p7 .footer__49fc1 .contents__201d5, #app-mount .container-1Lk8p7 .container-x8Y1ix .text-md-bold_c22b0c, #app-mount .container-1Lk8p7 .rowContainer-3t7486 .rowText-3MQqQi { color: var(--activetext-colour)!important; } #app-mount .container-1Lk8p7 .footer__49fc1 { background-color: var(--secondary2-colour); box-shadow: none; } #app-mount .container-1Lk8p7 .container-x8Y1ix, #app-mount .container-1Lk8p7 .rowContainer-3t7486 { background-color: var(--secondary1-colour); } #app-mount .container-1Lk8p7 .container-x8Y1ix:hover, #app-mount .container-1Lk8p7 .rowContainer-3t7486:hover { background-color: var(--secondary2-colour); } #app-mount .container-1Lk8p7 .input__0ed4f, #app-mount .container-1Lk8p7 .input-m1-Y7Q { background-color: var(--secondary1-colour); } #app-mount .container-1Lk8p7 .iconContainer-GFfNaA circle {fill: var(--primary1-colour)} #app-mount .container-1Lk8p7 .content__49fc1 {margin-top: 24px;} /*Emoji, Gif and SoundBoard Picker Popup*/ #app-mount .contentWrapper__08434 { background-color: var(--secondary3-colour); } #app-mount .contentWrapper__08434 .wrapper__4e6ce, #app-mount .contentWrapper__08434 .header__8ef02, #app-mount .contentWrapper__08434 .container_fed6d3, #app-mount .contentWrapper__08434 .header_fed6d3 { background-color: transparent; } #app-mount .contentWrapper__08434 .unicodeShortcut_b9ee0c, #app-mount .contentWrapper__08434 .inspector_aeaaeb { background-color: var(--secondary3-colour); } #app-mount .contentWrapper__08434 .wrapper__14245 { background-color: var(--secondary1-colour); } #app-mount .contentWrapper__08434 .wrapper__14245 .header__14245 { background-color: var(--primary3-colour); padding: 4px; border-radius: 5px; } #app-mount .contentWrapper__08434 .wrapper__72c38:focus-within { border-color: var(--primary1-colour); outline: none; } #app-mount .contentWrapper__08434 .categoryFadeBlurple_d02962, #app-mount .contentWrapper__08434 .result__2dc39 { background-color: var(--primary3-colour)!important; } /*TopBar*/ #app-mount .title_c38106::before { content: "GGO Kirito v1.4.1 By VaporousCreeper"; color: rgb(255,255,255,0.5); font-weight: 500; position: left; margin-right: 10px; } #app-mount .title_c38106 { background-color: var(--secondary3-colour); border-bottom: 3px solid var(--primary3-colour) }