API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 24th, 2019
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.40 KB | None | 0 0
raw download clone embed print report
  1. @import url('https://fonts.googleapis.com/css?family=Raleway');
  2. :root{
  3. --title-gradient:linear-gradient(to right,#37b1da 0,#c948cd 50%,#cce335 100%);
  4. --primary-color:#75a00d;
  5. --outline-color:#0a0a0a;
  6. --outline-lightcolor:#303030;
  7. --app-color:#111;
  8. --channels-color:#111;
  9. --channels-darker:#0c0c0c;
  10. --channels-selected:#191919;
  11. --channels-text-selected:#9fca2b;
  12. --chat-color:#1a1a1a;
  13. --mention-color:#1f1f1f;
  14. --scrollbar-bg:#2d2d2d;
  15. --scrollbar-thumb:#414141;
  16. --text-input:#191919;
  17. --dropdown-color:#232323;
  18. --link-color:#96c83c;
  19. --channel-radius:5px;
  20. --text-color:#cbcbcb;
  21. --text-darker:#b0b0b0;
  22. --font:'Verdana',Helvetica,Arial,sans-serif;
  23. --important-notification-l:#f84747;
  24. --important-notification:#d12020;
  25. }
  26. *{
  27. font-size:100%;
  28. font-family:var(--font)!important
  29. }
  30. strong{
  31. font-weight:500
  32. }
  33. a{
  34. color:var(--link-color)
  35. }
  36. body{
  37. font-family:var(--font)!important;
  38. background-color:var(--app-color)
  39. }
  40. input,textarea{
  41. font-family:var(--font)!important
  42. }
  43. .appMount-3lHmkl{
  44. left:6px;
  45. top:6px;
  46. height:calc(100vh - 12px);
  47. width:calc(100vw - 12px);
  48. box-shadow:0 0 0 1px #3c3c3c,0 0 0 4px #282828,0 0 0 5px #3c3c3c,0 0 0 6px #0a0a0a;
  49. background-color:var(--channels-color)
  50. }
  51. .typeWindows-1za-n7{
  52. height:25px;
  53. background:var(--primary-color);
  54. margin-top:1px!important;
  55. margin-left:1px;
  56. margin-right:1px;
  57. background:var(--title-gradient);
  58. box-shadow:inset 0 -23px 0 0 var(--app-color),inset 0 -24px 0 0 rgba(0,0,0,0.5);
  59. opacity:1.0;
  60. z-index:50;
  61. border-bottom:1px solid var(--outline-lightcolor)
  62. }
  63.  
  64. .winButton-iRh8-Z{
  65. top:2px!important
  66. }
  67. .wordmark-2iDDfm{
  68. opacity:1.0;
  69. font-family:'Raleway'
  70. }
  71. .wordmark-2iDDfm::before{
  72. content:'elixer.';
  73. font-size:14px;
  74. z-index:1000;
  75. position:fixed;
  76. display:inline-block;
  77. color:var(--text-color);
  78. height:auto;
  79. top:12px;
  80. left:12px;
  81. background-color:transparent
  82. }
  83. .mention-1f5kbO {
  84. background-color: var(--primary-color)!important;
  85. }
  86. .wordmark-2iDDfm::after{
  87. content:'club';
  88. font-size:14px;
  89. z-index:1000;
  90. position:fixed;
  91. display:inline-block;
  92. color:var(--primary-color);
  93. height:auto;
  94. top:12px;
  95. left:52px;
  96. background-color:transparent
  97. }
  98.  
  99. .winButtonClose-1HsbF-:hover{
  100. background-color: transparent;
  101. }
  102. .winButtonMinMax-PBQ2gm:hover{
  103. background-color: transparent;
  104. }
  105.  
  106. .wordmark-2iDDfm svg{
  107. display:none
  108. }
  109.  
  110. .theme-dark .wrapper-1Rf91z{
  111. background:var(--channels-darker);
  112. box-shadow:inset -1px 0 0 0 #303030,inset -2px 0 0 0 #000
  113. }
  114. .wrapper-1Rf91z .guildsAdd-21_Id{
  115. border-radius:0;
  116. background:var(--chat-color);
  117. border:1px dashed var(--outline-lightcolor);
  118. color:var(--outline-lightcolor)
  119. }
  120. .wrapper-1Rf91z .guildsAdd-21_Id:hover{
  121. color:var(--text-color);
  122. border-color:var(--text-color)
  123. }
  124. .wrapper-1Rf91z .guildsAdd-21_Id-inner{
  125. top:-2px
  126. }
  127. .wrapper-1Rf91z .scroller-2TZvBN .scroller-2TZvBN+.scroller-2TZvBN{
  128. margin-bottom:25px;
  129. margin-top:25px
  130. }
  131. .homeButton-2Cw51C{
  132. border-radius:0!important
  133. }
  134. .wrapper-1Rf91z .scroller-2TZvBN .container-1ETFDs+.container-1ETFDs{
  135. margin-top:25px
  136. }
  137. .wrapper-1Rf91z .scroller-2TZvBN .friendsOnline-2JkivW{
  138. padding-bottom:10px;
  139. font-size:9px
  140. }
  141. .wrapper-1Rf91z .scroller-2TZvBN .container-1ETFDs.selected-nT-gM3:before{
  142. box-shadow:0 1px 0 0 #303030,-1px 2px 0 0 #000,0 -1px 0 0 #303030,-1px -2px 0 0 #000;
  143. background:var(--channels-color);
  144. border-radius:0;
  145. height:70px;
  146. margin-top:-35px;
  147. width:75px;
  148. -webkit-transition:none;
  149. transition:none
  150. }
  151. .wrapper-1Rf91z .scroller-2TZvBN .container-1ETFDs .wrapper-2lTRaf{
  152. background:var(--chat-color)!important
  153. }
  154. .wrapper-1Rf91z .scroller-2TZvBN .container-1ETFDs.selected-nT-gM3 .wrapper-2lTRaf a{
  155. background-color:var(--primary-color)!important;
  156. transition:all .3s ease
  157. }
  158. .wrapper-1Rf91z .scroller-2TZvBN .container-1ETFDs.selected-nT-gM3 .wrapper-2lTRaf{
  159. background-color:var(--primary-color)!important;
  160. transition:all .3s ease
  161. }
  162. .wrapper-2lTRaf{
  163. background-color:var(--primary-color);
  164. border-radius:var(--channel-radius)!important;
  165. transition:all .3s ease
  166. }
  167. .wrapper-2lTRaf:hover{
  168. background-color:var(--primary-color)!important;
  169. transition:all .3s ease
  170. }
  171.  
  172. .theme-dark .circleIconButton-jET_ig {
  173. border-radius:var(--channel-radius)!important;
  174. }
  175.  
  176. .container-1ETFDs.active .wrapper-2lTRaf{
  177. background:var(--primary-color)!important
  178. }
  179. .wrapper-1Rf91z .guildSeparator-3s64Iy{
  180. display:none
  181. }
  182. .guildsAdd-21_IdK {
  183. border-radius: 10%;
  184. }
  185. .large-3ChYtB {
  186. border-radius:var(--channel-radius)!important
  187. }
  188. .name-3M0b8vHint-1qgaV3{
  189. border-radius:var(--channel-radius)!important
  190. }
  191. .container-PNkimc{
  192. background:none!important
  193. }
  194. .base-3dtUhz{
  195. border-radius:0!important
  196. }
  197. .header-2o-2hj{
  198. background:var(--channels-darker);
  199. box-shadow:none!important;
  200. border-bottom:1px solid var(--outline-lightcolor)
  201. }
  202. .header-2o-2hj:hover{
  203. background:var(--channels-selected)
  204. }
  205. .container-1UB9sr{
  206. border-top:1px solid var(--outline-lightcolor);
  207. border-bottom:0;
  208. background:var(--chat-color);
  209. font-size:11px;
  210. padding:5px 10px 5px 10px
  211. }
  212. .channels-Ie2l6A.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr {
  213. background:var(--channels-color);
  214. border-right:1px solid var(--outline-lightcolor)
  215. }
  216. .name-3M0b8v{
  217. font-size:13px;
  218. font-weight:700
  219. }
  220. .contentSelectedText-3wUhMi{
  221. background:var(--channels-selected)
  222. }
  223.  
  224. .nameSelectedText-sp_EUw,.nameSelectedVoice-1qSph5,svg.colorSelectedText-1y4Wvs.icon-sxakjD,svg.colorSelectedVoice-Xcb_9R.icon-sxakjD{
  225. color:var(--channels-text-selected)!important;
  226. opacity:1
  227. }
  228.  
  229.  
  230. .theme-dark .member-3W1lQa:hover .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 {
  231. background:var(--channels-selected)
  232. }
  233.  
  234. .contentHoveredText-2D9B-x,.contentHoveredVoice-3p_NEO,.contentHoveredVoice-3p_NEO:active,.contentSelectedVoice-1WDIBM:active{
  235. background:none!important
  236. }
  237.  
  238. .container-2Thooq{
  239. background:var(--channels-darker);
  240. border-top:1px solid var(--outline-lightcolor)
  241. }
  242.  
  243. .popout{
  244. background:var(--dropdown-color)!important;
  245. border:solid 1px var(--outline-color)!important;
  246. border-radius:1px
  247. }
  248.  
  249. .small-popout-box{
  250. background:var(--dropdown-color)!important;
  251. border:solid 1px var(--outline-color)!important;
  252. border-radius:1px
  253. }
  254.  
  255. .userPopout-3XzG_A {
  256. border-radius: 1px;
  257. box-shadow: 0 0 0 1px #323232,0 0 0 2px #0a0a0a!important;
  258. }
  259. background: var(--channels-darker)!important;
  260. background: var(--channels-color)!important;
  261. background: var(--text-input)!important;
  262. background: var(--primary-color);
  263.  
  264. .note-3kmerW textarea {
  265. border-radius: 0!important;
  266. background: var(--text-input)!important;
  267. border: 0;
  268. box-shadow: inset 0 0 0 1px #323232, inset 0 0 0 2px #101010;
  269. font-size: 11px;
  270. }
  271. //test
  272.  
  273. .theme-dark .messagesPopoutWrap-1MQ1bW .footer-1kmXd4 {
  274. background: var(--channels-darker)!important;
  275. }
  276. .theme-dark .messagesPopoutWrap-1MQ1bW {
  277. border-radius: 1px;
  278. background: var(--channels-color)!important;
  279. box-shadow: 0 0 0 1px #323232,0 0 0 2px #0a0a0a!important;
  280. }
  281.  
  282. .theme-dark .messagesPopoutWrap-1MQ1bW .header-ykumBX {
  283. -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,20%);
  284. background-color: #35393e;
  285. box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
  286. background: var(--channels-darker)!important;
  287. }
  288.  
  289. .option-popout .btn-item,.option-popout .btn-item:hover{
  290. color:var(--text-color)
  291. }
  292. .contextMenu-HLZMGh{
  293. background:var(--dropdown-color)!important;
  294. border:solid 1px var(--outline-color)!important;
  295. border-radius:1px;
  296. box-shadow:none!important
  297. }
  298. .item-1Yvehc{
  299. font-size:11px!important
  300. }
  301. .item-1Yvehc:hover{
  302. background:var(--outline-lightcolor)!important;
  303. border-radius:0
  304. }
  305. .itemSubMenu-1vN_Yn{
  306. background-color:var(--dropdown-color)!important
  307. }
  308. .menu-Sp6bN1{
  309. border-radius:1px;
  310. background:var(--chat-color)!important;
  311. box-shadow:0 0 0 1px #323232,0 0 0 2px #0a0a0a!important;
  312. }
  313. .item-1GzJrl, .item-1GzJrl{
  314. color:var(--text-color);
  315. font-size:11px!important
  316. }
  317. .item-1GzJrl:hover{
  318. border-radius:0!important;
  319. color:var(--text-color);
  320. background:var(--outline-lightcolor)!important
  321. }
  322. .separator-2zcjq8{
  323. border-color:var(--outline-lightcolor)!important;
  324. width:100%
  325. }
  326. .title-3qD0b-,.titleCall-_b9o8P{
  327. background:var(--channels-darker)!important;
  328. box-shadow:inset 0 -1px 0 var(--outline-lightcolor)!important
  329. }
  330. .channelName-3stJzi{
  331. font-size:13px;
  332. color:var(--text-color)!important
  333. }
  334. .channelName-3stJzi svg{
  335. width:14px;
  336. color:var(--text-color)
  337. }
  338. .channelIcon-MsmKOO{
  339. top:4px
  340. }
  341. .topic-2QX7LI{
  342. font-size:11px
  343. }
  344. .messagesWrapper-3lZDfY {
  345. background:none!important
  346. }
  347. .chat-3bRxxu>.content-yTz4x3{
  348. background:var(--chat-color)!important
  349. }
  350. .embedPill-1Zntps{
  351. background:var(--primary-color)!important
  352. }
  353. .embedInner-1-fpTo{
  354. background:var(--channels-darker)!important;
  355. border-radius:1px!important;
  356. border-color:var(--outline-lightcolor)!important
  357. }
  358. .containerCozy-jafyvG{
  359. padding:15px 0
  360. }
  361. .containerCozy-jafyvG h2 strong{
  362. font-size:13px
  363. }
  364. .theme-dark .timestampCozy-2hLAPV,.theme-dark .timestamp-1E3uAL{
  365. font-size:9px
  366. }
  367. .markup-2BOw-j{
  368. font-size:11px;
  369. line-height:1.4em
  370. }
  371. .markup-2BOw-j pre{
  372. border-radius:1px!important;
  373. border:none!important;
  374. box-shadow:0 0 0 1px #323232,0 0 0 2px #101010!important
  375. }
  376. .markup-2BOw-j pre code{
  377. font-size:13px;
  378. background:var(--dropdown-color)!important
  379. }
  380. .hljs-section{
  381. color:var(--primary-color)!important
  382. }
  383. .theme-dark .divider-3gKybi.dividerRed-MKoLlr>span {
  384. background:var(--chat-color)!important
  385. }
  386.  
  387. .theme-dark .divider-3gKybi span {
  388. background:var(--chat-color)!important
  389. }
  390. .imageWrapper-2p5ogY{
  391. border-radius:3px
  392. }
  393. .chat-3bRxxu form{
  394. background:none!important;
  395. box-shadow:none!important
  396. }
  397. .inner-zqa7da{
  398. border-radius:0!important;
  399. background:var(--text-input)!important;
  400. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010
  401. }
  402. .channelTextArea-rNsIhG .inner-zqa7da .textArea-2Spzkt{
  403. font-size:11px;
  404. line-height:.80rem;
  405. margin:12px 2px 2px 10px;
  406. padding:5px 38px 8px 0
  407. }
  408. .theme-dark .channelTextArea-rNsIhG {
  409. border-top:none;
  410. }
  411. .innerEnabled-3g80kR .textArea-2Spzkt{
  412. font-size:11px;
  413. line-height:.80rem;
  414. margin:12px 2px 2px 0;
  415. padding:5px 38px 8px 10px
  416. }
  417. .textAreaEnabled-3vQ5WZ{
  418. padding:5px 38px 8px 0
  419. }
  420. .typing-2GQL18{
  421. background:none!important;
  422. font-size:10px!important;
  423. padding-left:10px
  424. }
  425. .typing-2GQL18 .ellipsis-19qdx6{
  426. display:none
  427. }
  428. .scroller-2FKFPG.members-1998pB{
  429. background:var(--channels-darker)!important;
  430. border-left:solid 1px var(--outline-lightcolor);
  431. color:red
  432. }/*S
  433. .memberOnline-1CIh-0.member-3W1lQa{
  434. transition:.5s
  435. }
  436. .memberOnline-1CIh-0.member-3W1lQa:hover{
  437. background:var(--outline-lightcolor);
  438. transition:.5s
  439. }
  440. .membersWrap-2h-GB4:not(#dv-mount){
  441. min-width:50px!important;
  442. max-width:240px!important;
  443. width:50px;
  444. transition: width .5s;
  445. }
  446.  
  447. .membersWrap-2h-GB4:hover:not(#dv-mount){
  448. width:240px;
  449. transition: width .6s;
  450. }*/
  451. .mask-3OgeRz{
  452. -webkit-mask: none;
  453. border-radius: var(--channel-radius)!important;
  454. }
  455. ::-webkit-scrollbar-thumb{
  456. border:none!important;
  457. border-radius:0!important;
  458. background:#414141!important
  459. }
  460. ::-webkit-scrollbar{
  461. width:6px!important
  462. }
  463. ::-webkit-scrollbar-track-piece{
  464. border:none!important;
  465. border-radius:0!important;
  466. background:#2d2d2d!important
  467. }
  468. .scrollerWrap-1IAIlv .scroller::-webkit-scrollbar-thumb{
  469. border:none!important;
  470. border-radius:0!important;
  471. background:#414141!important
  472. }
  473. .scroller-wrap .scroller::-webkit-scrollbar{
  474. width:6px!important
  475. }
  476. .scrollerWrap-2lJEkd .scroller::-webkit-scrollbar-track-piece{
  477. border:none!important;
  478. border-radius:0!important;
  479. background:#2d2d2d!important
  480. }
  481. .scrollerWrap-2lJEkd.scroller::-webkit-scrollbar-thumb{
  482. border:none!important;
  483. border-radius:0!important;
  484. background:#414141!important
  485. }
  486. .scrollerWrap-2lJEkd .scroller::-webkit-scrollbar{
  487. width:6px!important
  488. }
  489. .scrollerWrap-2lJEkd .scroller::-webkit-scrollbar-track-piece{
  490. border:none!important;
  491. border-radius:0!important;
  492. background:#2d2d2d!important
  493. }
  494. .tooltip,.tooltip-1OS-Ti.black-2bmmnj,.tipsy-inner{
  495. border-radius:1px!important
  496. }
  497. .bd-blue .red-m6f4-H,.tooltip-1OS-Ti.red-m6f4-H{
  498. background-color:var(--important-notification)
  499. }
  500. .bd-blue .red-m6f4-H.top-1pTh1F:after{
  501. border-top-color:var(--important-notification)
  502. }
  503. .bd-blue .red-m6f4-H.left-1wV7VO:after{
  504. border-left-color:var(--important-notification)
  505. }
  506. .bd-blue .red-m6f4-H.bottom-19kp6S:after{
  507. border-bottom-color:var(--important-notification)
  508. }
  509. .bd-blue .red-m6f4-H.right-KM_vfY:after,.tooltip-1OS-Ti.red-m6f4-H.right-KM_vfY:after{
  510. border-right-color:var(--important-notification)
  511. }
  512. .tooltip-1OS-Ti.right-KM_vfY:after,.tooltip-1OS-Ti.left-1wV7VO:after{
  513. margin-top:-8px
  514. }
  515. .tooltip-1OS-Ti.brand-3tBTjG,.tooltip-1OS-Ti.black-2bmmnj,.tipsy-inner{
  516. background:var(--channels-darker)!important;
  517. border:solid 1px var(--outline-lightcolor)!important;
  518. border-radius:1px;
  519. padding:5px 10px;
  520. font-size:11px;
  521. font-weight:400;
  522. line-height:14px;
  523. text-align:center
  524. }
  525. .tooltip-1OS-Ti.brand-3tBTjG.right-KM_vfY:after,.tooltip-1OS-Ti.black-2bmmnj.right-KM_vfY:after{
  526. border-radius:0;
  527. border-right:8px solid var(--outline-lightcolor)!important;
  528. border-top:8px solid transparent!important;
  529. border-bottom:8px solid transparent!important
  530. }
  531. .tooltip-1OS-Ti.brand-3tBTjG.top-1pTh1F:after,.tooltip-1OS-Ti.black-2bmmnj.top-1pTh1F:after,.tipsy-se .tipsy-inner:after{
  532. border-radius:0;
  533. border-right:8px solid transparent!important;
  534. border-top:8px solid var(--outline-lightcolor)!important;
  535. border-left:8px solid transparent!important
  536. }
  537. .tooltip-1OS-Ti.brand-3tBTjG.left-1wV7VO:after,.tooltip-1OS-Ti.black-2bmmnj.left-1wV7VO:after{
  538. border-radius:0;
  539. border-left:8px solid var(--outline-lightcolor)!important;
  540. border-top:8px solid transparent!important;
  541. border-bottom:8px solid transparent!important
  542. }
  543. .tooltip-1OS-Ti.brand-3tBTjG.bottom-19kp6S:after,.tooltip-1OS-Ti.black-2bmmnj.bottom-19kp6S:after{
  544. border-radius:0;
  545. border-right:8px solid transparent!important;
  546. border-bottom:8px solid var(--outline-lightcolor)!important;
  547. border-left:8px solid transparent!important
  548. }
  549. .checkbox{
  550. width:8px;
  551. height:8px;
  552. background:#4c4c4c;
  553. background:linear-gradient(to bottom,#4c4c4c 0,#333 100%);
  554. border-radius:0!important;
  555. border:1px solid var(--outline-color)
  556. }
  557. .checkbox .checkbox-inner{
  558. height:8px;
  559. width:8px;
  560. border:0
  561. }
  562. .checkbox .checkbox-inner span{
  563. border:0;
  564. border-radius:0;
  565. background:linear-gradient(to bottom,#4c4c4c 0,#333 100%)
  566. }
  567. .checkbox .checkbox-inner input[type=checkbox]:checked+span{
  568. background:linear-gradient(to bottom,#9cc728 0,#7aa506 100%);
  569. transition:5.0
  570. }
  571. .checkbox .checkbox-inner input[type=checkbox]:checked+span:after{
  572. content:none
  573. }
  574. .checkbox .checkbox-inner+span{
  575. white-space:nowrap;
  576. color:var(--text-color);
  577. font-size:11px
  578. }
  579. .grabber-3mFHz2{
  580. border-radius:5px!important;
  581. margin-left:-6px!important
  582. }
  583. .bar-2Qqk5Z{
  584. background:linear-gradient(to bottom,#343434 0,#444 100%)!important;
  585. border-radius:0!important;
  586. border:1px solid var(--outline-color)
  587. }
  588. .barFill-23-gu-{
  589. background:linear-gradient(to bottom,#99c427 0,#699404 100%)!important
  590. }
  591. .bubble-3we2di{
  592. background:var(--channels-darker)!important;
  593. border:solid 1px var(--outline-lightcolor)!important;
  594. border-radius:1px;
  595. font-size:10px;
  596. color:var(--text-color)
  597. }
  598. .bubble-3we2di:before{
  599. border-top-color:var(--outline-lightcolor)
  600. }
  601. #friends{
  602. background:var(--channels-darker)!important
  603. }
  604. .friendsTable-133bsv{
  605. background:var(--chat-color)!important;
  606. border-top:1px solid var(--outline-lightcolor)
  607. }
  608. .tabBar-1E2ExX .primary-3j8BhM {
  609. background:linear-gradient(to bottom,#232323 0,#191919 100%)!important;
  610. border-radius:0!important;
  611. box-shadow:inset 0 0 0 1px #0a0a0a,inset 0 0 0 2px #323232;
  612. font-size:11px;
  613. padding:5px 15px 5px 15px!important;
  614. color:var(--text-color)!important
  615. }
  616. .item-3HpYcP.item-3HpYcP-primary:hover{
  617. background:linear-gradient(to bottom,#282828 0,#1e1e1e 100%)!important
  618. }
  619. .item-3HpYcP.item-3HpYcP-primary.selected{
  620. background:linear-gradient(to bottom,#1e1e1e 0,#0f0f0f 100%)!important;
  621. color:var(--primary-color)!important
  622. }
  623. .item-3HpYcP.selected{
  624. border-radius:0!important;
  625. background:var(--outline-lightcolor)!important;
  626. color:var(--primary-color)!important
  627. }
  628. .item-3HpYcP:hover{
  629. border-radius:0!important;
  630. background:var(--outline-lightcolor)!important
  631. }
  632. .theme-dark .topPill-30KHOu .itemSelected-1qLhcL {
  633. background-color: transparent;
  634. color: var(--channels-text-selected);
  635. }
  636. .friendsTable-133bsv .friendsRow-2yicud:hover{
  637. border-radius:0!important;
  638. background:var(--outline-lightcolor)!important
  639. }
  640. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friends-action:hover{
  641. background-color:var(--outline-color)!important
  642. }
  643. .privateChannels-1nO12o .channel-2QD9_O.selected-1HYmZZ a,.privateChannels-1nO12o .channel-2QD9_O a:hover{
  644. background: var(--channels-selected);
  645. color:var(--text-color)!important;
  646. margin-right:10px!important
  647. }
  648. .theme-dark .headerBar-UHpsPw {
  649. background: var(--channels-darker);
  650. }
  651. .theme-dark .container-3gCOGc {
  652. background: var(--chat-color)!important;
  653. }
  654. .friend-table-add-wrapper .friend-table-add-header{
  655. background:var(--channels-darker)!important;
  656. border-bottom:1px solid var(--outline-lightcolor)!important;
  657. box-shadow:none!important;
  658. padding-top:10px
  659. }
  660. .friend-table-add-wrapper h2{
  661. font-size:12px!important
  662. }
  663. .friend-table-add-wrapper h3{
  664. font-size:11px!important
  665. }
  666. .friend-table-add-wrapper .friend-table-add-description{
  667. font-size:11px!important
  668. }
  669. .wrapper-3JPufy{
  670. padding-right:5px
  671. }
  672. .inner-2Y6JuD{
  673. border-radius:1px;
  674. border-color:var(--outline-lightcolor);
  675. background-color:var(--chat-color)
  676. }
  677. .wrapper-1cBijl{
  678. border-radius:0!important;
  679. background:var(--text-input)!important;
  680. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010
  681. }
  682. .friend-table-suggestions-header{
  683. padding:20px 30px 16px!important
  684. }
  685. .btn{
  686. background:var(--primary-color)!important
  687. }
  688. .modal-3HD5ck{
  689. border-radius:0;
  690. background:var(--channels-darker)!important;
  691. box-shadow:inset 0 0 0 1px #0a0a0a,inset 0 0 0 2px #323232!important
  692. }
  693. .h4-AQvcAz{
  694. font-size:13px;
  695. color:var(--text-color)!important
  696. }
  697. .primary-jw0I4K{
  698. font-size:12px!important;
  699. color:var(--text-color)!important
  700. }
  701. .message-group-blocked{
  702. border-radius:0!important;
  703. background:var(--dropdown-color)!important
  704. }
  705. .message-group-blocked .message-group-blocked-btn{
  706. background:var(--channels-color)!important;
  707. font-size:11px
  708. }
  709. .theme-dark .isMentioned-N-h9aa .mention{
  710. color:var(--primary-color)!important;
  711. background:var(--mention-color)!important
  712. }
  713. .popout{
  714. box-shadow:none!important;
  715. border:var(--outline-lightcolor)!important
  716. }
  717. .userPopout-3XzG_A{
  718. border-radius:1px;
  719. box-shadow:0 0 0 1px #323232,0 0 0 2px #0a0a0a!important
  720. }
  721. .headerPlaying-j0WQBV,.headerNormal-T_seeN{
  722. background:var(--channels-darker)!important
  723. }
  724. .activity-11LB_k{
  725. background:var(--primary-color)
  726. }
  727. .body-3iLsc4,.footer-1fjuF6{
  728. background:var(--channels-color)!important
  729. }
  730. .textRow-19NEd_{
  731. font-size:13px
  732. }
  733. .quickMessage-2XpSaN{
  734. border-radius:0!important;
  735. background:var(--text-input)!important;
  736. border:0;
  737. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  738. font-size:11px
  739. }
  740. .role-2irmRk{
  741. font-size:10px
  742. }
  743. .note-3kmerW textarea{
  744. border-radius:0!important;
  745. background:var(--text-input)!important;
  746. border:0;
  747. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  748. font-size:11px
  749. }
  750. .searchResults-2J8dju-wrap{
  751. background:var(--channels-color)!important;
  752. border-left:1px solid var(--outline-lightcolor)
  753. }
  754. .searchHeader-1l-wpR{
  755. box-shadow:none!important;
  756. background:var(--channels-darker)!important;
  757. border-bottom:1px solid var(--outline-lightcolor)
  758. }
  759. .searchHeader-1l-wpR .tab-2Ixsn0.selected{
  760. color:var(--primary-color)!important;
  761. border-color:var(--primary-color)!important
  762. }
  763. .resultsWrapper-hoiXCY .channelSeparator-1X1FuH .channelName-1QajIf{
  764. background:none!important;
  765. font-size:13px
  766. }
  767. .resultsWrapper-hoiXCY .searchResult-3pzFAB:before,.searchResults-2J8dju-wrap .searchResult-3pzFAB:after{
  768. background:none!important
  769. }
  770. .resultsWrapper-hoiXCY .searchResult-3pzFAB .hit{
  771. background:var(--outline-lightcolor)!important;
  772. border-radius:1px;
  773. border:1px solid var(--outline-color)!important;
  774. box-shadow:none!important
  775. }
  776. .search-popout{
  777. box-shadow:none!important;
  778. background:var(--channels-color);
  779. box-shadow:0 0 0 1px #323232,0 0 0 2px #0a0a0a!important;
  780. border-radius:0
  781. }
  782. .search-popout .option{
  783. font-size:13px;
  784. height:24px
  785. }
  786. .search-popout .option.selected:before{
  787. height:24px
  788. }
  789. .search-popout .option.selected{
  790. background:var(--outline-lightcolor)
  791. }
  792. .search-popout .search-option .filter,.option.history .answer{
  793. color:var(--text-darker)
  794. }
  795. .search-popout .option:after,.search-popout .option.selected:after{
  796. background:0
  797. }
  798. .search-popout .search-query{
  799. border-bottom:0
  800. }
  801. .system-message{
  802. font-size:13px
  803. }
  804. .topSectionNormal-2-vo2m{
  805. background:var(--channels-darker)!important
  806. }
  807. .body-3ND3kc{
  808. background:var(--channels-color)!important
  809. }
  810. .tabBar-1E2ExX .item-3HpYcP.selected{
  811. border-color:var(--primary-color)!important;
  812. background:none!important
  813. }
  814. .tabBar-1E2ExX .item-3HpYcP:hover{
  815. background:none!important
  816. }
  817. .topSectionPlaying-1J5E4n{
  818. background:var(--channels-darker)
  819. }
  820. .autocomplete-1vrmpx{
  821. background:var(--channels-darker)!important;
  822. border:1px solid var(--outline-lightcolor)
  823. }
  824. .selectorSelected-1_M1WV{
  825. border-radius:1px;
  826. background:var(--channels-color)!important
  827. }
  828. .buttonBrandInvertedDefault-uUmgsD{
  829. background:var(--primary-color)!important;
  830. color:#fff
  831. }
  832. .chat-3bRxxu .newMessagesBar-mujexs{
  833. background:var(--primary-color)!important
  834. }
  835. /*.unread-2OHH1w{
  836. background:var(--primary-color)!important
  837. }*/
  838. .emojiPicker-3m1S-j{
  839. background:none!important
  840. }
  841. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ {
  842. background:none!important
  843. }
  844. .emojiPicker-3m1S-j .stickyHeader-1SS0JU{
  845. background:0
  846. }
  847. .emojiPicker-3m1S-j .category-2U57w6{
  848. color:var(--primary-color)
  849. }
  850. .searchBar-2_Yu-C.searchBarLight-1NxoDG .searchBarInner-1_Tg2R{
  851. border-radius:0!important;
  852. background:var(--text-input)!important;
  853. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010
  854. }
  855. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S{
  856. border-bottom-color:var(--primary-color)
  857. }
  858. .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S{
  859. background-color:var(--dropdown-color)
  860. }
  861. .searchBar-2_Yu-C input{
  862. font-size:12px!important
  863. }
  864. .form header{
  865. color:var(--primary-color)!important
  866. }
  867. .form-deprecated,.form.deprecated{
  868. background:var(--channels-darker)!important;
  869. box-shadow:inset 0 0 0 1px var(--outline-lightcolor)
  870. }
  871. .form-deprecated .form-inner,.form.deprecated .form-inner{
  872. background:none!important
  873. }
  874. .form-deprecated .form-actions,.form.deprecated .form-actions{
  875. background:none!important;
  876. border-color:var(--outline-lightcolor)
  877. }
  878. .create-guild-container.deprecated .action{
  879. background:var(--channels-color);
  880. border:1px solid var(--outline-lightcolor)
  881. }
  882. .create-guild-container.deprecated .action.join:hover .btn{
  883. background-color:var(--primary-color)!important
  884. }
  885. .form-deprecated .btn-default,.form.deprecated .btn-default,.form-deprecated .btn-default:hover,.form.deprecated .btn-default:hover{
  886. background:none!important;
  887. border-bottom:0;
  888. color:var(--text-color)!important
  889. }
  890. .create-guild-container.deprecated .join-server h5{
  891. font-size:14px;
  892. color:var(--primary-color)
  893. }
  894. .create-guild-container.deprecated p{
  895. font-size:12px
  896. }
  897. .bd-blue .create-guild-container .join-server .sample-link{
  898. font-size:13px
  899. }
  900. .guild-form li .control-group input[type=text]{
  901. padding-left:10px
  902. }
  903. .form.deprecated .control-group input[type=text]{
  904. border-radius:0!important;
  905. background:var(--text-input)!important;
  906. border:0;
  907. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  908. color:var(--text-color);
  909. font-size:12px
  910. }
  911. .form.deprecated .control-group input[type=text]:focus{
  912. border:0
  913. }
  914. .bd-blue .avatar-uploader-inner{
  915. background:var(--primary-color)!important
  916. }
  917. .regionSelect-3lf4eE .regionSelectInner-24f4Ce,.regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce,.regionSelect-3lf4eE:hover button{
  918. border-radius:1px;
  919. border-color:var(--outline-lightcolor)
  920. }
  921. .regionSelect-3lf4eE button,.regionSelect-3lf4eE:hover button{
  922. border-radius:1px;
  923. border-color:var(--outline-lightcolor);
  924. color:var(--text-color);
  925. background:var(--channels-color)
  926. }
  927. .regionSelectModal-12e-57{
  928. background:var(--channels-darker)
  929. }
  930. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3{
  931. background:var(--channels-color);
  932. border:1px solid var(--outline-lightcolor)
  933. }
  934. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover{
  935. border-color:var(--primary-color)
  936. }
  937. .containerCozy-jafyvG a{
  938. color:var(--link-color)!important
  939. }
  940. .wrapper-2NJDcI{
  941. background:#232529
  942. }
  943. .themed-popout{
  944. background:var(--channels-color)!important;
  945. border-radius:1px!important;
  946. border:1px solid var(--outline-lightcolor)!important
  947. }
  948. .themed-popout .header{
  949. background:var(--channels-darker)!important;
  950. box-shadow:none!important;
  951. border-bottom:1px solid var(--outline-lightcolor)
  952. }
  953. .themed-popout .footer{
  954. background:none!important;
  955. border-top:1px solid var(--outline-lightcolor)
  956. }
  957. .private-channel-recipients-invite .friend{
  958. background:var(--channels-color)!important
  959. }
  960. .searchBar-2_Yu-C .searchBarInner-1_Tg2R{
  961. border-radius:0!important;
  962. background:var(--text-input)!important;
  963. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010
  964. }
  965. .private-channel-recipients-invite .footer button{
  966. background:var(--primary-color)!important
  967. }
  968. .video-2jNDI4{
  969. background:var(--channels-color);
  970. border-bottom:1px solid var(--outline-lightcolor)
  971. }
  972. .footer-2yfCgX{
  973. background:none!important
  974. }
  975. .tiles-2aXG_k{
  976. background:var(--channels-color)!important
  977. }
  978. .selectorButtonSelected-1j4DmC,.buttonBrandFilled-3Mv0Ra,.buttonBrandFilled-3Mv0Ra:hover,.buttonBrandFilled-3Mv0Ra:active{
  979. background:var(--primary-color)
  980. }
  981. .imageSelected-4Kl81J{
  982. border-color:var(--primary-color)
  983. }
  984. .quickswitcher-3JagVE{
  985. background:var(--channels-darker)!important;
  986. border-radius:1px;
  987. border:1px solid var(--outline-lightcolor);
  988. box-shadow:none
  989. }
  990. .input-2VB9rf{
  991. border-radius:0!important;
  992. background:var(--text-input)!important;
  993. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010!important;
  994. color:var(--text-color)!important
  995. }
  996. .note-3HfJZ5{
  997. margin-left:0
  998. }
  999. .note-3kmerW textarea{
  1000. padding-top:6px;
  1001. padding-left:10px
  1002. }
  1003. .form-deprecated .form-header,.form.deprecated .form-header{
  1004. background:0
  1005. }
  1006. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-header header{
  1007. color:var(--primary-color);
  1008. font-size:14px
  1009. }
  1010. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .blurb-zsamaY{
  1011. color:var(--text-color);
  1012. font-size:11px
  1013. }
  1014. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .checkbox .checkbox-inner span{
  1015. border:0
  1016. }
  1017. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .expireText-34b09Y{
  1018. color:var(--text-color)
  1019. }
  1020. .cclipboardInputInner-1EXMA3{
  1021. border-radius:0!important;
  1022. background:var(--text-input)!important;
  1023. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  1024. border:none!important
  1025. }
  1026. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .clipboardInputInner-RLx2hK input{
  1027. background:0;
  1028. font-size:16px;
  1029. color:var(--primary-color)
  1030. }
  1031. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .copy-3nFbq8{
  1032. background:var(--primary-color);
  1033. border:0;
  1034. font-size:11px
  1035. }
  1036. .cclipboardInputInner-1EXMA3 button:first-of-type:before{
  1037. background:none!important
  1038. }
  1039. .wrapper-O5i5-0{
  1040. background:0
  1041. }
  1042. .Select-control,.Select-control:hover,.Select-control:active{
  1043. border-radius:0!important;
  1044. background:var(--text-input)!important;
  1045. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  1046. border:none!important
  1047. }
  1048. .has-value.Select--single>.Select-control .Select-value .Select-value-label,.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.has-value.Select--single>.Select-control .Select-value .Select-value-label{
  1049. color:var(--text-color)
  1050. }
  1051. .wrapper-O5i5-0 .instantInviteModalAdvanced-3qJETM .checkbox .checkbox-inner span{
  1052. border:0
  1053. }
  1054. .Select-option,.Select-option.is-focused{
  1055. background:none!important;
  1056. color:var(--text-color)!important
  1057. }
  1058. .Select-menu-outer{
  1059. background:var(--channels-color);
  1060. border:1px solid var(--outline-lightcolor)
  1061. }
  1062.  
  1063. .titleWrapper-1l0xT9 {
  1064. background:var(--channels-darker);
  1065. }
  1066.  
  1067. .theme-dark .members-1998pB {
  1068. background:var(--channels-darker);
  1069. }
  1070.  
  1071. .theme-dark .messageGroupWrapper-o-Zw7G {
  1072. background-color: var(--chat-color);
  1073. border-color: var(--outline-lightcolor);
  1074. border-radius: 0px;
  1075. border-width: 1px;
  1076. }
  1077.  
  1078. .theme-dark .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI {
  1079. color: var(--important-notification);
  1080. }
  1081.  
  1082. .theme-dark .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:after, .theme-dark .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:before {
  1083. border-color: var(--important-notification-l);
  1084. }
  1085. ```
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!