API tools faq
paste
Advertisement
Guest User

Untitled

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