API tools faq
paste
deaZ1

soon.css

deaZ1
Nov 7th, 2022
1,141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.50 KB | Source Code | 0 0
raw download clone embed print report
  1. @import url("https://satanadesigns.github.io/soon/main/extra/fonts.css");
  2. @import url("https://satanadesigns.github.io/soon/main/extra/snippets.css");
  3. @import url("https://satanadesigns.github.io/soon/main/extra/palette.css");
  4.  
  5. :root {
  6.     /* Theme Version */
  7.      --soon-ver: "1.0";
  8. }
  9. /* Fonts */
  10. code {
  11.     font-family: var(--codeblock-font);
  12.   }
  13.  
  14.   /* Sidebar */
  15.   .sidebar-1tnWFu {
  16.     border-top-left-radius:10px;
  17.   }
  18.  
  19.   /* Pin Home Icon */
  20.   .guilds-2JjMmN .tree-3agP2X:focus {
  21.     outline-color: transparent;
  22.   }
  23.   .guilds-2JjMmN .scroller-3X7KbA {
  24.     contain: unset;
  25.     margin-top: 53px;
  26.   }
  27.   .guilds-2JjMmN .scroller-3X7KbA .tutorialContainer-1pL9QS {
  28.     position: fixed;
  29.     transform: translatey( -115% );
  30.     background-color:#131118;
  31.     border-top-right-radius:10px;
  32.   }
  33.   .tutorialContainer-1pL9QS.listItem-3SmSlK.wrapper-3kah-n[data-list-item-id="guildsnav___home"] {
  34.     margin-top:25px!important;
  35.   }
  36.   .guildSeparator-a4uisj {
  37.     display:none;
  38.   }
  39.   .unreadMentionsIndicatorTop-2bTgUU {
  40.     margin-top:50px;
  41.   }
  42.  
  43.   /* Server List */
  44.   .guilds-2JjMmN {
  45.     margin-top:20px;
  46.     margin-bottom:10px;
  47.     border-top-right-radius:10px!important;
  48.     border-bottom-right-radius:10px!important;
  49.     margin-right:10px!important;
  50.   }
  51.   .scroller-3X7KbA {
  52.     background-color:#211d2981;
  53.   }
  54.   .tutorialContainer-1pL9QS > .listItem-3SmSlK:first-child{
  55.       margin-top:9px;
  56.   }
  57.   .scroller-3X7KbA .wrapper-28eC3z foreignObject, .folderIconWrapper-1oRIZr, .wrapperSimple-Js2rIO{
  58.     mask: none;
  59.     border-radius: var(--folder-radius);
  60.   }
  61.   .icon-1zKOXL {
  62.     mask:none;
  63.     border-radius:var(--server-radius);
  64.   }
  65.   /* Servers */
  66.   .tutorialContainer-1pL9QS .selected-3a1QGn .childWrapper-1j_1ub, .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub  {
  67.     background-color:var(--server-bg)!important;
  68.   }
  69.  
  70.   /* Titlebar/Wordmark */
  71.   .wordmark-2u86JB {
  72.         color: gray;
  73.         align-items:center;
  74.         width:fit-content;
  75.         font-size:15px;
  76.         font-weight:800;
  77.       }
  78.       .titleBar-1it3bQ .wordmark-2u86JB {
  79.         padding: 5px 9px 5px;
  80.         width: 100vw;
  81.         display: flex;
  82.         justify-content: center;
  83.       }
  84.     .wordmark-2u86JB::before {
  85.       content:"Soon";
  86.       position:absolute;
  87.       font-size:15px;
  88.       margin-top:10px;
  89.     }
  90.     .wordmark-2u86JB::after {
  91.       content:"by Satana";
  92.       position:absolute;
  93.       font-size:15px;
  94.       margin-left:115px;
  95.       font-weight:400;
  96.       margin-top:10px;
  97.     }
  98.     .wordmark-2u86JB > svg {
  99.        display:none;
  100.     }
  101.  
  102.  
  103.   /* User Panel */
  104.   .button-12Fmur {
  105.     background-color:#18141d;
  106.     border-radius:0px;
  107.     transition:all 0.2s ease-in-out;
  108.   }
  109.   .button-12Fmur:hover {
  110.     background-color:#241f2b!important;
  111.   }
  112.   .button-12Fmur:first-child {
  113.     border-top-left-radius:10px;
  114.     border-bottom-left-radius:10px;
  115.   }
  116.   .button-12Fmur:last-child {
  117.     border-top-right-radius:10px;
  118.     border-bottom-right-radius:10px;
  119.   }
  120.   .status-2DiCMd svg {
  121.     mask:none!important;
  122.     border-radius:0px;
  123.   }
  124.   .menu-1QACrS {
  125.     background-color:var(--user-popout-bg);
  126.   }
  127.  
  128.  
  129.     /* Action Buttons */
  130.     .actionButton-3-B2x- {
  131.       border-radius:10px;
  132.     }
  133.  
  134.     /* Avatars */
  135.     .wrapper-1VLyxH foreignObject,
  136.   .callAvatarMask-fiNMWy foreignObject,
  137.   .avatarContainer-gPrCzX foreignObject,
  138.   .avatarMasked-qX7NI7 {
  139.     mask: none;
  140.     -webkit-mask: none;
  141.   }
  142.   .wrapper-1VLyxH,
  143.   .avatar-b5OQ1N,
  144.   .profile-1o7I_1 .avatarUploaderInner-yEhTv5,
  145.   .voiceAvatar-lRbblo,
  146.   .avatar-2e8lTP,
  147.   .border-2BJQjd,
  148.   .avatar-3FKimL,
  149.   .clickableAvatar-igrb2Y,
  150.   .emptyUser-2FDCJv,
  151.   .avatar-3TrM7c,
  152.   .wrapper-3mYmFS.ringingIncoming-fibTw-::after,
  153.   .wrapper-3mYmFS.ringingOutgoing-1NjfRn::after,
  154.   .replyAvatar-sHd2sU,
  155.   .avatarSpeaking-33RRJU,
  156.   .avatar-2EVtgZ,
  157.   .avatarContainerMasked-13fYnN,
  158.   .appAvatar-2_lufo {
  159.     border-radius: var(--avatar-radius);
  160.   }
  161.   .avatarHint-2g3Mcd,
  162.   .avatarHint-2g3Mcd foreignObject {
  163.       border-radius: var(--avatar-radius);
  164.       mask: none;
  165.   }
  166.   .avatarHintInner-3gk_Yx {
  167.       border-radius: var(--avatar-radius);
  168.   }
  169.  
  170.   /* Mentions */
  171.   .numberBadge-37OJ3S {
  172.     mask:none!important;
  173.     -webkit-mask:none!important;
  174.     border-radius:5px!important;
  175.     border: solid 1px var(--background-primary);
  176.   }
  177.   .lowerBadge-3WTshO {
  178.     border-top-left-radius:5px!important;
  179.     border-top-right-radius:3px!important;
  180.     border-bottom-left-radius:3px!important;
  181.     margin-bottom:-5px!important;
  182.     margin-right:-5px!important;
  183.     border:solid 2px var(--background-primary);
  184.     background-color:var(--background-primary);
  185.   }
  186.   .unreadMentionsIndicatorBottom-3RJMnQ.bar-2eAyLE,.unreadMentionsBar-ZXXoOH {
  187.     mask:none!important;
  188.     border-radius:5px!important;
  189.   }
  190.  
  191.   /* Home Icon */
  192.   .homeIcon-r0w4ny path {fill: transparent!important}
  193.   .homeIcon-r0w4ny {
  194.   background: url('https://i.ibb.co/BTPpwTd/soon-white.png') center/cover no-repeat;
  195.   min-width: 35px;
  196.   min-height: 35px;
  197.   }
  198.  
  199.   /* Message Box */
  200.   .channelTextArea-1FufC0>.scrollableContainer-15eg7h {
  201.     border-radius:5px!important;
  202.     background-color:var(--messagebox-bg);
  203.   }
  204.   .placeholder-1rCBhr {
  205.     text-align:var(--messagebox-align);
  206.   }
  207.   .textArea-220_Gz, .channelTextArea-1VQBuV, .scrollableContainer-15eg7h {
  208.     background-color:var(--messagebox-bg);
  209.   }
  210.  
  211.   /* Titlebar Buttons */
  212.   .winButton-3UMjdg {
  213.     border-radius:5px!important;
  214.     transition:all 0.2s ease-in-out;
  215.   }
  216.  
  217.   /*
  218.   This is for the
  219.   (Purpura Color Palette by blueb442)
  220.   Do Not Touch.
  221.   */
  222.   .theme-dark.container-ZMc96U {
  223.     background-color:var(--toolbar-bg);
  224.   }
  225.   .circleIconButton-1VxDrg {
  226.     background-color:var(--serverlist-btn);
  227.   }
  228.   .childWrapper-1j_1ub.acronym-2zrAHN {
  229.     background-color:var(--serverlist-btn);
  230.   }
  231.   .autocomplete-3NRXG8,.autocomplete-3jLKbj,.autocompleteAttached-bt_md- {
  232.     background-color:var(--autocomplete-bg)!important;
  233.   }
  234.  
  235.   /* bug fixes */
  236.   .children-3xh0VB:after{
  237.     content: none;
  238.   }
  239.  
  240.   /* User Popout */
  241.   .userPopout-3fydSP,.userPopoutInner-PA9zkU,.animatorRight-xAUgTY,.userPopoutInnerNonPremium-3zrFkp,.bodyInnerWrapper-2bQs1k,.wrapper-1VLyxH,.topSection-13QKHs,.body-1Ukv50,.footer-3naVBw,.overlayBackground-arbZMT {
  242.     background-color:var(--user-popout-bg);
  243.     border-color:var(--user-popout-bg);
  244.     border-radius:5px;
  245.   }
  246.  
  247.   .connectedAccountContainer-SlCC-S {
  248.     background-color:var(--connected-accounts-bg);
  249.   }
  250.   .inputWrapper-1YNMmM,.inputDefault-3FGxgL {
  251.     background-color:var(--messagebox-bg);
  252.     filter:brightness(80%);
  253.     border-radius:5px;
  254.   }
  255.   .inputWrapper-1YNMmM,.inputDefault-3FGxgL:hover,.inputWrapper-1YNMmM,.inputDefault-3FGxgL:focus {
  256.     background-color:var(--messagebox-bg);
  257.     filter:brightness(65%);
  258.   }
  259.  
  260. /* Banners */
  261. .layer-1Ixpg3 .banner-1YaD3N .banner-2boKnS,.bannerPremium-86naOf,.profileBanner-2zIsK7, .popoutBanner-16rVDY, .popoutBanner-3cqRD9, .popoutBannerPremium-3i5EE, .bannerPremium-kkSkPv {
  262.   filter: blur(calc(var(--banner-blur-amount) * 1px * var(--banner-blur)));
  263.   transition:1s ease all;
  264. }
  265. .layer-1Ixpg3 .banner-1YaD3N:hover,.profileBanner-2zIsK7:hover, .banner-2boKnS:hover, .popoutBanner-3cqRD9:hover, .popoutBannerPremium-3i5EE:hover, .bannerPremium-kkSkPv:hover {
  266.   filter:none;
  267. }
  268. .userPopoutInnerNonPremium-3zrFkp .bannerSVGWrapper-qc0szY foreignObject { /* Banner SVG Fix */
  269.   mask: none;
  270. }
  271. .bannerSVGWrapper-qc0szY>mask {
  272.   display:none;
  273. }
  274.  
  275.   /* Avatar */
  276.   .replyAvatar-sHd2sU {
  277.     mask:none;
  278.     border-radius:var(--reply-avatar-radius);
  279.   }
  280.   .avatar-2e8lTP {
  281.     border:1px solid transparent;
  282.     transition: all ease-in-out 0.55s;
  283.   }
  284.   .avatar-2e8lTP:hover {
  285.     border-color:rgba(104, 58, 126, 0.322);
  286.   }
  287.   .wrapper-1VLyxH circle {
  288.     fill:transparent;
  289.   }
  290.  
  291.   /* hailey my love<33 */
  292.   .wrapper-30-Nkg [src*="505110032199843842"] ~ h2 .username-h_Y3Us::after {
  293.       content:'💕';
  294.   }
  295.  
  296.   /* Add Server Button [+] */
  297.   .theme-light .root-g14mjS, .modalContent-33IoU, .header-1zd7se {
  298.       background-color: var(--dark-background);
  299.       box-shadow: 0 0 0 1px rgb(32 34 37 / 60%), 0 2px 10px 0 rgb(0 0 0 / 20%);
  300.   }
  301.   .theme-light .footer-31IekZ, .modalFooter-2XY3GW {
  302.       background-color: var(--dark-background-secondary);
  303.       box-shadow: inset 0 1px 0 rgb(47 49 54 / 60%);
  304.   }
  305.   .theme-light .thin-31rlnD::-webkit-scrollbar-thumb {
  306.       background-color: var(--dark-background-tertiary);
  307.   }
  308.   .theme-light .subtitle-3m-md1,.theme-light .subtitle-bIoUVX,.theme-light .subtitle-1cc8Nz,.theme-light .optionHeader-27AHfD,.theme-light .text-PdAsFQ,.theme-light .text-sm-normal-3Zj3Iv,.theme-light .skip-2hTIXL,.theme-light .guidelines-FvqqF2,.theme-light .colorStandard-1Xxp1s,.theme-light .text-xs-normal-3SiVjE.rowText-3MQqQi {
  309.       color: var(--dark-header-secondary) !important;
  310.   }
  311.   .theme-light .inputDefault-3FGxgL,.theme-light .sampleLink-5BWNy9 {
  312.       color: var(--dark-text);
  313.   }
  314.   .theme-light .defaultColor-24IHKz {
  315.       color: var(--dark-header);
  316.   }
  317.   .theme-light .anchor-1MIwyf {
  318.       color: var(--dark-link);
  319.   }
  320.   .theme-light .container-x8Y1ix {
  321.       background-color: var(--dark-background);
  322.       border-color: hsla(0, 0%, 100%, 0.06);
  323.   }
  324.   .theme-light .rowContainer-3t7486 {
  325.       background-color: var(--dark-background-secondary);
  326.   }
  327.   .theme-light .container-x8Y1ix:hover,.theme-light .rowContainer-3t7486:hover {
  328.       background-color: var(--dark-modifier-hover);
  329.   }
  330.   .theme-light .container-x8Y1ix:active,.theme-light .rowContainer-3t7486:active {
  331.       background-color: var(--dark-modifier-selected);
  332.   }
  333.   .theme-light .arrow-2yY1Tm {
  334.       filter: brightness(0) saturate(100%) invert(84%) sepia(4%) saturate(191%) hue-rotate(177deg) brightness(89%) contrast(91%);
  335.   }
  336.   .theme-light .footerButton-24QPis {
  337.       background-color: var(--blurple);
  338.   }
  339.   .theme-light .footerButton-24QPis:hover {
  340.     background-color: #4752c4;
  341.   }
  342.   .theme-light .footerButton-24QPis:active {
  343.       background-color: var(--blurple);
  344.   }
  345.   .theme-light .lookBlank-21BCro,.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo {
  346.       color: var(--dark-header);
  347.       text-decoration-color: var(--dark-header);
  348.   }
  349.   .theme-light .lookBlank-21BCro:hover,.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo:hover {
  350.       text-decoration: underline;
  351.   }
  352.   .theme-light .uploadIcon-2wV7s_ {
  353.       color: var(--dark-header-secondary);
  354.   }
  355.   .theme-light .inputDefault-3FGxgL {
  356.       background-color: var(--dark-background-tertiary);
  357.       font-weight: 400;
  358.   }
  359.   .theme-light .inputDefault-3FGxgL::placeholder {
  360.       font-weight: 400;
  361.       color: #87898c;
  362.   }
  363.   .theme-light .input-m1-Y7Q {
  364.       background-color: var(--dark-background-tertiary);
  365.   }
  366.   .theme-light .close-1mLglB.button-f2h6uQ {
  367.       opacity: 0.5;
  368.   }
  369.   .theme-light .close-1mLglB.button-f2h6uQ:hover {
  370.       opacity: 1;
  371.   }
  372.  
  373.   /* Discover Servers Page */
  374.   .pageWrapper-2PwDoS,.list-3FIpnh {
  375.     background-color: #19171b!important;
  376.   }
  377.   .searchBox-pyIJJj {
  378.     background-color:#141218!important;
  379.   }
  380.   .searchBoxInput-3h4etz {
  381.     color:var(--messagebox-text)!important;
  382.   }
  383.  
  384.   /* Custom Status Modal */
  385.   .modalRoot-1uudbL {
  386.     background-color: var(--dark-background);
  387.   }
  388.   .footer-31IekZ {
  389.     background-color: var(--dark-background-secondary);
  390.   }
  391.   .select-1Ia3hD {
  392.     background-color:var(--user-popout-bg)!important;
  393.   }
  394.   .option-2eIyOn {
  395.     background-color:var(--user-popout-bg)!important;
  396.     filter:contrast(110%)!important;
  397.   }
  398.   .option-2eIyOn:hover {
  399.     background-color:var(--user-popout-bg)!important;
  400.     filter:contrast(120%)!important;
  401.   }
  402.  
  403.   /* Server Boost Modal */
  404.   .perksModal-CLcR1c {
  405.     background-color:var(--background-primary)!important;
  406.   }
  407.  
  408.   /* Settings Info (bottom of sidebar) */
  409.   #app-mount .info-3pQQBb .line-18uChy:last-child:after {
  410.     content: "Soon v" var(--soon-ver);
  411.     display: block;
  412.     text-transform:none;
  413.   }
  414.   #app-mount .info-3pQQBb .line-18uChy:first-child::before {
  415.     content: "https://satana.design";
  416.     display: block;
  417.     font-weight:bold;
  418.     text-transform:none;
  419.   }
  420.  
  421.   /* All Popups/Modals */
  422.   .theme-light .root-g14mjS,.content-2hZxGK,.header-1zd7se,.container-2rzKKA,.scroller-3nFW5p,.header-3_zmOb,.scroller-2M3eAB, .messagesPopout-eVzQcI, .modalContent-33IoU, .content-2hZxGK, .scroller-145h9c, .channelHeader-DFRX8q {
  423.     background-color: var(--dark-background)!important;
  424.     box-shadow: 0 0 0 1px rgb(32 34 37 / 60%), 0 2px 10px 0 rgb(0 0 0 / 20%);
  425. }
  426. .theme-light .footer-31IekZ,.message-G6O-Wv,.footer-5ji8u1,.list-3YHPPb, .footer-1hTRRZ, .modalFooter-2XY3GW, .header-1zd7se,.header-145e10, .header-1w9Q93, .tutorial-Nb3Zz5, .channel-3NJZ1V {
  427.     background-color: var(--dark-background-secondary)!important;
  428.     box-shadow: inset 0 1px 0 rgb(47 49 54 / 60%);
  429. }
  430. .channelHeader-DFRX8q {
  431.   filter:contrast(110%);
  432. }
  433. .modalContent-33IoU, .content-2hZxGK {
  434.   border-radius:0px!important;
  435. }
  436. .card-1LSSlz {
  437.   background-color: transparent!important;
  438.   border-color:transparent!important;
  439. }
  440. .copyIcon-3HI-E4 {
  441.   display:none;
  442. }
  443. .content-2hZxGK{
  444.   border-radius:0px!important;
  445. }
  446. .content-2hZxGK ,.content-3562Do {
  447.   box-shadow:none!important;
  448. }
  449. .header-1zd7se,.header-DdKz5e {
  450.     background-color:var(--background-primary);
  451. }
  452.  
  453. .inspector-DFKXwB, .inspector-2A2Chb, .footer-C9oLp9 {
  454.   background-color:var(--background-secondary);
  455. }
  456. .unicodeShortcut-3N8oDe {
  457.   background:#16141b;
  458. }
  459. .emojiPickerListWrapper-1T3YI3,
  460. .emojiPickerListWrapper-1T3YI3 .header-1ULbqO,
  461. .categorySectionCollapsed-3AV4SU .header-1ULbqO,
  462. .categorySection-3j71bm,
  463. .scroller-1Kbkqa,
  464. #uid_40,
  465. #popout_8885,
  466. .reactors-1VXca7 {
  467.   background-color:var(--background-primary)!important;
  468. }
  469. .emojiItem-277VFM.emojiItemSelected-2Lg50V,
  470. .sticker-H2HhJD.stickerInspected-mwnU6w,
  471. .reactionSelected-1aMb2K,
  472. .option-ayUoaq /* find the selected class for this (hint: searchbar!) */ {
  473.   background-color:#201e27!important; /* ^ */
  474. }
  475. .categoryItemDefaultCategory-3haEDq.categoryItemDefaultCategorySelected-2YeRUu {
  476.   background-color:#2b2933;
  477. }
  478. .emojiPicker-6YCk8a .header-11eigE,
  479. .contentWrapper-3vHNP2,
  480. .packHeader-w9jpYl {
  481.   background-color:var(--background-secondary);
  482. }
  483. .searchBarGrid-3PsYLd,
  484. .wrapper-n2dlvs,
  485. .container-1SX9VC,
  486. .searchBar-3aIzc-  {
  487.   background-color:var(--background-tertiary);
  488. }
  489. .contentWrapper-3vHNP2 .categoryList-2qRrlj, .categoryList-2GgCrD, .list-obNEuP,
  490. .queryContainer-ZunrLZ {
  491.   background-color:#1c1a22;
  492. }
  493. .container-2O1UgZ,.colorPickerCustom-1swUKF {
  494.   background-color:var(--user-popout-bg);
  495. }
  496. .inner-2pOSmK {
  497.   background-color:var(--background-tertiary);
  498. }
  499. .messageGroupCozy-3v_RqN {
  500.   background-color:var(--messagebox-bg);
  501. }
  502. .container-2cd8Mz .themed-Hp1KC_ {
  503.   background-color: var(--background-primary);
  504. }
  505. .avatarUploaderNormal-1h8g3f,
  506. .avatarUploader-CHGwK7,
  507. .imageUploaderInner-IIRaFr,
  508. .avatarUploaderInner-1dBiHs,
  509. .imageUploaderIcon-2OHmFu {
  510.     border-radius:5px;
  511. }
  512. .imageUploaderIcon-2OHmFu {
  513.     background-color: rgb(0,0,0,0.7)!important;
  514.     border-radius: 1px 5px 1px 5px;
  515. }
  516. .avatarUploaderNormal-1h8g3f .status-b9jLr4 {
  517.   display:none;
  518. }
  519. #gif-picker-tab-panel,
  520. .modalContent-1uVMnp,
  521. .artContainer-1yaXct,
  522. .content-2hZxGK,
  523. .content-3562Do,
  524. .paymentPane-ut5qKZ,
  525. .verticalFit-21XL0v,
  526. .paginator-1eqD2g,
  527. #billing-history,
  528. .payment-2bOh4k,
  529. .codeRedemptionRedirect-2hYMSQ,
  530. .card-16VQ8C{
  531.     background-color: var(--background-secondary)!important;
  532. }
  533. .searchOption-3u1gRt:hover,
  534. .option-ayUoaq:hover {
  535.     background-color: var(--background-secondary-alt)!important;
  536. }
  537. .searchOption-3u1gRt,
  538. .option-ayUoaq {
  539.     background-color:var(--background-secondary)!important;
  540. }
  541. .searchOption-3u1gRt::after,
  542. .option-ayUoaq::After {
  543.     display:none!important;
  544. }
  545. #popout_22616 > * {
  546.     background-color: var(--background-secondary)!important;
  547. }
  548. .avatar-3mTjvZ {
  549.   border:none;
  550. }
  551.  
  552. .container-2cd8Mz .themed-Hp1KC_{
  553.   background-color:var(--background-primary);
  554. }
  555.  
  556. .panels-3wFtMD {
  557.   order:var(--userpanel-position);
  558.   min-height:48px;
  559.   background-color: var(--background-primary);
  560. }
  561. .panels-3wFtMD .avatar-1EWyVD {
  562.   margin-left:3px;
  563. }
  564. .container-1Lk8p7,.content-2hZxGK,.content-2hZxGK,.templatesList-uohY49,.optionsList-dmHy1l {
  565.   background-color:var(--background-secondary)!important;
  566. }
  567. .container-x8Y1ix:hover {
  568.   background-color: rgb(0, 0, 0, 0.04)!important;
  569. }
  570. #popout_415, .container-2McqkF, .queryContainer-ZunrLZ {
  571.   background-color:#121016;
  572. }
  573.  
  574. .customItem-2CxBSo .button-1zW0-r {
  575.   border-radius:5px;
  576.   background-color:#1f222a;
  577. }
  578. .customItem-2CxBSo .button-1zW0-r:hover {
  579.   background-color:#14161a;
  580. }
  581. .expandedFolderIconWrapper-3RwQpD,
  582. .expandedFolderBackground-1kSAf6  {
  583.     background-color: var(--closed-folder-bg);
  584. }
  585.  
  586. .invite-3uuHYQ {
  587.   background-color: rgb(0,255,0,0.07)!important;
  588. }
  589. .keyboardShortcutsModal-2CRmCm {
  590.   background-color: var(--background-secondary)!important;
  591. }
  592. .scroller-2GkvCq {
  593.   background-color: var(--background-secondary-alt)!important;
  594. }
  595. .avatarSmall-3qwAkA {
  596.   border-radius:5px!important;
  597. }
  598. .modalSize-3WSXDU {
  599.   background-color: var(--background-secondary);
  600. }
  601. .paymentModalContent, .paymentModalContent .bodyWrapper-23FTiG, .headerAnimation-3DVb6i {
  602.   background-color: var(--background-secondary);
  603. }
  604. .react-datepicker,
  605. .calendarPicker-sDhzdi,
  606. .react-datepicker__current-month,
  607. .react-datepicker__header,
  608. .react-datepicker__month  {
  609.     background-color: var(--background-secondary)!important;
  610. }
  611. .react-datepicker__day--disabled,
  612. .react-datepicker__day--outside-month {
  613.     background-color: rgb(14,12,17,3)!important;
  614. }
  615. #app-mount .colorPickerCustom-1swUKF {
  616.   background-color: var(--background-secondary);
  617.   border-radius:10px;
  618. }
  619. .content-1jQy2l,.title-31SJ6t {
  620.   background-color: var(--background-primary)!important;
  621. }
  622. .container-2Hi7Km, .containerCard-2kwJKN {
  623.   background-color: var(--background-secondary);
  624. }
  625. .guildIconImage-74OdmM,
  626. .iconActiveLarge-ac-EDu {
  627.     background-color:#0e0c11!important;
  628. }
  629. .contentWrapper-3oy4Xo {
  630.   background-color: var(--background-secondary)!important;
  631. }
  632. .inviteSplash-2Q0PLE {
  633.   filter:blur(0.956px);
  634.   transition: 0.5s all ease;
  635. }
  636. .inviteSplash-2Q0PLE:hover {
  637.   filter:none;
  638. }
  639.  
  640. /* scrollbar. */
  641. #app-mount ::-webkit-scrollbar-track {
  642.   background: transparent;
  643. }
  644.  
  645. #app-mount ::-webkit-scrollbar-thumb {
  646.   background-color: var(--scroller-color);
  647. }
  648.  
  649.  
  650. .categoryHeader-OpJ1Ly {
  651.   background-color: var(--autocomplete-bg);
  652. }
  653. .menu-1QACrS {
  654.   background-color:#151216!important;
  655. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!