API tools faq
paste
Advertisement
Homebrews

Untitled

Homebrews
May 18th, 2022
911
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 42.57 KB | None | 0 0
raw download clone embed print report
  1. @import url("https://zuzumi-f.github.io/Moon-Rabbits-Dream-About-Virtual/release/settings-modal.css");
  2. @import url("https://zuzumi-f.github.io/Moon-Rabbits-Dream-About-Virtual/release/pop.css");
  3. @import url("https://zuzumi-f.github.io/Moon-Rabbits-Dream-About-Virtual/release/compatibility.css");
  4. @import url("https://zuzumi-f.github.io/classic-discord-status/2016-status.css");
  5.  
  6. :root {
  7.     --the-borders: 3px solid #da4a60;
  8.     --drag-background: linear-gradient(#e8c4d3, #e39ba7);
  9.     --radius-theme: 18px;
  10. }
  11.  
  12. /* Theme dark */
  13. .theme-dark {
  14.     --text-muted: hsl(218, 5%, 39%);
  15.     --text-link: hsl(271, 97%, 53%);
  16.     --text-link-low-saturation: hsl(314, 100%, 52.9%);
  17.     --text-brand: hsl(265, 98%, 67%);
  18.     --interactive-muted: hsl(217, 8%, 27%);
  19.     --background-primary: hsl(220, 8%, 14%);
  20.     --background-secondary: hsl(223, 7%, 11%);
  21.     --background-secondary-alt: hsl(220, 7%, 9%);
  22.     --background-tertiary: hsl(216, 7%, 6%);
  23.     --background-accent: hsl(217, 8%, 21%);
  24.     --background-floating: hsl(225, 8%, 4%);
  25.     --background-mobile-primary: var(--background-primary);
  26.     --background-mobile-secondary: var(--background-secondary);
  27.     --background-modifier-hover: hsla(217, 8%, 26%, 0.16);
  28.     --background-modifier-active: hsla(217, 8%, 26%, 0.24);
  29.     --background-modifier-selected: hsla(217, 8%, 26%, 0.32);
  30.     --background-modifier-accent: hsla(0, 0%, 87%, 0.08);
  31.     --info-help-background: hsla(271, 97%, 53%);
  32.     --info-help-foreground: hsl(271, 97%, 53%);
  33.     --status-warning-text: hsl(0, 0%, 0%);
  34.     --scrollbar-thin-thumb: hsl(216, 7%, 6%);
  35.     --scrollbar-thin-track: transparent;
  36.     --scrollbar-auto-thumb: hsl(216, 7%, 6%);
  37.     --scrollbar-auto-track: hsl(210, 9.8%, 11%);
  38.     --scrollbar-auto-scrollbar-color-thumb: hsl(216, 7%, 6%);
  39.     --scrollbar-auto-scrollbar-color-track: hsl(223, 7%, 14%);
  40.     --control-brand-foreground: hsl(265, 100%, 86%);
  41.     --control-brand-foreground-new: hsl(265, 100%, 86%);
  42.     --background-mentioned: hsla(198, 95.7%, 54.1%, 0.1);
  43.     --background-mentioned-hover: hsla(198, 95.7%, 54.1%, 0.08);
  44.     --background-message-hover: hsla(240, 11%, 0%, 0.07);
  45.     --guild-header-text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.4);
  46.     --activity-card-background: hsl(216, 7%, 6%);
  47.     --deprecated-card-bg: hsla(216, 7%, 6%, 0.6);
  48.     --deprecated-card-editable-bg: hsla(216, 7%, 6%, 0.3);
  49.     --deprecated-store-bg: hsl(220, 8%, 16%);
  50.     --deprecated-quickswitcher-input-background: hsl(220, 5%, 39%);
  51.     --deprecated-quickswitcher-input-placeholder: hsla(0, 0%, 90%, 0.3);
  52.     --deprecated-text-input-bg: hsla(0, 0%, 0%, 0.1);
  53.     --deprecated-text-input-border: hsla(0, 0%, 0%, 0.3);
  54.     --deprecated-text-input-border-hover: hsl(240, 9%, 0%);
  55.     --deprecated-text-input-border-disabled: hsl(216, 7%, 6%);
  56. }
  57. .theme-dark .container-2cd8Mz, .theme-dark .pageWrapper-2PwDoS {
  58.     background-color: var(--background-primary);
  59. }
  60.  
  61. /* Both */
  62. .theme-dark, .theme-light {
  63.     --focus-primary: hsl(314, 100%, 47.8%);
  64. }
  65.  
  66. /* Theme Light */
  67. .theme-light {
  68.     --text-link: hsl(312,100%,43.9%);
  69.     --text-link-low-saturation: hsl(312,100%,43.9%);
  70.     --text-brand: hsl(335,85.6%,64.7%);
  71.  
  72.     --info-help-background: hsla(312,100%,43.9%,0.1);
  73.     --info-help-foreground: hsl(312,100%,43.9%);
  74.  
  75.     --logo-primary: hsl(335,85.6%,64.7%);
  76.     --control-brand-foreground: hsl(335,85.6%,64.7%);
  77.     --control-brand-foreground-new: hsl(335,85.6%,64.7%);
  78.  
  79.     --background-mentioned: hsla(198, 95.7%, 54.1%, 0.1);
  80.     --background-mentioned-hover: hsla(198, 95.7%, 54.1%, 0.08);
  81.     --background-message-hover: hsla(240, 11%, 0%, 0.07);
  82. }
  83.  
  84. /* Blues */
  85. [data-popout-root], html {
  86.     --brand-experiment-100: hsl(340, 77.8%, 98.2%);
  87.     --brand-experiment-130: hsl(336, 87.5%, 96.9%);
  88.     --brand-experiment-160: hsl(335, 84.6%, 94.9%);
  89.     --brand-experiment-200: hsl(336, 83.3%, 92.9%);
  90.     --brand-experiment-230: hsl(336, 87%, 91%);
  91.     --brand-experiment-260: hsl(335, 86.2%, 88.6%);
  92.     --brand-experiment-300: hsl(335, 86.1%, 85.9%);
  93.     --brand-experiment-330: hsl(335, 85.1%, 81.6%);
  94.     --brand-experiment-360: hsl(335, 86.1%, 77.5%);
  95.     --brand-experiment-400: hsl(335, 86.1%, 71.8%);
  96.     --brand-experiment-430: hsl(335, 85.7%, 69.8%);
  97.     --brand-experiment-460: hsl(335, 85.5%, 67.5%);
  98.     --brand-experiment: hsl(335, 86%, 65%);
  99.     --brand-experiment-500: hsl(335, 85.6%, 64.7%);
  100.     --brand-experiment-530: hsl(335, 66.7%, 58.8%);
  101.     --brand-experiment-560: hsl(335, 51.4%, 52.4%);
  102.     --brand-experiment-600: hsl(335, 46.7%, 44.1%);
  103.     --brand-experiment-630: hsl(335, 46.7%, 38.2%);
  104.     --brand-experiment-660: hsl(335, 47.1%, 33.3%);
  105.     --brand-experiment-700: hsl(335, 47%, 25.9%);
  106.     --brand-experiment-730: hsl(335, 46.8%, 24.3%);
  107.     --brand-experiment-760: hsl(334, 46.9%, 22.2%);
  108.     --brand-experiment-800: hsl(335, 47.5%, 19.4%);
  109.     --brand-experiment-830: hsl(335, 47.4%, 14.9%);
  110.     --brand-experiment-860: hsl(335, 46.9%, 9.6%);
  111.     --brand-experiment-900: hsl(333, 50%, 3.1%);
  112.     --brand-experiment-05a: hsla(335, 85.6%, 64.7%, 0.05);
  113.     --brand-experiment-10a: hsla(335, 85.6%, 64.7%, 0.1);
  114.     --brand-experiment-15a: hsla(335, 85.6%, 64.7%, 0.15);
  115.     --brand-experiment-20a: hsla(335, 85.6%, 64.7%, 0.2);
  116.     --brand-experiment-25a: hsla(335, 85.6%, 64.7%, 0.25);
  117.     --brand-experiment-30a: hsla(335, 85.6%, 64.7%, 0.3);
  118.     --brand-experiment-35a: hsla(335, 85.6%, 64.7%, 0.35);
  119.     --brand-experiment-40a: hsla(335, 85.6%, 64.7%, 0.4);
  120.     --brand-experiment-45a: hsla(335, 85.6%, 64.7%, 0.45);
  121.     --brand-experiment-50a: hsla(335, 85.6%, 64.7%, 0.5);
  122.     --brand-experiment-55a: hsla(335, 85.6%, 64.7%, 0.55);
  123.     --brand-experiment-60a: hsla(335, 85.6%, 64.7%, 0.6);
  124.     --brand-experiment-65a: hsla(335, 85.6%, 64.7%, 0.65);
  125.     --brand-experiment-70a: hsla(335, 85.6%, 64.7%, 0.7);
  126.     --brand-experiment-75a: hsla(335, 85.6%, 64.7%, 0.75);
  127.     --brand-experiment-80a: hsla(335, 85.6%, 64.7%, 0.8);
  128.     --brand-experiment-85a: hsla(335, 85.6%, 64.7%, 0.85);
  129.     --brand-experiment-90a: hsla(335, 85.6%, 64.7%, 0.9);
  130.     --brand-experiment-95a: hsla(335, 85.6%, 64.7%, 0.95);
  131. }
  132.  
  133. /* Correct color */
  134. .theme-dark .footer-31IekZ {
  135.     background-color: var(--background-secondary);
  136.     box-shadow: none;
  137. }
  138.  
  139. /* mention before */
  140. .mentioned-Tre-dv:before {
  141.     background-color: hsl(198, 95.7%, 54.1%);
  142. }
  143.  
  144. /* Selection text */
  145. ::selection {
  146.     background-color: #C7BAD9; /* The blue colours thing */
  147.     color: #F1F5F6; /*text colours*/
  148. }
  149.  
  150. /* PNG avatars background */
  151. .icon-3AqZ2e, [src*="https://cdn.discordapp.com/avatars/"] {
  152.     background: #b986f3;
  153. }
  154.  
  155. /* Background */
  156. div#app-mount.appMount-2yBXZl {
  157.     background-image: linear-gradient(270deg, #4BB4E0, #7f48fd 60%);
  158.     animation: Gradient 4s ease infinite;
  159.     background-size: 200% 100%;
  160. }
  161. @keyframes Gradient {
  162.     0% {
  163.         background-position:0 50%
  164.     }
  165.     50% {
  166.         background-position:100% 50%
  167.     }
  168.     100% {
  169.         background-position:0 50%
  170.     }
  171. }
  172.  
  173. /* Window general */
  174. .platform-win .sidebar-1tnWFu {
  175.     border-radius: 0;
  176. }
  177.  
  178. .app-2CXKsg, .bg-1QIAus{
  179.     background-color: transparent;
  180. }
  181.  
  182. .chat-2ZfjoI.threadSidebarOpen-1LSXvU {
  183.     border-radius: 0 !important;
  184. }
  185. .threadSidebar-1o3BTy {
  186.     border-left: var(--the-borders);
  187.     border-radius: 0 !important;
  188.     margin-left: 0 !important;
  189. }
  190.  
  191. /* Normal LOL */
  192. .withFrame-2dL45i {
  193.     background: var(--drag-background);
  194.     border-top-left-radius: 8px;
  195.     border-top-right-radius: 8px;
  196.     min-height: 32px;
  197.     margin-top: 0;
  198.     border: var(--the-borders);
  199.     flex-direction: row;
  200.     z-index: 100;
  201. }
  202. .withFrame-2dL45i::after {
  203.     top: 10px;
  204.     width: calc(100% - 204px);
  205.     margin-left: 100px;
  206. }
  207.  
  208. .layers-OrUESM {
  209.     border-bottom-right-radius: 8px;
  210.     border-bottom-left-radius: 8px;
  211. }
  212. .layers-OrUESM {
  213.     border: var(--the-borders);
  214.     border-top: 0 !important;
  215. }
  216.  
  217. /* Normal Notice */
  218. .base-2jDfDU .notice-2HEN-u {
  219.     border-radius: 0 !important;
  220.     border: none !important;
  221.     box-shadow: none !important;
  222. }
  223.  
  224. /* Track */
  225. .wordmarkWindows-2dq6rw {
  226.     display: none;
  227. }
  228. .withFrame-2dL45i::after {
  229.     content: var(--a-custom-text);
  230.     text-align: center;
  231.     position: absolute;
  232.     font-size: 20px;
  233.     font-weight: 500;
  234.     width: calc(100% - 204px);
  235.     color: #fff;
  236.     z-index: -9999;
  237. }
  238.  
  239. /* WinButtons */
  240. .winButton-3UMjdg {
  241.     color: transparent !important;
  242.     border-radius: 50%;
  243.     width: 12px;
  244.     height: 12px;
  245.     top: 10px;
  246.     margin-left: 5px;
  247.     margin-right: 5px;
  248.     left: 8px;
  249. }
  250. .winButton-3UMjdg:nth-child(2) {
  251.     background: #da5169;
  252. }
  253. .winButton-3UMjdg:nth-child(3) {
  254.     background: #ffdf5b;
  255. }
  256. .winButton-3UMjdg:nth-child(4) {
  257.     background: #00a0cb;
  258. }
  259. .winButton-3UMjdg:nth-child(2):hover, .winButton-3UMjdg:nth-child(3):hover, .winButton-3UMjdg:nth-child(4):hover {
  260.     transform: scale(1.14);
  261. }
  262.  
  263. /* User bar */
  264. .theme-dark .panels-3wFtMD {
  265.     background-color: rgba(41, 43, 47, 0.4);
  266. }
  267. .theme-light .panels-3wFtMD {
  268.     background-color: rgba(335, 237, 239, 0.4);
  269. }
  270. .panels-3wFtMD {
  271.     box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.48);
  272. }
  273. .panels-3wFtMD > .container-YkUktl {
  274.     height: 60px;
  275.     font-weight: 550;
  276. }
  277. .panels-3wFtMD > .container-YkUktl > .avatarWrapper-1B9FTW {
  278.     transform: scale(1.12);
  279.     padding: 4px;
  280. }
  281. .button-12Fmur {
  282.     color: #ff6680;
  283.     transition: .5s;
  284. }
  285. .button-12Fmur.enabled-9OeuTA:hover {
  286.     color: #ff3355;
  287.     background: none;
  288.     transition: .5s;
  289. }
  290.  
  291. /* Status colors */
  292. :root {
  293.     --online-color: #4cb884;
  294.     --idle-color: #facc4c;
  295.     --dnd-color: #d66b61;
  296.     --offline-color: #787878;
  297.     --streaming-color: #8483ce;
  298. }
  299. /* Status Picker thing */
  300. #app-mount #status-picker #status-picker-online:not(.focused-3qFvc8) .status-2DiCMd {
  301.     background-color: var(--online-color) !important;
  302. }
  303. #app-mount #status-picker #status-picker-idle:not(.focused-3qFvc8) .status-2DiCMd {
  304.     background-color: var(--idle-color) !important;
  305. }
  306. #app-mount #status-picker #status-picker-dnd:not(.focused-3qFvc8) .status-2DiCMd {
  307.     background-color: var(--dnd-color) !important;
  308. }
  309. #app-mount #status-picker #status-picker-invisible:not(.focused-3qFvc8) .status-2DiCMd {
  310.     background-color: var(--offline-color) !important;
  311. }
  312. /* Status Colors */
  313. #app-mount .wrapper-1VLyxH rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"],
  314. #app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-streaming)"] {fill: var(--streaming-color)}
  315. #app-mount .wrapper-1VLyxH rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"],
  316. #app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online)"],
  317. #app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-online-mobile)"] {fill: var(--online-color)}
  318. #app-mount .wrapper-1VLyxH rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"],
  319. #app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-idle)"] {fill: var(--idle-color)}
  320. #app-mount .wrapper-1VLyxH rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"],
  321. #app-mount .wrapper-1VLyxH rect :not(.pointerEvents-9SZWKj)[mask="url(#svg-mask-status-dnd)"] {fill: var(--dnd-color)}
  322. #app-mount .wrapper-1VLyxH rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"],
  323. #app-mount .wrapper-1VLyxH rect[mask="url(#svg-mask-status-offline)"] {fill: var(--offline-color)}
  324.  
  325. .container-ZMc96U [fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] {
  326.   fill: var(--streaming-color);
  327. }
  328. .container-ZMc96U [fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] {
  329.   fill: var(--online-color);
  330. }
  331. .container-ZMc96U [fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] {
  332.   fill: var(--idle-color);
  333. }
  334. .container-ZMc96U [fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] {
  335.   fill: var(--dnd-color);
  336. }
  337. .container-ZMc96U [fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] {
  338.   fill: var(--offline-color);
  339. }
  340.  
  341. /* Server list and members position*/
  342. .container-1eFtFS {
  343.     flex-direction: row-reverse;
  344. }
  345. .wrapper-z5ab_q {
  346.     transform: rotate(180deg);
  347.     margin-left: 64px;
  348. }
  349. .content-1jQy2l {
  350.     flex-direction: row-reverse;
  351. }
  352.  
  353. #app-mount .container-2o3qEW {
  354.     flex-direction: inherit;
  355. }
  356.  
  357. /* Sidebar private and channels */
  358. .sidebar-1tnWFu {
  359.     width: 280px;
  360. }
  361. .channel-1Shao0 {
  362.     max-width: 260px;
  363.     margin-bottom: 4px;
  364.     margin-left: 10px;
  365.     height: 52px;
  366. }
  367.  
  368. .theme-dark .interactive-1vLZ_I {
  369.     height: 50px;
  370.     color: rgba(255, 255, 255, 0.5);
  371. }
  372. .theme-light .interactive-1vLZ_I {
  373.     height: 50px;
  374.     color: rgba(0, 0, 0, 0.5);
  375. }
  376.  
  377. #app-mount .scrolling-20Of9p .content-2a4AW9 {
  378.     pointer-events: auto;
  379. }
  380.  
  381. .theme-dark .channel-1Shao0, .theme-dark .username-vAneIW {
  382.     color: rgba(255, 255, 255, 0.5);
  383. }
  384. .theme-light .channel-1Shao0, .theme-light .username-vAneIW {
  385.     color: rgba(0, 0, 0, 0.5);
  386. }
  387.  
  388. .avatar-1HDIsL, .avatar-6qzftW {
  389.     transform: scale(1.12);
  390. }
  391. .name-2m3Cms, .name-28HaxV, .name-3Vmqxm {
  392.     font-weight: bold;
  393. }
  394.  
  395. .theme-dark .name-2m3Cms, .theme-dark .name-28HaxV {
  396.     color: rgba(255, 255, 255, 0.5);
  397. }
  398. .theme-light .name-2m3Cms, .theme-light .name-28HaxV {
  399.     color: rgba(0, 0, 0, 0.5);
  400. }
  401.  
  402. .privateChannelsHeaderContainer-1UWASm {
  403.     color: var(--interactive-normal);
  404. }
  405.  
  406. .layout-1qmrhw {
  407.     height: 50px;
  408. }
  409.  
  410. .scroller-WSmht3::-webkit-scrollbar {
  411.     display: none;
  412. }
  413.  
  414. .name-3BUDLf.container-q97qHp {
  415.     font-weight: 700;
  416. }
  417.  
  418. .wrapper-1S43wv {
  419.     padding-left: 20px;
  420. }
  421. .arrow-2HswgU.icon-3zI3d2 {
  422.     zoom: 1.5;
  423.     top: 1px;
  424.     left: 0.5px;
  425. }
  426. .theme-dark .wrapper-1S43wv, .theme-dark .name-3BUDLf.container-q97qHp {
  427.     color: hsla(338, 52%, 95%, 0.8);
  428. }
  429. .theme-dark .icon-2W8DHg {
  430.     color: hsla(338, 52%, 95%, 0.5);
  431. }
  432. .theme-light .wrapper-1S43wv, .theme-light .name-3BUDLf.container-q97qHp {
  433.     color: hsla(338, 52%, 58%, 0.9);
  434. }
  435.  
  436. .container-1NXEtd, .privateChannels-oVe7HL, .scroller-WSmht3 {
  437.     background: none;
  438. }
  439.  
  440. .theme-dark .sidebar-1tnWFu {
  441.     background: hsla(0, 0%, 20%, 0.6);
  442. }
  443. .theme-light .sidebar-1tnWFu {
  444.     background: hsla(0, 0%, 100%, 0.6);
  445. }
  446.  
  447. .animatedContainer-2laTjx, .bannerImage-ubW8K-, .bannerImg-2PzH6z {
  448.     width: 100%;
  449. }
  450. .bannerImg-2PzH6z {
  451.     height: 145px;
  452. }
  453.  
  454. .content-1gYQeQ, .member-2gU6Ar {
  455.     margin-right: 8px;
  456. }
  457. .containerDefault-YUSmu3, .wrapper-NhbLHG, .content-1gYQeQ {
  458.     min-height: 40px;
  459. }
  460. .containerDefault-YUSmu3 {
  461.     margin-bottom: 4px;
  462. }
  463. .scroller-1ox3I2::-webkit-scrollbar, .members-3WRCEx::-webkit-scrollbar {
  464.     display: none;
  465. }
  466.  
  467. .theme-dark .searchBar-3TnChZ .searchBarComponent-3N7dCG {
  468.     background-color: hsla(0, 0%, 10%, 0.6);
  469.     color: hsl(0, 0%, 72%);
  470. }
  471. .theme-light .searchBar-3TnChZ .searchBarComponent-3N7dCG {
  472.     background-color: hsla(0, 0%, 100%, 0.6);
  473.     color: hsl(0, 0%, 36%);
  474. }
  475.  
  476. .theme-dark .selected-3veCBZ {
  477.     background-color: hsla(0, 0%, 10%, 0.5);
  478. }
  479. .theme-light .selected-3veCBZ {
  480.     background-color: hsla(0, 0%, 100%, 0.5);
  481. }
  482.  
  483. .clickable-28SzVr:hover .layout-1qmrhw, .selected-1-Z6gm .layout-1qmrhw, .categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 {
  484.     background: none;
  485. }
  486.  
  487. .theme-dark .modeSelected-3DmyhH .icon-2W8DHg, .theme-dark .modeSelected-3DmyhH:hover .icon-2W8DHg, .theme-dark .modeUnread-3Cxepe .icon-2W8DHg, .theme-dark .modeUnread-3Cxepe:hover .icon-2W8DHg {
  488.     color: hsla(0, 0%, 100%, 0.8);
  489. }
  490.  
  491. .theme-dark .channel-1Shao0:hover, .theme-dark .wrapper-NhbLHG:hover .content-1gYQeQ, .theme-dark .categoryItem-Kc_HK_:hover {
  492.     background: hsla(0, 0%, 10%, 0.6);
  493.     color: hsla(0, 0%, 100%, 0.8);
  494. }
  495. .theme-dark .wrapper-NhbLHG:hover .name-28HaxV{
  496.     color: hsla(0, 0%, 100%, 0.8) !important;
  497. }
  498. .theme-dark .clickable-28SzVr.container-1oeRFJ:active, .theme-dark .highlighted-3PcOfB.container-1oeRFJ, .theme-dark .selected-1-Z6gm.container-1oeRFJ, .theme-dark .modeSelected-3DmyhH .content-1gYQeQ, .theme-dark .modeSelected-3DmyhH:hover .content-1gYQeQ {
  499.     background: hsla(0, 0%, 10%, 0.9) !important;
  500.     color: rgba(255, 255, 255, 1) !important;
  501. }
  502. .theme-dark .interactiveSelected-29CP8y .name-2m3Cms, .theme-dark .modeConnected-NrO4cP .name-28HaxV, .theme-dark .modeConnected-NrO4cP:hover .name-28HaxV, .theme-dark .modeSelected-3DmyhH .name-28HaxV, .theme-dark .modeSelected-3DmyhH:hover .name-28HaxV, .theme-dark .modeUnread-3Cxepe .name-28HaxV, .theme-dark .modeUnread-3Cxepe:hover .name-28HaxV, .theme-dark .notInteractive-2tFrlE.modeConnected-NrO4cP .name-28HaxV, .theme-dark .notInteractive-2tFrlE.modeSelected-3DmyhH .name-28HaxV, .theme-dark .interactiveSelected-29CP8y {
  503.     color: rgba(255, 255, 255, 1) !important;
  504. }
  505.  
  506. .theme-light .modeSelected-3DmyhH .icon-2W8DHg, .theme-light .modeSelected-3DmyhH:hover .icon-2W8DHg, .theme-light .modeUnread-3Cxepe .icon-2W8DHg, .theme-light .modeUnread-3Cxepe:hover .icon-2W8DHg {
  507.     color: hsla(0, 0%, 0%, 0.8);
  508. }
  509. .theme-light .channel-1Shao0:hover, .theme-light .wrapper-NhbLHG:hover .content-1gYQeQ, .theme-light .categoryItem-Kc_HK_:hover {
  510.     background: hsla(0, 0%, 100%, 0.6);
  511.     color: hsla(0, 0%, 0%, 0.8);
  512. }
  513. .theme-light .wrapper-NhbLHG:hover .name-28HaxV {
  514.     color: hsla(0, 0%, 0%, 0.8);
  515. }
  516. .theme-light .clickable-28SzVr.container-1oeRFJ:active, .theme-light .highlighted-3PcOfB.container-1oeRFJ, .theme-light .selected-1-Z6gm.container-1oeRFJ, .theme-light .modeSelected-3DmyhH .content-1gYQeQ, .theme-light .modeSelected-3DmyhH:hover .content-1gYQeQ {
  517.     background: hsla(0, 0%, 100%, 0.9) !important;
  518.     color: rgba(0, 0, 0, 1) !important;
  519. }
  520. .theme-light .interactiveSelected-29CP8y .name-2m3Cms, .theme-light .modeConnected-NrO4cP .name-28HaxV, .theme-light .modeConnected-NrO4cP:hover .name-28HaxV, .theme-light .modeSelected-3DmyhH .name-28HaxV, .theme-light .modeSelected-3DmyhH:hover .name-28HaxV, .theme-light .modeUnread-3Cxepe .name-28HaxV, .theme-light .modeUnread-3Cxepe:hover .name-28HaxV, .theme-light .notInteractive-2tFrlE.modeConnected-NrO4cP .name-28HaxV, .theme-light .notInteractive-2tFrlE.modeSelected-3DmyhH .name-28HaxV, .theme-light .interactiveSelected-29CP8y {
  521.     color: rgba(0, 0, 0, 1) !important;
  522. }
  523.  
  524. /* Goal thing */
  525. .container-1eD8xH {
  526.     margin: -8px 8px 0 8px !important;
  527. }
  528.  
  529. /* Friendlist */
  530. .membersWrap-3NUR2t {
  531.     min-width: 260px;
  532. }
  533. .members-3WRCEx {
  534.     width: 260px;
  535. }
  536. .member-2gU6Ar {
  537.     max-width: 244px;
  538.     margin-bottom: 4px;
  539. }
  540. .peopleList-2VBrVI::-webkit-scrollbar {
  541.     display: none;
  542. }
  543. .peopleListItem-u6dGxF {
  544.     margin-right: 30px;
  545. }
  546. .peopleListItem-u6dGxF.active-2UF8Zh, .peopleListItem-u6dGxF:hover {
  547.     margin: 0 20px 0 20px;
  548. }
  549.  
  550. /* Add Friend Button Style */
  551. .item-3mHhwr.item-3XjbnG[aria-controls=add_friend-tab]{
  552.     background-color: var(--brand-experiment) !important;
  553.     color: #fff !important;
  554. }
  555. .item-3mHhwr.item-3XjbnG[aria-controls=add_friend-tab][aria-selected=true] {
  556.     background-color: transparent !important;
  557.     color: var(--brand-experiment) !important;
  558. }
  559. .item-3mHhwr.item-3XjbnG[aria-controls=add_friend-tab][aria-selected=true]:hover {
  560.     background-color: var(--background-modifier-hover) !important;
  561. }
  562.  
  563. /* Search & Add Server Button Style */
  564. .circleIconButton-1VxDrg {
  565.     color: var(--brand-experiment);
  566. }
  567. .circleIconButton-1VxDrg.selected-2r1Hvo {
  568.     background-color: var(--brand-experiment);
  569. }
  570.  
  571. /* Stage Discovery */
  572. .container-24CyRY::-webkit-scrollbar, .nowPlayingSidebar-2OFn0o {
  573.     display: none;
  574. }
  575.  
  576. /* Sidebar in Discover */
  577. .categoryItem-Kc_HK_ {
  578.     width: 262px;
  579.     margin-bottom: 4px;
  580. }
  581. .thin-31rlnD.scrollerBase-_bVAAt::-webkit-scrollbar {
  582.     display: none;
  583. }
  584.  
  585. /* No scroll in Discover channel */
  586. .scroller-3j5xK2::-webkit-scrollbar {
  587.     display: none;
  588. }
  589.  
  590. /* Create server */
  591. .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 {
  592.     border: var(--the-borders);
  593.     border-radius: var(--radius-theme);
  594. }
  595. .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .footer-31IekZ {
  596.     border-radius: 0 0 var(--radius-theme) var(--radius-theme);
  597. }
  598. .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3::before {
  599.     content: "";
  600.     min-height: 32px;
  601.     width: 440px;
  602.     background: var(--drag-background);
  603.     border-bottom: var(--the-borders);
  604.     border-radius: 15px 15px 0 0 !important;
  605. }
  606. #app-mount [style*="position: absolute; display: block; backface-visibility: hidden; width: 440px; transform: translate3d(0px, -50%, 0px) scale(1, 1); top: 50%; left: auto; right: auto;"] > div:first-child > .close-1mLglB {
  607.     color: transparent;
  608.     background-color: #da5169;
  609.     border-radius: 50%;
  610.     width: 6px;
  611.     height: 6px;
  612.     opacity: 1 !important;
  613. }
  614. #app-mount [style*="position: absolute; display: block; backface-visibility: hidden; width: 440px; transform: translate3d(0px, -50%, 0px) scale(1, 1); top: 50%; left: auto; right: auto;"] > div:first-child > .close-1mLglB:hover {
  615.     transform: scale(1.1);
  616. }
  617. #app-mount [style*="position: absolute; display: block; backface-visibility: hidden; width: 440px; transform: translate3d(0px, -50%, 0px) scale(1, 1); top: 50%; left: auto; right: auto;"] > div:nth-child(2) {
  618.     padding-right: 16px;
  619. }
  620.  
  621. /* Channel and server unread */
  622. .unread-36eUEm {
  623.     height: 38px;
  624.     top: calc(50% - 15px);
  625.     border-radius: 2px;
  626. }
  627. .item-2LIpTv {
  628.     width: 4px;
  629.     border-radius: 2px;
  630.     left: 8px;
  631. }
  632.  
  633. /* Settings */
  634. .sidebar-nqHbhN {
  635.     padding-right: 10px;
  636.     padding-left: 4px;
  637. }
  638. /* popout options */
  639. .scroller-1bVxF5 {
  640.     padding-right: 8px !important;
  641. }
  642. .scroller-1bVxF5::-webkit-scrollbar {
  643.     display: none;
  644. }
  645.  
  646. /* Chatbar */
  647. :root {
  648.     --channeltextarea-background: #F0F2F2;
  649.     --text-color: #313D40;
  650.     --icon-color: var(--text-color);
  651. }
  652. .theme-dark .footer-3naVBw .input-2z42oC {
  653.     background-color: var(--channeltextarea-background);
  654. }
  655. .footer-3naVBw .input-2z42oC {
  656.     border: none;
  657. }
  658. #app-mount .footer-3naVBw .input-2g-os5 {
  659.     border-radius: 5px;
  660.     border-bottom-right-radius: 3px;
  661.     border-bottom-left-radius: 3px;
  662.     border-bottom: 3px solid var(--text-color);
  663.     -webkit-transition: all 500ms;
  664.     transition: all 500ms;
  665. }
  666. #app-mount .footer-3naVBw .input-2g-os5:focus {
  667.     border-color: #58B2DB !important;
  668. }
  669. #app-mount .footer-3naVBw .input-2g-os5:hover:not(:focus-within) {
  670.     border-color: #CCB0CF !important;
  671. }
  672.  
  673. .theme-dark .textArea-2CLwUE, .theme-dark .footer-3naVBw .input-2g-os5{
  674.     font-weight: 500;
  675.     color: var(--text-color);
  676. }
  677.  
  678. #app-mount .slateTextArea-27tjG0 {
  679.     font-weight: 500;
  680.     caret-color: var(--text-color);
  681.     color: var(--text-color);
  682. }
  683. #app-mount .slateTextArea-27tjG0 .wrapper-1ZcZW-:not(:hover) {
  684.     color: var(--brand-experiment-530);
  685.     background: var(--brand-experiment-15a);
  686. }
  687.  
  688. .theme-dark .channelTextArea-1VQBuV .attachButtonInner-2mwer8 path,
  689. .theme-dark .channelTextArea-1VQBuV .buttonWrapper-3YFQGJ path {
  690.     fill: var(--icon-color);
  691. }
  692.  
  693. #app-mount .form-3gdLxP .scrollableContainer-15eg7h {
  694.     border-radius: 5px;
  695.     border-bottom-right-radius: 3px;
  696.     border-bottom-left-radius: 3px;
  697.     border-bottom: 3px solid var(--text-color);
  698.     -webkit-transition: all 500ms;
  699.     transition: all 500ms;
  700. }
  701. #app-mount .form-3gdLxP:focus-within .scrollableContainer-15eg7h {
  702.     border-color: #58B2DB;
  703. }
  704. #app-mount .form-3gdLxP:hover .scrollableContainer-15eg7h:not(:focus-within) {
  705.     border-color: #CCB0CF;
  706. }
  707. #app-mount .contents-2MsGLg .scrollableContainer-15eg7h {
  708.     border-radius: 5px;
  709.     border-bottom-right-radius: 3px;
  710.     border-bottom-left-radius: 3px;
  711.     border-bottom: solid 3px var(--text-color);
  712.     -webkit-transition: all 500ms;
  713.     transition: all 500ms;
  714. }
  715. #app-mount .contents-2MsGLg:focus-within .scrollableContainer-15eg7h {
  716.     border-color: #58B2DB;
  717. }
  718. #app-mount .contents-2MsGLg:hover .scrollableContainer-15eg7h:not(:focus-within) {
  719.     border-color: #CCB0CF;
  720. }
  721.  
  722. .channelTextArea-1FufC0.channelTextArea-1VQBuV .attachedBars-2BCP3l {
  723.     margin-bottom: 4px;
  724.     border-radius: 8px;
  725. }
  726. .clipContainer-31nYlH {
  727.     border-radius: 8px;
  728. }
  729.  
  730. /* The searchbar */
  731. .chat-2ZfjoI .children-3xh0VB {
  732.     margin-left: 250px;
  733. }
  734. .chat-2ZfjoI .children-3xh0VB::before {
  735.     content: "";
  736.     width: 1px;
  737.     height: 26px;
  738.     background-color: var(--background-modifier-accent);
  739. }
  740.  
  741. .search-39IXmY {
  742.     position: absolute;
  743.     left: 0;
  744. }
  745. .theme-dark .searchBar-jGtisZ, .theme-light .searchBar-jGtisZ {
  746.     height: 38px;
  747.     width: 244px;
  748.     border-radius: 4px;
  749.     color: var(--text-normal);
  750.     background-color: var(--background-tertiary);
  751. }
  752. .DraftEditor-root {
  753.     margin-left: 6px;
  754.     margin-top: 8px;
  755.     padding: 0 !important;
  756. }
  757. .searchBar-jGtisZ .icon-tZMHgY {
  758.     transform: scale(1.2);
  759. }
  760. .icon-tZMHgY {
  761.     color: var(--interactive-normal)!important;
  762. }
  763. .search-1FM8Qc .DraftEditor-root .public-DraftEditorPlaceholder-root {
  764.     color: var(--header-primary);
  765. }
  766. .icon-tZMHgY.iconLayout-SqV3nb.small-1hw8IT {
  767.     position: relative;
  768.     left: -6px;
  769.     top: 6px;
  770. }
  771. /* That search options */
  772. .theme-dark .container-2McqkF {
  773.     background-color: var(--background-floating);
  774. }
  775. .theme-dark .elevationBorderHigh-3drnJX {
  776.     -webkit-box-shadow: 0 0 0 1px rgba(22, 29, 41, 0.6), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  777.     box-shadow: 0 0 0 1px rgba(22, 29, 41, 0.6), 0 2px 10px 0 rgba(0,0,0,.2);
  778. }
  779. .option-ayUoaq:after, .theme-dark .option-ayUoaq[aria-selected=true]:after {
  780.     background: none !important;
  781. }
  782. .theme-dark .resultsGroup-1BPR25 .header-3A13BX, .theme-dark .resultsGroup-1BPR25 .plusIcon-2V7coV, .theme-dark .resultsGroup-1BPR25 .searchClearHistory-2Be-92, .theme-dark .resultsGroup-1BPR25 .searchLearnMore-7__o_n a {
  783.     color: var(--header-secondary);
  784. }
  785. .theme-dark .option-ayUoaq[aria-selected=true] {
  786.     background-color: var(--background-modifier-selected);
  787. }
  788. .theme-dark .searchOption-351dTI .filter-5YbOzJ, .theme-dark .option-2KkUJO .nonText-3_4gtu {
  789.     color: var(--text-normal);
  790. }
  791. .theme-dark .focused-2FU0YH {
  792.     background-color: var(--background-tertiary);
  793. }
  794. .theme-dark .dim-2Uxgxb span {
  795.     background-color: var(--brand-experiment);
  796.     color: var(--header-primary);
  797. }
  798. .theme-dark .calendarPicker-sDhzdi .react-datepicker, .theme-dark .calendarPicker-sDhzdi .react-datepicker__header {
  799.     background-color: var(--background-floating);
  800. }
  801. .theme-dark .calendarPicker-sDhzdi .react-datepicker__day--disabled, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day--outside-month, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled, .theme-dark .calendarPicker-sDhzdi .react-datepicker__day.react-datepicker__day--disabled:hover {
  802.     background-color: hsl(223, 7%, 0%);
  803. }
  804.  
  805. /* Upload a File */
  806. .theme-dark .uploadModal-2ie9O_ {
  807.     background-color: var(--background-secondary-alt);
  808. }
  809. .theme-dark .footer-VCsJQY {
  810.     background-color: var(--background-primary);
  811. }
  812.  
  813. /* Create DM Group */
  814. .popout-3gby1q.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 {
  815.     border: var(--the-borders);
  816.     border-radius: var(--radius-theme);
  817. }
  818. .popout-3gby1q.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3::before {
  819.     content: "";
  820.     background: var(--drag-background);
  821.     width: 440px;
  822.     min-height: 32px;
  823.     border-top-left-radius: 15px;
  824.     border-top-right-radius: 15px;
  825.     border-bottom: var(--the-borders);
  826.     z-index: -999999999;
  827.     -webkit-app-region: drag;
  828. }
  829.  
  830. .friendWrapper-2x5j0A {
  831.     margin-right: 12px;
  832. }
  833.  
  834. /* Inbox */
  835. .recentMentionsPopout-2bI1ZN {
  836.     max-height: 80vh !important;
  837.     right: 90px;
  838.     position: absolute;
  839. }
  840.  
  841. /* Notification settings */
  842. .root-g14mjS.medium-1ywRMv.fullscreenOnMobile-ixj0e3 {
  843.     border: var(--the-borders);
  844.     border-radius: var(--radius-theme);
  845. }
  846. .root-g14mjS.medium-1ywRMv.fullscreenOnMobile-ixj0e3::before {
  847.     content: "";
  848.     background: var(--drag-background);
  849.     min-height: 32px;
  850.     width: 600px;
  851.     border-bottom: var(--the-borders);
  852.     border-radius: 15px 15px 0 0;
  853. }
  854. .root-g14mjS.medium-1ywRMv.fullscreenOnMobile-ixj0e3 .footer-31IekZ {
  855.     border-radius: 0 0 var(--radius-theme) var(--radius-theme);
  856. }
  857.  
  858. .root-g14mjS.medium-1ywRMv.fullscreenOnMobile-ixj0e3 > div:first-child > .close-1mLglB {
  859.     color: transparent;
  860.     background-color: #da5169;
  861.     border-radius: 50%;
  862.     width: 6px;
  863.     height: 6px;
  864.     opacity: 1 !important;
  865. }
  866. .root-g14mjS.medium-1ywRMv.fullscreenOnMobile-ixj0e3 > div:first-child > .close-1mLglB:hover {
  867.     transform: scale(1.1);
  868. }
  869.  
  870. .root-g14mjS.medium-1ywRMv.fullscreenOnMobile-ixj0e3 .content-2hZxGK {
  871.     padding-right: 16px !important;
  872. }
  873.  
  874. /* Hold Up everyone */
  875. .theme-dark .contentWarningPopout-WKdbDG {
  876.     background-color: var(--background-secondary);
  877. }
  878. .theme-dark .footer-2aeMle {
  879.     background-color: var(--background-secondary-alt);
  880. }
  881. .footer-2aeMle {
  882.     border-radius: 5px;
  883. }
  884.  
  885. /* Popout mention */
  886. .theme-dark .autocomplete-3NRXG8 {
  887.     background-color: hsla(223, 7%, 17%, 0.9);
  888.     backdrop-filter: blur(4px);
  889. }
  890. .theme-dark .selected-3H3-RC {
  891.     background-color: hsl(220, 8%, 14%);
  892. }
  893.  
  894. .theme-light .autocomplete-3NRXG8 {
  895.     background-color: hsla(223, 7%, 100%, 0.9);
  896.     backdrop-filter: blur(4px);
  897. }
  898. .theme-light .selected-3H3-RC {
  899.     background-color: hsl(220, 8%, 92%);
  900. }
  901.  
  902. /* Server boost */
  903. .theme-dark .perksModal-CLcR1c {
  904.     background-color: var(--activity-card-background);
  905. }
  906. #app-mount .carousel-2M5OVB {
  907.     transform: scale(0.86);
  908.     left: -46px !important;
  909. }
  910. .progressBarWrapper-kd5G1S {
  911.     width: 90vh;
  912.     position: relative;
  913.     left: -276px;
  914. }
  915.  
  916. /* Events */
  917. .root-g14mjS.fullscreenOnMobile-ixj0e3 {
  918.     border: var(--the-borders);
  919.     border-radius: var(--radius-theme);
  920. }
  921. .root-g14mjS.fullscreenOnMobile-ixj0e3::before {
  922.     content: "";
  923.     background: var(--drag-background);
  924.     min-height: 32px;
  925.     width: 100%;
  926.     border-bottom: var(--the-borders);
  927.     -webkit-app-region: drag;
  928.     border-top-left-radius: 14.9px;
  929.     border-top-right-radius: 14.9px;
  930. }
  931. .footer-31IekZ {
  932.     border-bottom-left-radius: 15px;
  933.     border-bottom-right-radius: 15px;
  934. }
  935.  
  936. .content-Lj791F {
  937.     padding: 16px !important;
  938. }
  939.  
  940. /* Inbox */
  941. .messagesPopoutWrap-3zryHW, .recentMentionsPopout-2bI1ZN {
  942.     border: var(--the-borders);
  943.     border-radius: var(--radius-theme);
  944. }
  945. .messagesPopoutWrap-3zryHW::before, .recentMentionsPopout-2bI1ZN::before {
  946.     content: "";
  947.     background: var(--drag-background);
  948.     min-height: 32px;
  949.     border-bottom: var(--the-borders);
  950.     -webkit-app-region: drag;
  951.     border-top-left-radius: 14.9px;
  952.     border-top-right-radius: 14.9px;
  953. }
  954.  
  955. /* Threads */
  956. .browser-mnQ1T7 {
  957.     border: var(--the-borders);
  958.     border-radius: var(--radius-theme);
  959. }
  960. .browser-mnQ1T7::before {
  961.     content: "";
  962.     background: var(--drag-background);
  963.     min-height: 32px;
  964.     border-bottom: var(--the-borders);
  965.     -webkit-app-region: drag;
  966.     border-top-left-radius: 14.9px;
  967.     border-top-right-radius: 14.9px;
  968. }
  969. .browser-mnQ1T7 .closeIcon-11tHJX {
  970.     background-color: #da4a60;
  971.     border-radius: 8px;
  972.     width: 14px;
  973.     height: 14px;
  974.     margin-bottom: 84px;
  975.     -webkit-app-region: no-drag;
  976. }
  977. .browser-mnQ1T7 .closeIcon-11tHJX > svg {
  978.     width: 14px;
  979.     height: 14px;
  980.     color: transparent;
  981. }
  982. .browser-mnQ1T7 .closeIcon-11tHJX:hover {
  983.     transform: scale(1.1);
  984. }
  985.  
  986. .resizeHandle-PBRzPC {
  987.     background-color: #da4a60;
  988.     width: 3px;
  989. }
  990. #app-mount .container-3XgAHv {
  991.     border-radius: 0px;
  992. }
  993.  
  994. /* Invite bot */
  995. #app-mount .scrollContent-_1I-44 {
  996.     padding: 0 16px !important;
  997. }
  998.  
  999. .footer-3Gu_Tl {
  1000.     border-bottom-left-radius: 15px;
  1001.     border-bottom-right-radius: 15px;
  1002. }
  1003.  
  1004. #app-mount .large-1XKv7D::before {
  1005.     width: 92.3vh;
  1006. }
  1007.  
  1008. .oauth2Wrapper-p_8bbd .wrapper-3xpz8m {
  1009.     padding-top: 90px;
  1010.     padding-bottom: 102px;
  1011. }
  1012. .oauth2Wrapper-p_8bbd .closeButton-aYuW2o {
  1013.     background-color: #da4a60;
  1014.     border-radius: 8px;
  1015.     width: 8px;
  1016.     height: 8px;
  1017.     top: 8px;
  1018.     -webkit-app-region: no-drag;
  1019. }
  1020. .oauth2Wrapper-p_8bbd .closeButton-aYuW2o > div > svg {
  1021.     width: 8px;
  1022.     height: 8px;
  1023.     color: transparent;
  1024. }
  1025. .oauth2Wrapper-p_8bbd .closeButton-aYuW2o:hover {
  1026.     transform: scale(1.1);
  1027. }
  1028.  
  1029. /* QuickSwitcher */
  1030. .quickswitcher-pKcM9U {
  1031.     height: 500px;
  1032.     box-shadow: none;
  1033.     border-bottom-left-radius: 17px;
  1034.     border-bottom-right-radius: 17px;
  1035.     border-top-left-radius: 0;
  1036.     border-top-right-radius: 0;
  1037. }
  1038.  
  1039. /* Images */
  1040. .modal-3Crloo .imageWrapper-oMkQl4 {
  1041.     border-radius: 0 0 15.8px 15.8px;
  1042. }
  1043.  
  1044. /* Calls */
  1045. .bottomControls-31YuPK .buttonColor-28DXIe {
  1046.     background-color: #D95B72;
  1047.     color: #F1F5F7;
  1048. }
  1049. .bottomControls-31YuPK .buttonColor-28DXIe:hover {
  1050.     background-color: rgba(217, 91, 114, 0.8);
  1051. }
  1052. .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV {
  1053.     background-color: #df495f;
  1054. }
  1055.  
  1056. .avatarSpeaking-33RRJU,
  1057. .avatarSpeaking-2pCGrZ {
  1058.     -webkit-box-shadow: inset 0 0 0 2px var(--online-color);
  1059.     box-shadow: inset 0 0 0 2px var(--online-color);
  1060. }
  1061. .content-1Tgc42 {
  1062.     height: 38px;
  1063. }
  1064.  
  1065. .theme-dark .quickSelectPopout-2F0PXw {
  1066.     background: hsl(223, 7%, 17%);
  1067. }
  1068.  
  1069. .list-2x9Cl9 .draggable-S2aEx4 {
  1070.     margin-bottom: 4px;
  1071. }
  1072. .list-2x9Cl9 {
  1073.     transform: scale(1.06);
  1074.     padding-left: 38px;
  1075.     margin-right: 16px;
  1076.     padding-top: 4px;
  1077. }
  1078. .listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42 {
  1079.     background-color: var(--background-modifier-hover);
  1080. }
  1081.  
  1082. .voiceUserSummary-huJ8Md .icon-3akWb2 {
  1083.     color: #f0f2f2c0;
  1084. }
  1085.  
  1086. /* Send Friend Request and Send Message */
  1087. .lookFilled-yCfaCM.colorGreen-3y-Z79 {
  1088.     background-color: var(--brand-experiment);
  1089. }
  1090. .lookFilled-yCfaCM.colorGreen-3y-Z79:hover {
  1091.     background-color: var(--brand-experiment-530);
  1092. }
  1093.  
  1094. /* Invite fix */
  1095. .scroller-3nFW5p {
  1096.     padding-left: 10px;
  1097.     padding-right: 10px !important;
  1098. }
  1099. .inviteRow-3vmB7i {
  1100.     margin-right: 0;
  1101. }
  1102. /* Invite friends */
  1103. .modal-atz_3z.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 {
  1104.     border: var(--the-borders);
  1105.     border-radius: var(--radius-theme);
  1106. }
  1107. .modal-atz_3z.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .footer-31IekZ {
  1108.     border-radius: 0 0 var(--radius-theme) var(--radius-theme);
  1109. }
  1110. .modal-atz_3z.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3::before {
  1111.     background: var(--drag-background);
  1112.     opacity: 1;
  1113.     content: "";
  1114.     min-height: 32px;
  1115.     min-width: 440px;
  1116.     border-radius: 15px 15px 0 0;
  1117.     border-bottom: var(--the-borders);
  1118. }
  1119. #app-mount .modal-atz_3z.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 > div:first-child > .closeButton-2RO-ed {
  1120.     color: transparent;
  1121.     background-color: #da5169;
  1122.     border-radius: 50%;
  1123.     width: 6px;
  1124.     height: 6px;
  1125.     opacity: 1 !important;
  1126. }
  1127. .modal-atz_3z.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 > div:first-child > .closeButton-2RO-ed:hover {
  1128.     transform: scale(1.1);
  1129. }
  1130.  
  1131. /* Uhhh */
  1132. .theme-dark .root-g14mjS, .theme-dark .footer-1hTRRZ {
  1133.     background-color: var(--background-primary);
  1134. }
  1135.  
  1136. /* Loading popout */
  1137. .loadingPopout-1feYe_ {
  1138.     border-radius: 5px;
  1139.     box-shadow: var(--elevation-high);
  1140.     transition: var(--EaseType) var(--TransitionTime);
  1141. }
  1142.  
  1143. /* small user popout */
  1144. .body-2wLx-E {
  1145.     padding-right: 16px !important;
  1146. }
  1147. .headerText-1-WmDq .headerTagDiscriminatorNoNickname-dfcvHa, .headerText-1-WmDq .headerTagUsernameNoNickname-1TjuLc, .headerText-1-WmDq .nickname-t08Mck {
  1148.     color: #fff !important;
  1149. }
  1150. .headerText-1-WmDq .headerTagNoNickname-3tGHj6, .headerText-1-WmDq .nickname-t08Mck {
  1151.     background-color: #D95B72;
  1152.     border-radius: 2px;
  1153.     padding-right: 4px;
  1154.     padding-left: 8px;
  1155. }
  1156. .headerText-1-WmDq .nickname-t08Mck::before, .headerText-1-WmDq .headerTagNoNickname-3tGHj6::before {
  1157.     opacity: 1;
  1158.     content: ">";
  1159.     color: #fff;
  1160.     font-weight: 500;
  1161.     right: 4px;
  1162.     position: relative;
  1163. }
  1164. .headerText-1-WmDq .setIdentityLink-hOFsMl {
  1165.     display: none;
  1166. }
  1167. .customStatus-3XAoF9 {
  1168.     margin-top: 4px;
  1169. }
  1170.  
  1171. .userPopout-2j1gM4 {
  1172.     max-height: 500px !important;
  1173.     border: var(--the-borders);
  1174.     border-radius: var(--radius-theme);
  1175. }
  1176. .userPopout-2j1gM4::before {
  1177.     background: var(--drag-background);
  1178.     opacity: 1;
  1179.     content: "";
  1180.     min-height: 32px;
  1181.     min-width: 300px;
  1182.     border-bottom: var(--the-borders);
  1183. }
  1184. .avatarPositionPremium-1zPBq9 {
  1185.     top: 116px;
  1186. }
  1187. .avatarPositionNormal-2jWoC2 {
  1188.     top: 56px;
  1189. }
  1190.  
  1191. /* User popout big */
  1192. .root-8LYsGj {
  1193.     border: var(--the-borders);
  1194.     border-radius: var(--radius-theme);
  1195. }
  1196. .root-8LYsGj::before {
  1197.     background: var(--drag-background);
  1198.     opacity: 1;
  1199.     content: "";
  1200.     min-height: 32px;
  1201.     min-width: 600px;
  1202.     border-bottom: var(--the-borders);
  1203.     -webkit-app-region: drag;
  1204. }
  1205. .profileBanner-1owKI5 {
  1206.     height: 240px;
  1207. }
  1208. .topSection-13QKHs .banner-1YaD3N {
  1209.     -webkit-box-shadow: inset 0 0 225px rgba(0, 0, 0, 0.2);
  1210.     box-shadow: inset 0 0 225px rgba(0, 0, 0, 0.2);
  1211. }
  1212. .avatar-3QF_VA {
  1213.     top: -198px;
  1214.     left: 16px;
  1215.     border: none;
  1216.     background: none;
  1217.     filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
  1218. }
  1219.  
  1220. .header-S26rhB {
  1221.     padding-bottom: 64px;
  1222.     background-color: rgba(243, 136, 189, 0.08);
  1223. }
  1224. .relationshipButtons-3ByBpj {
  1225.     position: relative;
  1226.     left: 6px;
  1227. }
  1228. .relationshipButtons-3ByBpj > div > svg {
  1229.     color: #ff6680;
  1230.     transition: .5s;
  1231. }
  1232. .relationshipButtons-3ByBpj > div:hover > svg {
  1233.     color: #ff3355;
  1234.     transition: .5s;
  1235. }
  1236. .headerTop-1PNKck {
  1237.     left: 16px;
  1238. }
  1239. .topSection-13QKHs .nameTag-2Nlmsy {
  1240.     top: 155px;
  1241.     position: absolute;
  1242.     left: 0;
  1243.     filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
  1244. }
  1245. .topSection-13QKHs .username-1g6Iq1 {
  1246.     color: #fff !important;
  1247. }
  1248. .topSection-13QKHs .discriminator-1bqsd3 {
  1249.     color: #fff;
  1250. }
  1251. .topSection-13QKHs .nameTag-2Nlmsy {
  1252.     background-color: #D95B72;
  1253.     border-radius: 2px;
  1254.     padding-right: 4px;
  1255.     padding-left: 8px;
  1256. }
  1257. .username-1g6Iq1::before {
  1258.     opacity: 1;
  1259.     content: ">";
  1260.     color: #fff;
  1261.     font-weight: 500;
  1262.     right: 4px;
  1263.     position: relative;
  1264. }
  1265. .customStatusActivity-WKWGD- {
  1266.     padding: 16px;
  1267.     padding-right: 0 !important;
  1268.     background-color: var(--background-floating);
  1269. }
  1270.  
  1271. .infoScroller-1QMpon {
  1272.     padding-left: 12px;
  1273. }
  1274. .listRow-2nO1T6 {
  1275.     margin-right: 8px;
  1276. }
  1277.  
  1278. .backdrop-2ByYRN.withLayer-2VVmpp {
  1279.     opacity: 0.4 !important;
  1280. }
  1281.  
  1282. /* No NOTE sections */
  1283. .bodyTitle-2Az3VQ:last-of-type,
  1284. .note-Go5ZP2,
  1285. .userInfoSection-2u2hir:not(.userInfoSection-2u2hir.colorStandard-21JIj7) .userInfoSectionHeader-2mYYun:last-of-type,
  1286. .note-3M15gE,
  1287. #user-context-note {
  1288.     display: none
  1289. }
  1290. #app-mount .userBio-2-tr00.markup-eYLPri.markup-eYLPri {
  1291.   margin-bottom: 0;
  1292. }
  1293.  
  1294. /* Gray buttons colors */
  1295. .theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo, .theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B {
  1296.     background-color: hsl(217, 8%, 27%);
  1297. }
  1298. .theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:active, .theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover, .theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B:hover {
  1299.     background-color: hsl(218, 5%, 39%);
  1300. }
  1301.  
  1302. /* Config popouts close */
  1303. #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .modalCloseButton-18g96W, #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .modalCloseButton-1xsXvL {
  1304.     color: transparent;
  1305.     opacity: 1;
  1306.     background-color: #da5169;
  1307.     border-radius: 50%;
  1308.     width: 6px;
  1309.     height: 6px;
  1310.     top: 18px;
  1311.     right: 18px;
  1312. }
  1313. #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .modalCloseButton-18g96W:hover, #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .modalCloseButton-1xsXvL:hover {
  1314.     transform: scale(1.1);
  1315. }
  1316. #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 > form > div:first-child {
  1317.     padding-right: 16px !important;
  1318. }
  1319.  
  1320. /* Change phone */
  1321. #app-mount .phoneVerificationModal-3OHeBt {
  1322.     min-height: 252px;
  1323.     max-height: 252px;
  1324.     height: 252px;
  1325. }
  1326. #app-mount .phoneVerificationModal-3OHeBt::before {
  1327.     content: "";
  1328.     width: 472px;
  1329.     position: relative;
  1330.     bottom: 38px;
  1331. }
  1332. .phoneVerificationModal-3OHeBt .title-2UGWXc {
  1333.     padding-top: 0;
  1334.     margin-top: unset;
  1335. }
  1336. .phoneVerificationModal-3OHeBt .description-krHRyL.error-UveTAg {
  1337.     padding-top: 60px;
  1338. }
  1339.  
  1340. /* Close in paymetod */
  1341. #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .close-1mLglB {
  1342.     color: transparent !important;
  1343.     opacity: 1;
  1344.     background-color: #da5169 !important;
  1345.     border-radius: 50%;
  1346.     width: 6px;
  1347.     height: 6px;
  1348. }
  1349. #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .close-1mLglB:hover {
  1350.     transform: scale(1.1);
  1351. }
  1352. #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .content-2hZxGK {
  1353.     padding-right: 16px !important;
  1354. }
  1355.  
  1356. /* Nitro unlock */
  1357. #app-mount .root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .header-1zd7se {
  1358.     border-radius: 0;
  1359. }
  1360.  
  1361. /* Transfer Boost */
  1362. .modal-1xfRX3.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 {
  1363.     border: var(--the-borders);
  1364.     border-radius: var(--radius-theme);
  1365. }
  1366. .modal-1xfRX3.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3::before {
  1367.     content: "";
  1368.     background: var(--drag-background);
  1369.     width: 446px;
  1370.     min-height: 32px;
  1371.     border-bottom: var(--the-borders);
  1372.     -webkit-app-region: drag;
  1373. }
  1374. .modal-1xfRX3.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .modalCloseButton-2O2UDY {
  1375.     color: transparent;
  1376.     background-color: #da5169;
  1377.     border-radius: 50%;
  1378.     width: 6px;
  1379.     height: 6px;
  1380.     -webkit-app-region: no-drag;
  1381. }
  1382. .modal-1xfRX3.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 .modalCloseButton-2O2UDY:hover {
  1383.     transform: scale(1.1);
  1384. }
  1385.  
  1386. /* Large */
  1387. #app-mount .modal-3Hrb0S::before {
  1388.     width: 490px;
  1389. }
  1390.  
  1391. /* Checks */
  1392. .bd-switch input:checked + .bd-switch-body {
  1393.     background-color: var(--brand-experiment-500) !important;
  1394. }
  1395. .bd-switch .bd-switch-body path {
  1396.     --switch-color: transparent;
  1397. }
  1398. .container-2nx-BQ[style*="background-color: hsl(1"] {
  1399.     background-color: var(--brand-experiment-500) !important;
  1400. }
  1401. .container-2nx-BQ path[fill] {
  1402.     fill: transparent !important;
  1403. }
  1404.  
  1405. /* Watermark */
  1406. .info-1sUqUG::before {
  1407.     content: "Moon Rabbits Dream About Virtual";
  1408.     font-size: 12px;
  1409.     font-weight: 500;
  1410.     display: block;
  1411. }
  1412. .info-1sUqUG > span:first-child::before {
  1413.     content: "version 1.0";
  1414.     font-size: 12px;
  1415.     font-weight: 500;
  1416.     display: block;
  1417. }
  1418. .theme-light .info-1sUqUG::before, .theme-light .info-1sUqUG > span:first-child::before {
  1419.     color: hsla(0, 0%, 0%, 0.9);
  1420. }
  1421. .theme-dark .info-1sUqUG::before, .theme-dark .info-1sUqUG > span:first-child::before {
  1422.     color: hsla(0, 0%, 100%, 0.9);
  1423. }
  1424.  
  1425. /* Loading when error */
  1426. .container-2RRFHK.fixClipping-3GOd_d {
  1427.     margin-top: 22px !important;
  1428.     margin: 27px;
  1429.     border-bottom-left-radius: var(--radius-theme);
  1430.     border-bottom-right-radius: var(--radius-theme);
  1431. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!