Advertisement
Guest User

Untitled

a guest
Jul 18th, 2019
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.39 KB | None | 0 0
  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:'game';
  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:'sense';
  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. .membersWrap-2h-GB4:hover:not(#dv-mount){
  447. width:240px;
  448. transition: width .6s;
  449. }*/
  450. .mask-3OgeRz{
  451. -webkit-mask: none;
  452. border-radius: var(--channel-radius)!important;
  453. }
  454. ::-webkit-scrollbar-thumb{
  455. border:none!important;
  456. border-radius:0!important;
  457. background:#414141!important
  458. }
  459. ::-webkit-scrollbar{
  460. width:6px!important
  461. }
  462. ::-webkit-scrollbar-track-piece{
  463. border:none!important;
  464. border-radius:0!important;
  465. background:#2d2d2d!important
  466. }
  467. .scrollerWrap-1IAIlv .scroller::-webkit-scrollbar-thumb{
  468. border:none!important;
  469. border-radius:0!important;
  470. background:#414141!important
  471. }
  472. .scroller-wrap .scroller::-webkit-scrollbar{
  473. width:6px!important
  474. }
  475. .scrollerWrap-2lJEkd .scroller::-webkit-scrollbar-track-piece{
  476. border:none!important;
  477. border-radius:0!important;
  478. background:#2d2d2d!important
  479. }
  480. .scrollerWrap-2lJEkd.scroller::-webkit-scrollbar-thumb{
  481. border:none!important;
  482. border-radius:0!important;
  483. background:#414141!important
  484. }
  485. .scrollerWrap-2lJEkd .scroller::-webkit-scrollbar{
  486. width:6px!important
  487. }
  488. .scrollerWrap-2lJEkd .scroller::-webkit-scrollbar-track-piece{
  489. border:none!important;
  490. border-radius:0!important;
  491. background:#2d2d2d!important
  492. }
  493. .tooltip,.tooltip-1OS-Ti.black-2bmmnj,.tipsy-inner{
  494. border-radius:1px!important
  495. }
  496. .bd-blue .red-m6f4-H,.tooltip-1OS-Ti.red-m6f4-H{
  497. background-color:var(--important-notification)
  498. }
  499. .bd-blue .red-m6f4-H.top-1pTh1F:after{
  500. border-top-color:var(--important-notification)
  501. }
  502. .bd-blue .red-m6f4-H.left-1wV7VO:after{
  503. border-left-color:var(--important-notification)
  504. }
  505. .bd-blue .red-m6f4-H.bottom-19kp6S:after{
  506. border-bottom-color:var(--important-notification)
  507. }
  508. .bd-blue .red-m6f4-H.right-KM_vfY:after,.tooltip-1OS-Ti.red-m6f4-H.right-KM_vfY:after{
  509. border-right-color:var(--important-notification)
  510. }
  511. .tooltip-1OS-Ti.right-KM_vfY:after,.tooltip-1OS-Ti.left-1wV7VO:after{
  512. margin-top:-8px
  513. }
  514. .tooltip-1OS-Ti.brand-3tBTjG,.tooltip-1OS-Ti.black-2bmmnj,.tipsy-inner{
  515. background:var(--channels-darker)!important;
  516. border:solid 1px var(--outline-lightcolor)!important;
  517. border-radius:1px;
  518. padding:5px 10px;
  519. font-size:11px;
  520. font-weight:400;
  521. line-height:14px;
  522. text-align:center
  523. }
  524. .tooltip-1OS-Ti.brand-3tBTjG.right-KM_vfY:after,.tooltip-1OS-Ti.black-2bmmnj.right-KM_vfY:after{
  525. border-radius:0;
  526. border-right:8px solid var(--outline-lightcolor)!important;
  527. border-top:8px solid transparent!important;
  528. border-bottom:8px solid transparent!important
  529. }
  530. .tooltip-1OS-Ti.brand-3tBTjG.top-1pTh1F:after,.tooltip-1OS-Ti.black-2bmmnj.top-1pTh1F:after,.tipsy-se .tipsy-inner:after{
  531. border-radius:0;
  532. border-right:8px solid transparent!important;
  533. border-top:8px solid var(--outline-lightcolor)!important;
  534. border-left:8px solid transparent!important
  535. }
  536. .tooltip-1OS-Ti.brand-3tBTjG.left-1wV7VO:after,.tooltip-1OS-Ti.black-2bmmnj.left-1wV7VO:after{
  537. border-radius:0;
  538. border-left:8px solid var(--outline-lightcolor)!important;
  539. border-top:8px solid transparent!important;
  540. border-bottom:8px solid transparent!important
  541. }
  542. .tooltip-1OS-Ti.brand-3tBTjG.bottom-19kp6S:after,.tooltip-1OS-Ti.black-2bmmnj.bottom-19kp6S:after{
  543. border-radius:0;
  544. border-right:8px solid transparent!important;
  545. border-bottom:8px solid var(--outline-lightcolor)!important;
  546. border-left:8px solid transparent!important
  547. }
  548. .checkbox{
  549. width:8px;
  550. height:8px;
  551. background:#4c4c4c;
  552. background:linear-gradient(to bottom,#4c4c4c 0,#333 100%);
  553. border-radius:0!important;
  554. border:1px solid var(--outline-color)
  555. }
  556. .checkbox .checkbox-inner{
  557. height:8px;
  558. width:8px;
  559. border:0
  560. }
  561. .checkbox .checkbox-inner span{
  562. border:0;
  563. border-radius:0;
  564. background:linear-gradient(to bottom,#4c4c4c 0,#333 100%)
  565. }
  566. .checkbox .checkbox-inner input[type=checkbox]:checked+span{
  567. background:linear-gradient(to bottom,#9cc728 0,#7aa506 100%);
  568. transition:5.0
  569. }
  570. .checkbox .checkbox-inner input[type=checkbox]:checked+span:after{
  571. content:none
  572. }
  573. .checkbox .checkbox-inner+span{
  574. white-space:nowrap;
  575. color:var(--text-color);
  576. font-size:11px
  577. }
  578. .grabber-3mFHz2{
  579. border-radius:5px!important;
  580. margin-left:-6px!important
  581. }
  582. .bar-2Qqk5Z{
  583. background:linear-gradient(to bottom,#343434 0,#444 100%)!important;
  584. border-radius:0!important;
  585. border:1px solid var(--outline-color)
  586. }
  587. .barFill-23-gu-{
  588. background:linear-gradient(to bottom,#99c427 0,#699404 100%)!important
  589. }
  590. .bubble-3we2di{
  591. background:var(--channels-darker)!important;
  592. border:solid 1px var(--outline-lightcolor)!important;
  593. border-radius:1px;
  594. font-size:10px;
  595. color:var(--text-color)
  596. }
  597. .bubble-3we2di:before{
  598. border-top-color:var(--outline-lightcolor)
  599. }
  600. #friends{
  601. background:var(--channels-darker)!important
  602. }
  603. .friendsTable-133bsv{
  604. background:var(--chat-color)!important;
  605. border-top:1px solid var(--outline-lightcolor)
  606. }
  607. .tabBar-1E2ExX .primary-3j8BhM {
  608. background:linear-gradient(to bottom,#232323 0,#191919 100%)!important;
  609. border-radius:0!important;
  610. box-shadow:inset 0 0 0 1px #0a0a0a,inset 0 0 0 2px #323232;
  611. font-size:11px;
  612. padding:5px 15px 5px 15px!important;
  613. color:var(--text-color)!important
  614. }
  615. .item-3HpYcP.item-3HpYcP-primary:hover{
  616. background:linear-gradient(to bottom,#282828 0,#1e1e1e 100%)!important
  617. }
  618. .item-3HpYcP.item-3HpYcP-primary.selected{
  619. background:linear-gradient(to bottom,#1e1e1e 0,#0f0f0f 100%)!important;
  620. color:var(--primary-color)!important
  621. }
  622. .item-3HpYcP.selected{
  623. border-radius:0!important;
  624. background:var(--outline-lightcolor)!important;
  625. color:var(--primary-color)!important
  626. }
  627. .item-3HpYcP:hover{
  628. border-radius:0!important;
  629. background:var(--outline-lightcolor)!important
  630. }
  631. .theme-dark .topPill-30KHOu .itemSelected-1qLhcL {
  632. background-color: transparent;
  633. color: var(--channels-text-selected);
  634. }
  635. .friendsTable-133bsv .friendsRow-2yicud:hover{
  636. border-radius:0!important;
  637. background:var(--outline-lightcolor)!important
  638. }
  639. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friends-action:hover{
  640. background-color:var(--outline-color)!important
  641. }
  642. .privateChannels-1nO12o .channel-2QD9_O.selected-1HYmZZ a,.privateChannels-1nO12o .channel-2QD9_O a:hover{
  643. background: var(--channels-selected);
  644. color:var(--text-color)!important;
  645. margin-right:10px!important
  646. }
  647. .theme-dark .headerBar-UHpsPw {
  648. background: var(--channels-darker);
  649. }
  650. .theme-dark .container-3gCOGc {
  651. background: var(--chat-color)!important;
  652. }
  653. .friend-table-add-wrapper .friend-table-add-header{
  654. background:var(--channels-darker)!important;
  655. border-bottom:1px solid var(--outline-lightcolor)!important;
  656. box-shadow:none!important;
  657. padding-top:10px
  658. }
  659. .friend-table-add-wrapper h2{
  660. font-size:12px!important
  661. }
  662. .friend-table-add-wrapper h3{
  663. font-size:11px!important
  664. }
  665. .friend-table-add-wrapper .friend-table-add-description{
  666. font-size:11px!important
  667. }
  668. .wrapper-3JPufy{
  669. padding-right:5px
  670. }
  671. .inner-2Y6JuD{
  672. border-radius:1px;
  673. border-color:var(--outline-lightcolor);
  674. background-color:var(--chat-color)
  675. }
  676. .wrapper-1cBijl{
  677. border-radius:0!important;
  678. background:var(--text-input)!important;
  679. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010
  680. }
  681. .friend-table-suggestions-header{
  682. padding:20px 30px 16px!important
  683. }
  684. .btn{
  685. background:var(--primary-color)!important
  686. }
  687. .modal-3HD5ck{
  688. border-radius:0;
  689. background:var(--channels-darker)!important;
  690. box-shadow:inset 0 0 0 1px #0a0a0a,inset 0 0 0 2px #323232!important
  691. }
  692. .h4-AQvcAz{
  693. font-size:13px;
  694. color:var(--text-color)!important
  695. }
  696. .primary-jw0I4K{
  697. font-size:12px!important;
  698. color:var(--text-color)!important
  699. }
  700. .message-group-blocked{
  701. border-radius:0!important;
  702. background:var(--dropdown-color)!important
  703. }
  704. .message-group-blocked .message-group-blocked-btn{
  705. background:var(--channels-color)!important;
  706. font-size:11px
  707. }
  708. .theme-dark .isMentioned-N-h9aa .mention{
  709. color:var(--primary-color)!important;
  710. background:var(--mention-color)!important
  711. }
  712. .popout{
  713. box-shadow:none!important;
  714. border:var(--outline-lightcolor)!important
  715. }
  716. .userPopout-3XzG_A{
  717. border-radius:1px;
  718. box-shadow:0 0 0 1px #323232,0 0 0 2px #0a0a0a!important
  719. }
  720. .headerPlaying-j0WQBV,.headerNormal-T_seeN{
  721. background:var(--channels-darker)!important
  722. }
  723. .activity-11LB_k{
  724. background:var(--primary-color)
  725. }
  726. .body-3iLsc4,.footer-1fjuF6{
  727. background:var(--channels-color)!important
  728. }
  729. .textRow-19NEd_{
  730. font-size:13px
  731. }
  732. .quickMessage-2XpSaN{
  733. border-radius:0!important;
  734. background:var(--text-input)!important;
  735. border:0;
  736. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  737. font-size:11px
  738. }
  739. .role-2irmRk{
  740. font-size:10px
  741. }
  742. .note-3kmerW textarea{
  743. border-radius:0!important;
  744. background:var(--text-input)!important;
  745. border:0;
  746. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  747. font-size:11px
  748. }
  749. .searchResults-2J8dju-wrap{
  750. background:var(--channels-color)!important;
  751. border-left:1px solid var(--outline-lightcolor)
  752. }
  753. .searchHeader-1l-wpR{
  754. box-shadow:none!important;
  755. background:var(--channels-darker)!important;
  756. border-bottom:1px solid var(--outline-lightcolor)
  757. }
  758. .searchHeader-1l-wpR .tab-2Ixsn0.selected{
  759. color:var(--primary-color)!important;
  760. border-color:var(--primary-color)!important
  761. }
  762. .resultsWrapper-hoiXCY .channelSeparator-1X1FuH .channelName-1QajIf{
  763. background:none!important;
  764. font-size:13px
  765. }
  766. .resultsWrapper-hoiXCY .searchResult-3pzFAB:before,.searchResults-2J8dju-wrap .searchResult-3pzFAB:after{
  767. background:none!important
  768. }
  769. .resultsWrapper-hoiXCY .searchResult-3pzFAB .hit{
  770. background:var(--outline-lightcolor)!important;
  771. border-radius:1px;
  772. border:1px solid var(--outline-color)!important;
  773. box-shadow:none!important
  774. }
  775. .search-popout{
  776. box-shadow:none!important;
  777. background:var(--channels-color);
  778. box-shadow:0 0 0 1px #323232,0 0 0 2px #0a0a0a!important;
  779. border-radius:0
  780. }
  781. .search-popout .option{
  782. font-size:13px;
  783. height:24px
  784. }
  785. .search-popout .option.selected:before{
  786. height:24px
  787. }
  788. .search-popout .option.selected{
  789. background:var(--outline-lightcolor)
  790. }
  791. .search-popout .search-option .filter,.option.history .answer{
  792. color:var(--text-darker)
  793. }
  794. .search-popout .option:after,.search-popout .option.selected:after{
  795. background:0
  796. }
  797. .search-popout .search-query{
  798. border-bottom:0
  799. }
  800. .system-message{
  801. font-size:13px
  802. }
  803. .topSectionNormal-2-vo2m{
  804. background:var(--channels-darker)!important
  805. }
  806. .body-3ND3kc{
  807. background:var(--channels-color)!important
  808. }
  809. .tabBar-1E2ExX .item-3HpYcP.selected{
  810. border-color:var(--primary-color)!important;
  811. background:none!important
  812. }
  813. .tabBar-1E2ExX .item-3HpYcP:hover{
  814. background:none!important
  815. }
  816. .topSectionPlaying-1J5E4n{
  817. background:var(--channels-darker)
  818. }
  819. .autocomplete-1vrmpx{
  820. background:var(--channels-darker)!important;
  821. border:1px solid var(--outline-lightcolor)
  822. }
  823. .selectorSelected-1_M1WV{
  824. border-radius:1px;
  825. background:var(--channels-color)!important
  826. }
  827. .buttonBrandInvertedDefault-uUmgsD{
  828. background:var(--primary-color)!important;
  829. color:#fff
  830. }
  831. .chat-3bRxxu .newMessagesBar-mujexs{
  832. background:var(--primary-color)!important
  833. }
  834. /*.unread-2OHH1w{
  835. background:var(--primary-color)!important
  836. }*/
  837. .emojiPicker-3m1S-j{
  838. background:none!important
  839. }
  840. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ {
  841. background:none!important
  842. }
  843. .emojiPicker-3m1S-j .stickyHeader-1SS0JU{
  844. background:0
  845. }
  846. .emojiPicker-3m1S-j .category-2U57w6{
  847. color:var(--primary-color)
  848. }
  849. .searchBar-2_Yu-C.searchBarLight-1NxoDG .searchBarInner-1_Tg2R{
  850. border-radius:0!important;
  851. background:var(--text-input)!important;
  852. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010
  853. }
  854. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S{
  855. border-bottom-color:var(--primary-color)
  856. }
  857. .emojiPicker-3m1S-j .scroller-3vODG7 .emojiItem-109bjA.selected-39BZ4S{
  858. background-color:var(--dropdown-color)
  859. }
  860. .searchBar-2_Yu-C input{
  861. font-size:12px!important
  862. }
  863. .form header{
  864. color:var(--primary-color)!important
  865. }
  866. .form-deprecated,.form.deprecated{
  867. background:var(--channels-darker)!important;
  868. box-shadow:inset 0 0 0 1px var(--outline-lightcolor)
  869. }
  870. .form-deprecated .form-inner,.form.deprecated .form-inner{
  871. background:none!important
  872. }
  873. .form-deprecated .form-actions,.form.deprecated .form-actions{
  874. background:none!important;
  875. border-color:var(--outline-lightcolor)
  876. }
  877. .create-guild-container.deprecated .action{
  878. background:var(--channels-color);
  879. border:1px solid var(--outline-lightcolor)
  880. }
  881. .create-guild-container.deprecated .action.join:hover .btn{
  882. background-color:var(--primary-color)!important
  883. }
  884. .form-deprecated .btn-default,.form.deprecated .btn-default,.form-deprecated .btn-default:hover,.form.deprecated .btn-default:hover{
  885. background:none!important;
  886. border-bottom:0;
  887. color:var(--text-color)!important
  888. }
  889. .create-guild-container.deprecated .join-server h5{
  890. font-size:14px;
  891. color:var(--primary-color)
  892. }
  893. .create-guild-container.deprecated p{
  894. font-size:12px
  895. }
  896. .bd-blue .create-guild-container .join-server .sample-link{
  897. font-size:13px
  898. }
  899. .guild-form li .control-group input[type=text]{
  900. padding-left:10px
  901. }
  902. .form.deprecated .control-group input[type=text]{
  903. border-radius:0!important;
  904. background:var(--text-input)!important;
  905. border:0;
  906. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  907. color:var(--text-color);
  908. font-size:12px
  909. }
  910. .form.deprecated .control-group input[type=text]:focus{
  911. border:0
  912. }
  913. .bd-blue .avatar-uploader-inner{
  914. background:var(--primary-color)!important
  915. }
  916. .regionSelect-3lf4eE .regionSelectInner-24f4Ce,.regionSelect-3lf4eE:hover .regionSelectInner-24f4Ce,.regionSelect-3lf4eE:hover button{
  917. border-radius:1px;
  918. border-color:var(--outline-lightcolor)
  919. }
  920. .regionSelect-3lf4eE button,.regionSelect-3lf4eE:hover button{
  921. border-radius:1px;
  922. border-color:var(--outline-lightcolor);
  923. color:var(--text-color);
  924. background:var(--channels-color)
  925. }
  926. .regionSelectModal-12e-57{
  927. background:var(--channels-darker)
  928. }
  929. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3{
  930. background:var(--channels-color);
  931. border:1px solid var(--outline-lightcolor)
  932. }
  933. .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover{
  934. border-color:var(--primary-color)
  935. }
  936. .containerCozy-jafyvG a{
  937. color:var(--link-color)!important
  938. }
  939. .wrapper-2NJDcI{
  940. background:#232529
  941. }
  942. .themed-popout{
  943. background:var(--channels-color)!important;
  944. border-radius:1px!important;
  945. border:1px solid var(--outline-lightcolor)!important
  946. }
  947. .themed-popout .header{
  948. background:var(--channels-darker)!important;
  949. box-shadow:none!important;
  950. border-bottom:1px solid var(--outline-lightcolor)
  951. }
  952. .themed-popout .footer{
  953. background:none!important;
  954. border-top:1px solid var(--outline-lightcolor)
  955. }
  956. .private-channel-recipients-invite .friend{
  957. background:var(--channels-color)!important
  958. }
  959. .searchBar-2_Yu-C .searchBarInner-1_Tg2R{
  960. border-radius:0!important;
  961. background:var(--text-input)!important;
  962. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010
  963. }
  964. .private-channel-recipients-invite .footer button{
  965. background:var(--primary-color)!important
  966. }
  967. .video-2jNDI4{
  968. background:var(--channels-color);
  969. border-bottom:1px solid var(--outline-lightcolor)
  970. }
  971. .footer-2yfCgX{
  972. background:none!important
  973. }
  974. .tiles-2aXG_k{
  975. background:var(--channels-color)!important
  976. }
  977. .selectorButtonSelected-1j4DmC,.buttonBrandFilled-3Mv0Ra,.buttonBrandFilled-3Mv0Ra:hover,.buttonBrandFilled-3Mv0Ra:active{
  978. background:var(--primary-color)
  979. }
  980. .imageSelected-4Kl81J{
  981. border-color:var(--primary-color)
  982. }
  983. .quickswitcher-3JagVE{
  984. background:var(--channels-darker)!important;
  985. border-radius:1px;
  986. border:1px solid var(--outline-lightcolor);
  987. box-shadow:none
  988. }
  989. .input-2VB9rf{
  990. border-radius:0!important;
  991. background:var(--text-input)!important;
  992. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010!important;
  993. color:var(--text-color)!important
  994. }
  995. .note-3HfJZ5{
  996. margin-left:0
  997. }
  998. .note-3kmerW textarea{
  999. padding-top:6px;
  1000. padding-left:10px
  1001. }
  1002. .form-deprecated .form-header,.form.deprecated .form-header{
  1003. background:0
  1004. }
  1005. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .form-header header{
  1006. color:var(--primary-color);
  1007. font-size:14px
  1008. }
  1009. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .blurb-zsamaY{
  1010. color:var(--text-color);
  1011. font-size:11px
  1012. }
  1013. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .checkbox .checkbox-inner span{
  1014. border:0
  1015. }
  1016. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .expireText-34b09Y{
  1017. color:var(--text-color)
  1018. }
  1019. .cclipboardInputInner-1EXMA3{
  1020. border-radius:0!important;
  1021. background:var(--text-input)!important;
  1022. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  1023. border:none!important
  1024. }
  1025. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .clipboardInputInner-RLx2hK input{
  1026. background:0;
  1027. font-size:16px;
  1028. color:var(--primary-color)
  1029. }
  1030. .wrapper-O5i5-0 .instantInviteModal-3vhcvC .copy-3nFbq8{
  1031. background:var(--primary-color);
  1032. border:0;
  1033. font-size:11px
  1034. }
  1035. .cclipboardInputInner-1EXMA3 button:first-of-type:before{
  1036. background:none!important
  1037. }
  1038. .wrapper-O5i5-0{
  1039. background:0
  1040. }
  1041. .Select-control,.Select-control:hover,.Select-control:active{
  1042. border-radius:0!important;
  1043. background:var(--text-input)!important;
  1044. box-shadow:inset 0 0 0 1px #323232,inset 0 0 0 2px #101010;
  1045. border:none!important
  1046. }
  1047. .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{
  1048. color:var(--text-color)
  1049. }
  1050. .wrapper-O5i5-0 .instantInviteModalAdvanced-3qJETM .checkbox .checkbox-inner span{
  1051. border:0
  1052. }
  1053. .Select-option,.Select-option.is-focused{
  1054. background:none!important;
  1055. color:var(--text-color)!important
  1056. }
  1057. .Select-menu-outer{
  1058. background:var(--channels-color);
  1059. border:1px solid var(--outline-lightcolor)
  1060. }
  1061.  
  1062. .titleWrapper-1l0xT9 {
  1063. background:var(--channels-darker);
  1064. }
  1065.  
  1066. .theme-dark .members-1998pB {
  1067. background:var(--channels-darker);
  1068. }
  1069.  
  1070. .theme-dark .messageGroupWrapper-o-Zw7G {
  1071. background-color: var(--chat-color);
  1072. border-color: var(--outline-lightcolor);
  1073. border-radius: 0px;
  1074. border-width: 1px;
  1075. }
  1076.  
  1077. .theme-dark .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI {
  1078. color: var(--important-notification);
  1079. }
  1080.  
  1081. .theme-dark .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:after, .theme-dark .divider-3gKybi.dividerRed-MKoLlr .dividerContent-2L12VI:before {
  1082. border-color: var(--important-notification-l);
  1083. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement