Advertisement
zotiyacW

Untitled

Nov 13th, 2021
21
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.53 KB | None | 0 0
  1. /*
  2. ________ ________ ________ ___ __ ________ ___ ___ ___ ________
  3. |\ ___ \|\ __ \|\ __ \|\ \|\ \ |\ __ \|\ \ |\ \|\ \|\ ____\
  4. \ \ \_|\ \ \ \|\ \ \ \|\ \ \ \/ /|\ \ \|\ \ \ \ \ \ \\\ \ \ \___|_
  5. \ \ \ \\ \ \ __ \ \ _ _\ \ ___ \ \ ____\ \ \ \ \ \\\ \ \_____ \
  6. \ \ \_\\ \ \ \ \ \ \ \\ \\ \ \\ \ \ \ \___|\ \ \____\ \ \\\ \|____|\ \
  7. \ \_______\ \__\ \__\ \__\\ _\\ \__\\ \__\ \__\ \ \_______\ \_______\____\_\ \
  8. \|_______|\|__|\|__|\|__|\|__|\|__| \|__|\|__| \|_______|\|_______|\_________\
  9. \|_________|
  10. ________ ___ ___ ________ _______ ___ ___ _______ ___ ___ ___ ___
  11. |\ __ \ |\ \ / /| |\ ___ \|\ ___ \ |\ \ / /|\ ___ \ |\ \ / /|\ \|\ \
  12. \ \ \|\ /_ \ \ \/ / / \ \ \_|\ \ \ __/|\ \ \ / / | \ __/|\ \ \ / / | \ \ \ \
  13. \ \ __ \ \ \ / / \ \ \ \\ \ \ \_|/_\ \ \/ / / \ \ \_|/_\ \ \/ / / \ \ \ \ \
  14. \ \ \|\ \ \/ / / \ \ \_\\ \ \ \_|\ \ \ / / \ \ \_|\ \ \ / / \ \ \ \ \____
  15. \ \_______\__/ / / \ \_______\ \_______\ \__/ / \ \_______\ \__/ / \ \__\ \_______\
  16. \|_______|\___/ / \|_______|\|_______|\|__|/ \|_______|\|__|/ \|__|\|_______|
  17. \|___|/
  18. */
  19.  
  20. :root {
  21. --darkplus-bg: #212121;
  22. --darkplus-bg2: #302f2f;
  23. --darkplus-sec: #bb86fc;
  24. --darkplus-links: #cdaef3;
  25. --darkplus-home-icon: url(https://cdn.discordapp.com/attachments/468141324906921984/852117175212179466/discord-avatar-512-YV0PV.png)
  26. }
  27.  
  28. .bg-h5JY_x,
  29. .container-16j22k {
  30. background-color: var(--darkplus-bg);
  31. }
  32. .bg-h5JY_x {
  33. background-color: var(--darkplus-bg);
  34. }
  35. .scrollerInner-2YIMLh {
  36. background-color: var(--darkplus-bg);
  37. }
  38. .container-1r6BKw.themed-ANHk51 {
  39. background: var(--darkplus-bg);
  40. }
  41. .content-3YMskv {
  42. background-color: var(--darkplus-bg);
  43. }
  44.  
  45. .searchBar-6Kv8R2 {
  46. background-color: var(--darkplus-bg);
  47. }
  48. .searchBar-6Kv8R2 .searchBarComponent-32dTOx {
  49. background-color: var(--darkplus-bg2);
  50. border-radius: 20px;
  51. }
  52. .scroller-1JbKMe.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 {
  53. background-color: var(--darkplus-bg);
  54. }
  55. .panel-24C3ux.activityPanel-28dQGo {
  56. background-color: var(--darkplus-bg);
  57. }
  58. .container-3baos1 {
  59. background-color: var(--darkplus-bg);
  60. }
  61. .form-2fGMdU {
  62. background-color: var(--darkplus-bg);
  63. }
  64. .form-2fGMdU .channelTextArea-rNsIhG .textArea-12jD-V .placeholder-37qJjk {
  65. color: var(--darkplus-sec);
  66. }
  67. .form-2fGMdU .channelTextArea-rNsIhG .scrollableContainer-2NUZem {
  68. max-height: 45vh;
  69. background-color: var(--darkplus-bg2);
  70. border-radius: 22px;
  71. }
  72. .form-2fGMdU .channelTextArea-rNsIhG {
  73. background-color: transparent;
  74. }
  75. .form-2fGMdU:before {
  76. display: none;
  77. }
  78. .scroller-2LSbBU {
  79. background-color: var(--darkplus-bg);
  80. }
  81. .peopleList-3c4jOR.auto-Ge5KZx.scrollerBase-289Jih {
  82. background-color: var(--darkplus-bg);
  83. }
  84. .children-19S4PO:after {
  85. display: none;
  86. }
  87. .nowPlayingSidebar-2OFn0o {
  88. min-width: 300px;
  89. max-width: 300px;
  90. }
  91. .customStatusActivity-nmH3DF {
  92. background-color: var(--darkplus-bg);
  93. }
  94. .nameTagWithCustomStatus-2kkfrQ.nameTag-ECvD8P.nameTag-m8r81H {
  95. background-color: var(--darkplus-bg);
  96. }
  97.  
  98. .topSection-y3p-_D {
  99. background-color: var(--darkplus-bg);
  100. }
  101. .container-lRFx4q {
  102. background-color: var(--darkplus-bg);
  103. }
  104. .container-lRFx4q .scroller-2ZPeAD {
  105. margin-left: 0;
  106. border-left: none;
  107. }
  108.  
  109. .wrapper-3D2qGf {
  110. background-color: var(--darkplus-sec);
  111. border: none;
  112. }
  113. .wrapper-3D2qGf:hover,
  114. .wrapper-3D2qGf.active-1xchHY {
  115. background-color: var(--darkplus-links) !important;
  116. }
  117. .wrapper-3D2qGf .inset-3sAvek {
  118. background-color: var(--darkplus-bg);
  119. }
  120. .wrapper-3D2qGf .section-2gLsgF {
  121. background-color: var(--darkplus-links);
  122. }
  123. .header-2V-4Sw {
  124. background-color: var(--darkplus-bg);
  125. color: var(--darkplus-sec);
  126. }
  127. .mention-1f5kbO {
  128. background-color: var(--darkplus-sec);
  129. }
  130. .mentioned-xhSam7 {
  131. background-color: rgba(var(--darkplus-sec), 0.1) !important;
  132. }
  133. .mentioned-xhSam7:before {
  134. background-color: var(--darkplus-sec);
  135. }
  136. .mentioned-xhSam7:hover {
  137. background-color: rgba(var(--darkplus-sec), 0.2) !important;
  138. }
  139.  
  140. .iconBadge-qZ4Ksk {
  141. background-color: var(--darkplus-sec);
  142. }
  143. .container-3baos1 .button-14-BFJ:nth-child(1) .contents-18-Yxp path {
  144. fill: var(--darkplus-sec);
  145. }
  146.  
  147. .container-3baos1 .button-14-BFJ:nth-child(2) .contents-18-Yxp path {
  148. fill: var(--darkplus-sec);
  149. }
  150.  
  151. .container-3baos1 .button-14-BFJ:nth-child(3) .contents-18-Yxp path {
  152. fill: var(--darkplus-sec);
  153. }
  154.  
  155. .container-3baos1 .button-14-BFJ:nth-child(4) .contents-18-Yxp path {
  156. fill: var(--darkplus-sec);
  157. }
  158. .sprite-2iCowe {
  159. filter: hue-rotate(210deg) !important;
  160. }
  161. .attachButton-2WznTc .contents-18-Yxp path {
  162. fill: var(--darkplus-sec);
  163. }
  164. .attachButton-2WznTc:hover .attachButtonPlus-jWVFah {
  165. fill: var(--darkplus-links);
  166. }
  167. .button-38aScr .contents-18-Yxp path {
  168. color: var(--darkplus-sec);
  169. }
  170.  
  171. .button-1ZiXG9 path {
  172. fill: var(--darkplus-sec);
  173. }
  174.  
  175. .item-1tOPte path {
  176. fill: var(--darkplus-sec);
  177. }
  178.  
  179. .iconWrapper-2OrFZ1 path {
  180. color: var(--darkplus-sec);
  181. }
  182.  
  183. .linkButtonIcon-Mlm5d6 path {
  184. color: var(--darkplus-sec);
  185. }
  186.  
  187. .actionButton-uPB8Fs path {
  188. color: var(--darkplus-sec);
  189. }
  190. .buttonIcon-Od8mYw path {
  191. fill: var(--darkplus-sec);
  192. }
  193.  
  194. .icon-3cZ1F_ path {
  195. fill: var(--darkplus-sec);
  196. }
  197.  
  198. .actionIcon-PgcMM2 path {
  199. fill: var(--darkplus-sec);
  200. }
  201. .wrapper-2jXpOf.modeUnread-1qO3K1
  202. .content-1x5b-n
  203. .mainContent-u_9PKf
  204. .icon-1DeIlz {
  205. color: var(--darkplus-links);
  206. }
  207. .wrapper-2jXpOf .content-1x5b-n .mainContent-u_9PKf .icon-1DeIlz {
  208. color: var(--darkplus-sec);
  209. }
  210.  
  211. .wrapper-2jXpOf.modeUnread-1qO3K1
  212. .content-1x5b-n
  213. .mainContent-u_9PKf
  214. .channelName-2YrOjO {
  215. color: var(--darkplus-links);
  216. }
  217.  
  218. .metadataIcon-2FyCKU path {
  219. fill: var(--darkplus-sec);
  220. }
  221.  
  222. .controlIcon-3cRbti path {
  223. color: var(--darkplus-sec);
  224. }
  225.  
  226. .data-slate-string path {
  227. color: var(--darkplus-sec);
  228. }
  229. .winButton-iRh8-Z {
  230. color: var(--darkplus-sec);
  231. }
  232. .VoiceChatNotifications-button-icon {
  233. color: var(--darkplus-sec);
  234. }
  235. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
  236. .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
  237. background: var(--darkplus-sec);
  238. color: var(--darkplus-bg);
  239. }
  240. .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb),
  241. .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover:not(.disabled-1Hwwfb) {
  242. background: var(--darkplus-sec);
  243. color: var(--darkplus-bg);
  244. }
  245. .progressBar-3u8FBM,
  246. .mediaBarWrapper-3D7r67 .mediaBarGrabber-1FqnbN,
  247. .mediaBarProgress-1xaPtl,
  248. .mediaBarProgress-1xaPtl::after,
  249. .mediaBarProgress-1xaPtl::before {
  250. background-color: var(--darkplus-sec);
  251. }
  252. .mediaBarInteraction-37i2O4:hover .mediaBarGrabber-1FqnbN {
  253. background-color: var(--darkplus-links);
  254. }
  255. .stageSection-3mAD8V {
  256. background-color: var(--darkplus-bg);
  257. }
  258.  
  259. .featuredTag-3pT1Rf {
  260. background-color: var(--darkplus-bg2);
  261. }
  262. .colorHeaderPrimary-26Jzh- {
  263. color: var(--darkplus-sec);
  264. }
  265. .lookFilled-1Gx00P.colorGreen-29iAKY {
  266. background-color: var(--darkplus-bg2);
  267. color: var(--darkplus-sec);
  268. }
  269. .scroller-1IIF0A {
  270. background-color: var(--darkplus-bg);
  271. }
  272. .header-39GIC8 {
  273. background-color: var(--darkplus-bg);
  274. border-bottom: none;
  275. }
  276. .headerCellContent-1pLtOr {
  277. color: var(--darkplus-sec);
  278. }
  279. .theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6 {
  280. background-color: var(--darkplus-bg2);
  281. color: var(--darkplus-sec);
  282. }
  283. .theme-dark .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover,
  284. .theme-light .lookFilled-1Gx00P.hoverGreen-1gjdJc.hasHover-3X1-zV:hover {
  285. background-color: var(--darkplus-sec);
  286. color: var(--darkplus-bg2);
  287. }
  288. .nameCellText-1mpqtF {
  289. color: var(--darkplus-sec);
  290. }
  291. .scroller-2XE8rp {
  292. background-color: var(--darkplus-bg);
  293. }
  294. .anchor-3Z-8Bb {
  295. color: var(--darkplus-sec);
  296. }
  297. .icon-3cZ1F_ {
  298. height: 24px;
  299. width: 24px;
  300. color: var(--darkplus-sec);
  301. }
  302. .iconContainer-O4O2CN {
  303. bottom: 5px;
  304. }
  305. .search-36MZv- {
  306. margin-left: 0px;
  307. }
  308.  
  309. .search-36MZv- {
  310. order: -1;
  311. }
  312. .searchBar-3dMhjb {
  313. width: 28px;
  314. transition: width 0.5s ease-in-out;
  315. }
  316. .focused-31_ccS .searchBar-3dMhjb,
  317. .open-6_Y_aH .searchBar-3dMhjb,
  318. .searchBar-3dMhjb:hover {
  319. width: 150px;
  320. }
  321. .downloadButton-23tKQp {
  322. color: var(--darkplus-sec);
  323. }
  324. .downloadButton-23tKQp:hover {
  325. color: var(--darkplus-links);
  326. }
  327. .name-uJV0GL {
  328. color: var(--darkplus-sec);
  329. }
  330. .title-29uC1r {
  331. color: var(--darkplus-sec);
  332. }
  333. .children-gzQq2t {
  334. color: var(--darkplus-sec);
  335. }
  336. .headerText-2F0828 {
  337. color: var(--darkplus-sec);
  338. }
  339. .clickable-3rdHwn .icon-22AiRD {
  340. color: var(--darkplus-sec);
  341. }
  342. .clickable-3rdHwn:hover .icon-22AiRD {
  343. color: var(--darkplus-links);
  344. }
  345. .item-3HknzM.item-PXvHYJ.themed-OHr7kt {
  346. color: var(--darkplus-sec);
  347. }
  348.  
  349. .homeIcon-FuNwkv path {
  350. fill: transparent;
  351. }
  352. .homeIcon-FuNwkv {
  353. background: var(--darkplus-home-icon)
  354. center/contain no-repeat;
  355. min-width: 50px;
  356. min-height: 50px;
  357. }
  358.  
  359. .anchor-3Z-8Bb.anchorUnderlineOnHover-2ESHQB {
  360. color: var(--darkplus-links);
  361. }
  362. .grid-1nZz7S {
  363. background-color: var(--darkplus-bg2);
  364. }
  365.  
  366. .cozyMessage-3V1Y8y .contents-2mQqc9 > .markup-2BOw-j:not(:empty) {
  367. background-color: var(--darkplus-bg2);
  368. display: inline-block;
  369. max-width: 650px;
  370. width: -webkit-fit-content;
  371. width: -moz-fit-content;
  372. width: fit-content;
  373. margin: 0;
  374. padding: 8px;
  375. border-radius: 15px;
  376. }
  377.  
  378. .avatar-1BDn8e.clickable-1bVtEA {
  379. filter: drop-shadow(0 0 3px);
  380. color: var(--darkplus-sec);
  381. }
  382. .avatar-1BDn8e:hover.clickable-1bVtEA:hover {
  383. filter: drop-shadow(0 0 8px);
  384. color: var(--darkplus-sec);
  385. transform: scale(1.2) rotate(360deg);
  386. transition: width 0.5s ease, height 0.5s ease, transform 0.5s ease;
  387. }
  388.  
  389.  
  390. .membersWrap-2h-GB4 {
  391. min-width: unset;
  392. }
  393. .membersWrap-2h-GB4 .members-1998pB {
  394. max-width: 65px;
  395. min-width: 65px;
  396. -webkit-transition: .3s ease;
  397. transition: .3s ease;
  398. }
  399. .membersWrap-2h-GB4 .members-1998pB:hover {
  400. max-width: 240px;
  401. min-width: 240px;
  402. }
  403. .membersWrap-2h-GB4 .members-1998pB .content-3YMskv:not(:hover) {
  404. padding-top: 10px;
  405. background-color: var(--darkplus-bg);
  406. }
  407.  
  408. .membersGroup-v9BXpm {
  409. margin-left: 60px;
  410. background-color: var(--darkplus-bg);
  411. color: var(--darkplus-sec);
  412. }
  413.  
  414. .members-1998pB, .members-1998pB>div {
  415. background-color: var(--darkplus-bg);
  416. }
  417.  
  418.  
  419. .container-3baos1 {
  420. height: 85px;
  421. }
  422. .container-3baos1 .avatarWrapper-2yR4wp {
  423. position: absolute;
  424. bottom: 45px;
  425. }
  426. .container-3baos1 .nameTag-3uD-yy {
  427. position: absolute;
  428. bottom: 45px;
  429. left: 50px;
  430. }
  431. .container-3baos1 > .noWrap-3jynv6 {
  432. width: 224px;
  433. bottom: 5px;
  434. position: absolute;
  435. }
  436. .container-3baos1 > .noWrap-3jynv6 button {
  437. width: 100%;
  438. justify-content: space-evenly;
  439. }
  440.  
  441. .layers-3iHuyZ .layer-3QrUeG[style*="scale(0)"]:first-of-type,
  442. .baseLayer-35bLyl {
  443. transform: none !important;
  444. }
  445. .layers-3iHuyZ .layer-3QrUeG:first-of-type[aria-hidden="true"] {
  446. transform: none !important;
  447. opacity: 1 !important;
  448. filter: brightness(0.25);
  449. pointer-events: none !important;
  450. transition: 100ms;
  451. }
  452.  
  453. .sidebarRegionScroller-3MXcoP {
  454. background-color: var(--darkplus-bg);
  455. }
  456.  
  457. .contentRegion-3nDuYy {
  458. background-color: var(--darkplus-bg);
  459. }
  460. .contentRegion-3nDuYy .contentRegionScroller-26nc1e {
  461. background-color: transparent;
  462. }
  463.  
  464. .background-1QDuV2 {
  465. padding: 0;
  466. background-color: var(--darkplus-bg2);
  467. border-radius: 30px;
  468. }
  469. .background-1QDuV2 .profile-1eT9hT {
  470. padding: 16px;
  471. }
  472. .background-1QDuV2 .fieldList-21DyL8 {
  473. padding: 16px;
  474. background-color: transparent;
  475. }
  476. .background-1QDuV2 .constrainedRow-2GB6Ki .button-38aScr {
  477. margin-left: 8px;
  478. }
  479. .layer-3QrUeG {
  480. background-color: var(--darkplus-bg);
  481. }
  482. .item-PXvHYJ.themed-OHr7kt {
  483. color: var(--darkplus-sec);
  484. }
  485. .header-2RyJ0Y {
  486. color: var(--darkplus-sec);
  487. }
  488. .theme-dark .foreground-26ym5y {
  489. fill: var(--darkplus-sec);
  490. }
  491. .theme-dark .bd-social-logo path {
  492. fill: var(--darkplus-sec);
  493. }
  494. .feature-2w65J5 {
  495. background-color: var(--darkplus-bg2) !important;
  496. }
  497. .theme-dark .closeButton-1tv5uR {
  498. border-color: var(--darkplus-sec);
  499. }
  500. .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV {
  501. color: var(--darkplus-bg);
  502. background-color: var(--darkplus-sec);
  503. }
  504. .theme-dark .lookFilled-1Gx00P.colorGrey-2DXtkV:hover {
  505. background-color: var(--darkplus-links);
  506. }
  507. .defaultColor-1_ajX0 {
  508. color: var(--darkplus-sec);
  509. }
  510. .menu-319q29 {
  511. margin-right: 16px;
  512. color: var(--darkplus-sec);
  513. cursor: pointer;
  514. }
  515. .lookFilled-1Gx00P.colorBrand-3pXr91 {
  516. color: var(--darkplus-bg);
  517. background-color: var(--darkplus-sec);
  518. }
  519. .description-3_Ncsb,
  520. .labelDescriptor-1PqHgD {
  521. color: var(--darkplus-links);
  522. }
  523. .h5-18_1nd {
  524. color: var(--darkplus-sec);
  525. }
  526. .lookFilled-1Gx00P.colorRed-1TFJan {
  527. color: var(--darkplus-bg);
  528. }
  529. .lookLink-9FtZy-.colorLink-35jkBc {
  530. color: var(--darkplus-links);
  531. }
  532. .theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 {
  533. color: var(--darkplus-sec);
  534. }
  535. .title-31JmR4 {
  536. color: var(--darkplus-sec);
  537. }
  538. .unread-2lAfLh {
  539. background-color: var(--darkplus-sec);
  540. }
  541. .overflow-WK9Ogt {
  542. color: var(--darkplus-links);
  543. }
  544. .arrow-gKvcEx.icon-2yIBmh {
  545. color: var(--darkplus-sec);
  546. }
  547. .jumpToPresentBar-G1R9s6 {
  548. background-color: var(--darkplus-sec);
  549. border-radius: 20px;
  550. }
  551. .barButtonBase-2uLO1z {
  552. color: var(--darkplus-bg);
  553. }
  554. .numberBadge-2s8kKX {
  555. background-color: var(--darkplus-sec) !important;
  556. color: var(--darkplus-bg);
  557. }
  558. .item-2hkk8m {
  559. background-color: var(--darkplus-sec);
  560. }
  561. .container-1giJp5 {
  562. background-color: var(--darkplus-bg);
  563. }
  564. .button-1YfofB.buttonColor-7qQbGO,
  565. .button-1YfofB .buttonColor-7qQbGO {
  566. background-color: var(--darkplus-bg2);
  567. color: var(--darkplus-sec);
  568. }
  569. .subtext-3CDbHg {
  570. color: var(--darkplus-links);
  571. }
  572. .addButtonIcon-2CbG1X {
  573. color: var(--darkplus-sec);
  574. }
  575. .addButtonIcon-2CbG1X:hover {
  576. color: var(--darkplus-links);
  577. }
  578. .header-4zuFdR {
  579. background-color: var(--darkplus-bg);
  580. }
  581. .activity-2M3PRB {
  582. background-color: var(--darkplus-bg);
  583. }
  584. .infoScroller-1Qu30O.thin-1ybCId.scrollerBase-289Jih.fade-2kXiP2 {
  585. background-color: var(--darkplus-bg2);
  586. }
  587. .activityHeader-2shpl0 {
  588. color: var(--darkplus-sec);
  589. }
  590. .circleIconButton-1QV--U {
  591. color: var(--darkplus-sec);
  592. background-color: var(--darkplus-bg2);
  593. }
  594. .circleIconButton-1QV--U.selected-1JjBPm {
  595. color: var(--darkplus-bg2);
  596. background-color: var(--darkplus-sec);
  597. }
  598. .tabBar-3nvOPa {
  599. background-color: var(--darkplus-bg);
  600. }
  601. .top-28JiJ- .selected-3s45Ha.themed-OHr7kt.item-PXvHYJ,
  602. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ:active {
  603. border-bottom-color: var(--darkplus-sec);
  604. }
  605. .top-28JiJ- .themed-OHr7kt.item-PXvHYJ:hover {
  606. border-bottom-color: var(--darkplus-links);
  607. }
  608. .additionalActionsIcon-365LnQ {
  609. color: var(--darkplus-sec);
  610. }
  611. .colorDefault-2K3EoJ.focused-3afm-j {
  612. background-color: var(--darkplus-bg2);
  613. color: var(--darkplus-sec);
  614. }
  615. .newMessagesBar-265mhP {
  616. background-color: var(--darkplus-sec);
  617. }
  618. .unreadPill-2HyYtt {
  619. background-color: var(--darkplus-sec);
  620. }
  621. #app-mount .divider-JfaTT5.isUnread-3Ef-o9 {
  622. border-top: 1px solid var(--darkplus-sec);
  623. }
  624. .unreadPillCapStroke-7rkHbg {
  625. color: var(--darkplus-sec);
  626. fill: var(--darkplus-sec);
  627. }
  628. .label-22pbtT {
  629. color: var(--darkplus-sec);
  630. }
  631. #permissions-modal-wrapper #permissions-modal {
  632. height: 80%;
  633. }
  634. #permissions-modal-wrapper .modal-body .perm-side {
  635. width: 400px;
  636. }
  637. #permissions-modal-wrapper .perm-scroller .perm-item {
  638. height: unset;
  639. }
  640. #permissions-modal-wrapper .perm-scroller {
  641. display: grid;
  642. grid-template-columns: 50% 50%;
  643. grid-template-rows: repeat(auto-fill, calc(100% / 17));
  644. }
  645. #permissions-modal-wrapper .perm-scroller .perm-name {
  646. margin-left: 5px;
  647. }
  648. #permissions-modal-wrapper .perm-scroller svg {
  649. height: 20px !important;
  650. width: 20px !important;
  651. }
  652.  
  653. #permissions-modal-wrapper .header {
  654. background: var(--darkplus-bg) !important;
  655. }
  656. #permissions-modal-wrapper .role-side {
  657. background: var(--darkplus-bg) !important;
  658. }
  659. #permissions-modal-wrapper .perm-side {
  660. background: var(--darkplus-bg) !important;
  661. }
  662. #permissions-modal-wrapper .perm-scroller .perm-name {
  663. color: var(--darkplus-sec);
  664. }
  665. .title {
  666. color: var(--darkplus-sec);
  667. }
  668. .editingContainer-1iOrsV,
  669. .modalContent-nFuWe- {
  670. background-color: var(--darkplus-bg);
  671. }
  672. .header-1TKi98 {
  673. background-color: var(--darkplus-bg);
  674. }
  675. .theme-dark .footer-2gL1pp {
  676. background-color: var(--darkplus-bg);
  677. }
  678. .icon-1BtL8T {
  679. color: var(--darkplus-sec);
  680. }
  681. .grabber-3mFHz2 {
  682. background-color: var(--darkplus-sec);
  683. border: var(--darkplus-sec);
  684. }
  685. .avatarUploaderIndicator-2G-aIZ {
  686. display: none;
  687. }
  688. .item-3HknzM[aria-label="Add Friend"] {
  689. color: var(--darkplus-bg) !important;
  690. background-color: var(--darkplus-sec) !important;
  691. }
  692. .addInputWrapper-1BOZ3d {
  693. background-color: var(--darkplus-bg);
  694. }
  695. .colorStandard-2KCXvj {
  696. color: black;
  697. }
  698. .wrapper-1cBijl {
  699. background-color: var(--darkplus-bg2);
  700. }
  701. .addFriendInput-4bcerK::placeholder {
  702. color: var(--darkplus-sec);
  703. }
  704. .lookFilled-1Gx00P.colorBrand-3pXr91:disabled {
  705. background-color: var(--darkplus-links);
  706. }
  707. .header-1-dBpZ {
  708. color: var(--darkplus-sec);
  709. }
  710. .description-1EvxpH {
  711. color: var(--darkplus-links);
  712. }
  713. .friendsEmpty-1K9B4k {
  714. background-color: var(--darkplus-bg);
  715. }
  716. .button-Jt-tIg {
  717. background-color: var(--darkplus-sec);
  718. color: var(--darkplus-bg);
  719. font-weight: bold;
  720. }
  721. .wrapper-1BJsBx.selected-bZ3Lue .childWrapper-anI2G9,
  722. .wrapper-1BJsBx:hover .childWrapper-anI2G9 {
  723. background-color: var(--darkplus-links);
  724. color: var(--darkplus-bg);
  725. }
  726. #bd-pub-button {
  727. background-color: var(--darkplus-sec);
  728. color: var(--darkplus-bg);
  729. font-weight: bold;
  730. }
  731. #bd-pub-button:hover {
  732. background-color: var(--darkplus-links);
  733. color: var(--darkplus-bg);
  734. font-weight: bold;
  735. }
  736. .iconBadge-3qSJIw {
  737. background-color: var(--darkplus-sec);
  738. color: var(--darkplus-bg);
  739. }
  740. .label-2wRs_g {
  741. color: var(--darkplus-sec);
  742. }
  743. .quickswitcher-3JagVE {
  744. background-color: var(--darkplus-bg);
  745. }
  746. .input-2VB9rf {
  747. background-color: var(--darkplus-bg2);
  748. }
  749. .input-2VB9rf::placeholder {
  750. color: var(--darkplus-sec);
  751. }
  752. .header-13MUnb {
  753. color: var(--darkplus-sec);
  754. }
  755. .match-38WbBN {
  756. color: var(--darkplus-sec);
  757. }
  758. .note-S--UP5 {
  759. color: var(--darkplus-links);
  760. }
  761. .miscContainer-2ptJ_C {
  762. color: var(--darkplus-links);
  763. }
  764. .theme-dark .wrapper-3WhCwL {
  765. background-color: var(--darkplus-sec);
  766. color: var(--darkplus-bg);
  767. }
  768. .container-1CE3eW {
  769. background-color: var(--darkplus-bg);
  770. border-color: var(--darkplus-bg);
  771. }
  772. .container-UC8Ug1 {
  773. background-color: var(--darkplus-sec);
  774. }
  775. .container-UC8Ug1:hover {
  776. background-color: var(--darkplus-links);
  777. }
  778. .colorStandard-2KCXvj {
  779. color: var(--darkplus-bg);
  780. }
  781. .title-3w8xhj {
  782. color: var(--darkplus-sec);
  783. }
  784. .subtitle-Nw1LLR {
  785. color: var(--darkplus-links);
  786. }
  787. .footerTitle-2CYZch {
  788. color: var(--darkplus-sec);
  789. }
  790. .title-XLSR78 {
  791. color: var(--darkplus-sec);
  792. }
  793. .colorHeaderSecondary-3Sp3Ft {
  794. color: var(--darkplus-links);
  795. }
  796. .formTitle-aeXUoN {
  797. color: var(--darkplus-sec);
  798. }
  799. .sampleLink-2NLvZg {
  800. color: var(--darkplus-links);
  801. }
  802. .input-cIJ7To {
  803. background-color: var(--darkplus-bg2);
  804. }
  805. .input-cIJ7To::placeholder {
  806. color: var(--darkplus-sec);
  807. }
  808. .thin-1ybCId.scrollerBase-289Jih {
  809. background-color: var(--darkplus-bg);
  810. }
  811. .avatar-3uk_u9 {
  812. color: var(--darkplus-sec);
  813. }
  814. .categoryItem-1QIroW.selectedCategoryItem-FHKU_o .itemInner-gPkiWb {
  815. background-color: var(--darkplus-bg2);
  816. }
  817. .base-1x0h_U {
  818. color: var(--darkplus-sec);
  819. }
  820. .scroller-1d5FgU {
  821. background-color: var(--darkplus-bg);
  822. }
  823. .guildName-1yURO5 {
  824. color: var(--darkplus-sec);
  825. }
  826. .searchTitle-36D1cB {
  827. color: var(--darkplus-bg);
  828. }
  829. .searchBox-3Y2Vi7.searchBox-2_mAlO {
  830. background-color: var(--darkplus-sec);
  831. }
  832. .search-1iTphC .searchBox-2_mAlO .searchIcon-6ljH-4 {
  833. color: var(--darkplus-bg);
  834. }
  835. .search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng::placeholder {
  836. color: var(--darkplus-bg);
  837. }
  838. .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
  839. background-color: var(--darkplus-links);
  840. }
  841. .theme-dark .uploadModal-2ifh8j {
  842. background-color: var(--darkplus-bg);
  843. }
  844. .theme-dark .footer-3mqk7D {
  845. background-color: var(--darkplus-bg);
  846. }
  847. .size14-e6ZScH {
  848. color: var(--darkplus-sec);
  849. }
  850. .filename-ovv3c5 {
  851. color: var(--darkplus-sec);
  852. }
  853. .scrollableContainer-2NUZem {
  854. background-color: var(--darkplus-bg2);
  855. }
  856. .label-3aiqT2 {
  857. color: var(--darkplus-sec);
  858. }
  859. .optional--ezibr {
  860. color: var(--darkplus-links);
  861. }
  862. button[aria-label="Send a gift"] {
  863. display: none;
  864. }
  865.  
  866. .typeWindows-1za-n7 {
  867. position: relative;
  868. }
  869. .wordmark-2iDDfm {
  870. display: flex;
  871. align-items: center;
  872. padding: 0 6px;
  873. height: calc(100% + 4px);
  874. top: -4px;
  875. width: fit-content;
  876. font-size: 14px;
  877. font-weight: 600;
  878. font-family: "Lato";
  879. color: var(--darkplus-sec);
  880. }
  881. .wordmark-2iDDfm > svg {
  882. display: none;
  883. }
  884. .wordmark-2iDDfm:after {
  885. content: "𝗱𝗮𝗿𝗸+ 𝗯𝘆 𝗛𝗺.𝟲𝟳𝟭𝟮";
  886. }
  887.  
  888. .channelName-2YrOjO,
  889. .subtitle-3V1p2E {
  890. color: var(--darkplus-sec);
  891. }
  892.  
  893. .navButtonActive-1MkytQ {
  894. background-color: var(--darkplus-bg);
  895. color: var(--darkplus-sec);
  896. }
  897. .navButton-2gQCx- {
  898. color: var(--darkplus-sec);
  899. }
  900. .navButton-2gQCx-:hover {
  901. color: var(--darkplus-links);
  902. }
  903. .colorStandard-2KCXvj {
  904. color: var(--darkplus-sec);
  905. }
  906. .unicodeShortcut-15J8Ck {
  907. color: var(--darkplus-sec);
  908. }
  909. .unicodeShortcut-15J8Ck:hover {
  910. color: var(--darkplus-links);
  911. }
  912. .categoryIcon-1SvUHG {
  913. color: var(--darkplus-sec);
  914. }
  915. .header-19cWci {
  916. color: var(--darkplus-sec);
  917. }
  918. .iconBadge-3qSJIw.participating-1NvRVd {
  919. background-color: var(--darkplus-sec);
  920. }
  921. .botTagRegular-2HEhHi {
  922. color: var(--darkplus-sec);
  923. background-color: #302f2f;
  924. }
  925.  
  926. .field-1HUseB > div > div > div {
  927. filter: blur(5px);
  928. }
  929. .field-1HUseB > div > div > div:hover {
  930. filter: blur(0);
  931. }
  932.  
  933. .messageGroupWrapper-o-Zw7G .messageGroupCozy-2iY6cT {
  934. background-color: var(--darkplus-bg2);
  935. }
  936.  
  937. .premiumContainer-2Iux5m {
  938. background-color: var(--darkplus-bg);
  939. }
  940. .scroller-9moviB {
  941. background-color: var(--darkplus-bg);
  942. }
  943. .sectionDescription-3uMpPK {
  944. color: var(--darkplus-sec);
  945. }
  946.  
  947. .lookInverted-2D7oAl.colorBrand-3pXr91 {
  948. background-color: var(--darkplus-bg2);
  949. }
  950. .marketingRefreshTier1Logo-sY6Lgd {
  951. color: var(--darkplus-sec);
  952. }
  953. .marketingRefreshDescription-UL0ZTA {
  954. color: var(--darkplus-sec);
  955. }
  956. .perksModalContentWrapper-2HU6uL {
  957. background-color: var(--darkplus-bg);
  958. }
  959.  
  960. .resultsGroup-r_nuzN {
  961. background-color: var(--darkplus-bg);
  962. color: var(--darkplus-sec);
  963. }
  964.  
  965. .tab-2j5AEF.selected-2LAck8 {
  966. color: var(--darkplus-sec);
  967. }
  968. .queryContainer-EKFJW- {
  969. background-color: var(--darkplus-bg);
  970. }
  971.  
  972. .animatedContainer-1NSq4T,
  973. .content-3YMskv [style="height: 84px;"],
  974. .bannerImage-3KhIJ6 {
  975. display: none;
  976. }
  977. .hasBanner-2SrLR3 .header-2V-4Sw,
  978. .hasBanner-2SrLR3 .header-2V-4Sw:hover {
  979. color: var(--header-primary);
  980. box-shadow: var(--elevation-low);
  981. }
  982. .iconTierOne-s_oiRb,
  983. .iconTierTwo-1JOWNK {
  984. color: var(--darkplus-bg);
  985. }
  986. .iconCaret-291Y5V {
  987. color: var(--darkplus-sec);
  988. }
  989. .pageButton-2ruNwd {
  990. color: var(--darkplus-sec);
  991. }
  992.  
  993. .theme-dark .activeButton-rvKcqq, .theme-dark .activeButton-rvKcqq:hover, .theme-light .activeButton-rvKcqq, .theme-light .activeButton-rvKcqq:hover {
  994. color: var(--darkplus-bg);
  995. background-color: var(--darkplus-sec);
  996. }
  997.  
  998. .hasBanner-2SrLR3 .header-2V-4Sw, .hasBanner-2SrLR3 .header-2V-4Sw:hover {
  999. background-color: var(--darkplus-bg);
  1000. }
  1001.  
  1002. .replyBar-1YLQ2F {
  1003. background-color: var(--darkplus-bg);
  1004. }
  1005. .closeIcon-HLoKft {
  1006. color: var(--darkplus-sec);
  1007. }
  1008. .colorHeaderSecondary-3Sp3Ft {
  1009. color: var(--darkplus-bg);
  1010. }
  1011.  
  1012. .theme-dark .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
  1013. background-color: var(--darkplus-bg2)
  1014. }
  1015. .theme-dark .header-2-Imhb .tabBar-1kuXvJ .tab-ck0077.active-1MbGPa {
  1016. color: var(--darkplus-sec);
  1017. }
  1018. .messages-3G3erD {
  1019. background-color: var(--darkplus-bg2);
  1020. }
  1021. .channelHeader-3Gd2xq {
  1022. background-color: var(--darkplus-bg2);
  1023. }
  1024. .tertiary-aMXF0g {
  1025. background-color: var(--darkplus-bg);
  1026. color: var(--darkplus-sec);
  1027. }
  1028. .tertiary-aMXF0g:hover:not(.disabled-3Njyym) {
  1029. background-color: var(--darkplus-bg);
  1030. color: var(--darkplus-sec);
  1031. }
  1032. .tutorialIcon-3f1miQ {
  1033. background-color: var(--darkplus-bg);
  1034. color: var(--darkplus-sec);
  1035. }
  1036. .secondary-dIudih {
  1037. background-color: var(--darkplus-bg2);
  1038. color: var(--darkplus-sec);
  1039. }
  1040. .secondary-dIudih:hover:not(.disabled-3Njyym) {
  1041. background-color: var(--darkplus-bg2);
  1042. color: var(--darkplus-sec);
  1043. }
  1044. .messageContainer-gbhlwo {
  1045. background-color: var(--darkplus-bg2);
  1046. }
  1047. .wrapper-3vR61M {
  1048. background-color: var(--darkplus-bg);
  1049. }
  1050. .scroller-1Bvpku {
  1051. background-color: var(--darkplus-bg) !important;
  1052. }
  1053. .tab-2j5AEF {
  1054. color: var(--darkplus-sec);
  1055. }
  1056. .theme-dark .tab-2j5AEF.selected-2LAck8 {
  1057. background-color: var(--darkplus-bg2)
  1058. }
  1059. .message-1Ng5AR {
  1060. background-color: var(--darkplus-bg2)
  1061. }
  1062. .section-2gLsgF {
  1063. color: var(--darkplus-links)
  1064. }
  1065. .colorStandard-2KCXvj {
  1066. color: var(--darkplus-bg);
  1067. }
  1068. .backButton-iA7KIs {
  1069. color: var(--darkplus-sec);
  1070. }
  1071.  
  1072. .skip-2o6MGG {
  1073. color: var(--darkplus-sec);
  1074. }
  1075. .grow-q77ONN, .sizeIcon-1-kvKI {
  1076. color: var(--darkplus-sec);
  1077. }
  1078. .input-cIJ7To {
  1079. color: var(--darkplus-sec);
  1080. }
  1081. .subtitle-1KdHaN {
  1082. color: var(--darkplus-sec);
  1083. }
  1084. .size14-e6ZScH {
  1085. color: var(--darkplus-sec);
  1086. }
  1087. .activity-2INFPu {
  1088. background-color: var(--darkplus-bg);
  1089. }
  1090. .rolesList-1geHY1 {
  1091. background-color: var(--darkplus-bg);
  1092. }
  1093. .base-1x0h_U.muted-3-7c5L {
  1094. background-color: var(--darkplus-bg);
  1095. color: var(--darkplus-sec);
  1096. }
  1097. .body-3HBlXn {
  1098. background-color: var(--darkplus-bg);
  1099. }
  1100. .theme-dark .root-1gCeng {
  1101. background-color: var(--darkplus-bg);
  1102. }
  1103. .size12-3cLvbJ {
  1104. color: var(--darkplus-sec);
  1105. }
  1106. .customStatus-3tC2ig {
  1107. color: var(--darkplus-sec);
  1108. width: 120px;
  1109. }
  1110. .icons-2E-yxr {
  1111. color: var(--darkplus-sec);
  1112. }
  1113. .selectedIcon-3uS11H {
  1114. color: var(--darkplus-sec);
  1115. }
  1116. .card-2Mz_4z {
  1117. background-color: var(--darkplus-bg2);
  1118. }
  1119. .radioBar-bMNUI- {
  1120. background-color: var(--darkplus-bg2);
  1121. }
  1122. .channelInfo-2OWB9j {
  1123. color: var(--darkplus-sec);
  1124. }
  1125. .channelIcon-2xPHJh {
  1126. color: var(--darkplus-sec);
  1127. }
  1128. .radioIconForeground-XwlXQN {
  1129. color: var(--darkplus-sec);
  1130. }
  1131. .selectedIcon-DE5J2w {
  1132. color: var(--darkplus-sec);
  1133. }
  1134. .ellipsisText-2EszCb {
  1135. color: var(--darkplus-sec);
  1136. }
  1137. .selectorButtonSelected-t5V9On {
  1138. background-color: var(--darkplus-bg);
  1139. }
  1140. .selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover {
  1141. background-color: var(--darkplus-bg);
  1142. }
  1143.  
  1144. .textContent-3N7xXx {
  1145. color: var(--darkplus-bg);
  1146. }
  1147. .cozy-12kSNU.wrapper-1F5TKx {
  1148. background-color: var(--darkplus-bg);
  1149. }
  1150. .content-1o0f9g {
  1151. background-color: transparent;
  1152. color: var(--darkplus-sec);
  1153. }
  1154.  
  1155. .acronym-2mOFsV {
  1156. background-color: var(--darkplus-bg);
  1157. color: var(--darkplus-sec);
  1158. }
  1159. .expandedFolderBackground-1cujaW {
  1160. background-color: var(--darkplus-bg2);
  1161. }
  1162. .contentWrapper-SvZHNd {
  1163. background-color: var(--darkplus-bg);
  1164. }
  1165. .header-ywPcAE {
  1166. background-color: var(--darkplus-bg);
  1167. }
  1168. .titlePrimary-1jHRGm, .titleSecondary-3Dh_RZ {
  1169. color: var(--darkplus-sec);
  1170. }
  1171. .inspector-3LQtX9 {
  1172. background-color: var(--darkplus-bg);
  1173. }
  1174. .icon-3jQD8H {
  1175. color: var(--darkplus-sec);
  1176. }
  1177. .bodyInnerWrapper-26fQXj {
  1178. background-color: var(--darkplus-bg);
  1179. }
  1180. .footer-3UKYOU {
  1181. background-color: var(--darkplus-bg);
  1182. }
  1183. .headerTopWithCustomStatus-1DHAjX {
  1184. background-color: var(--darkplus-bg);
  1185. }
  1186. .headerTop-3vNv-a {
  1187. background-color: var(--darkplus-bg);
  1188. }
  1189. .memberCountContainer-1BJFU2 {
  1190. color: var(--darkplus-sec);
  1191. }
  1192. .icon-1S6UIr {
  1193. color: var(--darkplus-sec);
  1194. }
  1195. .input-3Xdcic::placeholder {
  1196. color: var(--darkplus-sec);
  1197. }
  1198. .emptyRoles-23F3oy {
  1199. color: var(--darkplus-sec);
  1200. }
  1201. .emptyRolesText-gurxgN {
  1202. color: var(--darkplus-sec);
  1203. }
  1204. .icon-3_8HGa {
  1205. color: var(--darkplus-sec);
  1206. }
  1207. .label-2gpUAV {
  1208. color: var(--darkplus-sec);
  1209. }
  1210. .arrow-2aE8q8 {
  1211. color: var(--darkplus-sec);
  1212. }
  1213. .icon-3CsuzN {
  1214. color: var(--darkplus-sec);
  1215. }
  1216.  
  1217. .tierLock-3nsR0q {
  1218. color: var(--darkplus-sec);
  1219. }
  1220. .tierRequirement-UAxC-l {
  1221. color: var(--darkplus-sec);
  1222. }
  1223. .size16-1P40sf {
  1224. color: var(--darkplus-sec);
  1225. }
  1226. .theme-dark .tierBody-3aUxuc {
  1227. background-color: var(--darkplus-bg2);
  1228. }
  1229. .wrapper-18yWki {
  1230. background-color: var(--darkplus-bg2);
  1231. }
  1232.  
  1233. .emptyTierImage-UTgz1t {
  1234. color: var(--darkplus-sec);
  1235. }
  1236.  
  1237. .emptyTierImage-UTgz1t, .unlockTierCtaHeading-3Q9aZn {
  1238. color: var(--darkplus-sec);
  1239. }
  1240.  
  1241. .css-19bqh2r{
  1242. color: var(--darkplus-sec);
  1243. }
  1244. .theme-dark .option-96V44q:after {
  1245. background: transparent;
  1246. }
  1247.  
  1248. .textContent-3N7xXx {
  1249. color: var(--darkplus-bg);
  1250. }
  1251.  
  1252. .categoryItemDefaultCategorySelected-_HCKoz .categoryIcon-1SvUHG, .categoryItemDefaultCategorySelected-_HCKoz:hover .categoryIcon-1SvUHG, .categoryItemDefaultCategory-aBZ6nJ:hover .categoryIcon-1SvUHG {
  1253. color: var(--darkplus-sec);
  1254. }
  1255.  
  1256. .theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
  1257. border-color: var(--darkplus-sec);
  1258. color: var(--darkplus-sec);
  1259. border-radius: 25px;
  1260. }
  1261.  
  1262. .css-4h5swf-singleValue {
  1263. color: var(--darkplus-sec);
  1264. }
  1265.  
  1266. .theme-dark .message-2qRu38 {
  1267. background-color: var(--darkplus-bg2);
  1268. }
  1269.  
  1270. .keybindShortcut-1BD6Z1 span {
  1271. background-color: var(--darkplus-sec);
  1272. border: var(--darkplus-sec);
  1273. }
  1274.  
  1275. .bottomInformationTextContainer-2lvA_a, .stickerResults-3HacYG {
  1276. background-color: var(--darkplus-bg2);
  1277. }
  1278.  
  1279. .avatar-AvHqJA {
  1280. margin-left: 200px;
  1281. }
  1282.  
  1283. .badgeList-1R1WgZ {
  1284. margin-left: -150px;
  1285. }
  1286.  
  1287. .theme-dark .searchOption-zQ-1l6 .filter-3Y_im-, .theme-dark .searchOption-zQ-1l6 .answer-1n6g43, .resultsGroup-r_nuzN .header-2N-gMV {
  1288. color: var(--darkplus-sec);
  1289. }
  1290.  
  1291. .text-1FOLJS {
  1292. color: var(--darkplus-bg);
  1293. }
  1294.  
  1295. .overflowMenuIcon-1h7e8s {
  1296. color: var(--darkplus-sec);
  1297. }
  1298.  
  1299. .username-2b1r56, .discriminator-2C3qJO, .headerTagDiscriminatorNoNickname-D-AYUN {
  1300. color: var(--darkplus-sec);
  1301. }
  1302.  
  1303.  
  1304.  
  1305. ::-webkit-scrollbar-thumb {
  1306. background-color: var(--darkplus-sec) !important;
  1307. }
  1308. ::selection {
  1309. background-color: var(--darkplus-bg);
  1310. color: var(--darkplus-links);
  1311. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement