Guest User

Untitled

a guest
Feb 20th, 2017
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 130.57 KB | None | 0 0
  1. .message-group-blocked {
  2. display:
  3. }
  4.  
  5. /*
  6.  
  7. */
  8.  
  9. /* Main background and settings background */
  10.  
  11. .app {
  12. background:url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT3vcNrwX0F3ZyGzMPdSJ2Mpp7WDBKvqXTsw75i68iUrYNmEisf9Q)!important;
  13. background-size:cover!important;
  14. }
  15.  
  16. .callout-backdrop {
  17. background:url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT3vcNrwX0F3ZyGzMPdSJ2Mpp7WDBKvqXTsw75i68iUrYNmEisf9Q)!important;
  18. background-size:cover!important;
  19. opacity:.95!important
  20. }
  21.  
  22. /* Embed Left Borders and Background */
  23.  
  24. /* Background */
  25. .theme-dark .message-group .embed {
  26. background-color:rgba(25,25,25,.75);
  27. border:none;
  28. border-radius:0
  29. }
  30.  
  31. /* Commits */
  32. .theme-dark .message-group .embed-wrapper .embed-color-pill[style*='background-color: rgb(114, 137, 218);'] {
  33. background-color:green!important
  34. }
  35.  
  36. /* Issues */
  37. .theme-dark .message-group .embed-wrapper .embed-color-pill[style*='background-color: rgb(235, 100, 32);'] {
  38. background-color:yellow!important
  39. }
  40.  
  41. /* Pull Requests Opened */
  42. .theme-dark .message-group .embed-wrapper .embed-color-pill[style*='background-color: rgb(0, 152, 0);'] {
  43. background-color:yellow!important
  44. }
  45.  
  46. /* Issues, Pull Requests Closed | Website links etc. */
  47. .theme-dark .message-group .embed-wrapper .embed-color-pill {
  48. background-color:#900;
  49. border-radius:0
  50. }
  51.  
  52.  
  53. /* If you want to remove titles, descriptions, etc. change display: to display:none and border: to border:none */
  54.  
  55. .embed .embed-provider, .embed .embed-author, .embed .embed-title, .embed .embed-description, .embed.embed-link .embed-thumbnail {
  56. display:;
  57. border:
  58. }
  59.  
  60. /*
  61. _ _
  62. ___ ___ _ __ ___ ___| | ___ _ __ ___ ___ _ __ | |_ ___
  63. / __/ _ \| '__/ _ \ / _ \ |/ _ \ '_ ` _ \ / _ \ '_ \| __/ __|
  64. | (_| (_) | | | __/ | __/ | __/ | | | | | __/ | | | |_\__ \
  65. \___\___/|_| \___| \___|_|\___|_| |_| |_|\___|_| |_|\__|___/
  66.  
  67. */
  68.  
  69. span {
  70. backface-visibility:hidden!important
  71. }
  72.  
  73. textarea {
  74. background:transparent!important
  75. }
  76.  
  77. .user-popout .body .roles .member-roles {
  78. overflow-y:scroll;
  79. max-height:90px
  80. }
  81.  
  82. .user-popout .body .roles .member-roles::-webkit-scrollbar {
  83. background:none
  84. }
  85.  
  86. .user-popout .body .roles .member-roles::-webkit-scrollbar-thumb {
  87. background:#383838;
  88. border:2px solid transparent;
  89. background-clip:content-box
  90. }
  91.  
  92. .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  93. border:1px solid transparent!important;
  94. background-color:rgba(35,35,35,.75)!important;
  95. border-radius:0px;
  96. background-clip:content-box!important
  97. }
  98.  
  99. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  100. border:none!important;
  101. background:none!important;
  102. }
  103.  
  104. .tab-bar.SIDE::-webkit-scrollbar {
  105. background:transparent!important
  106. }
  107.  
  108. .tab-bar.SIDE::-webkit-scrollbar-thumb {
  109. background:#383838!important;
  110. border:2px solid #232323!important
  111. }
  112.  
  113. div.scroller.settings-wrapper.settings-panel::-webkit-scrollbar-thumb {
  114. background:#383838!important;
  115. border:1px solid #191919!important
  116. }
  117.  
  118. .user-settings-modal-games.scroller::-webkit-scrollbar-thumb {
  119. background:#383838!important;
  120. border:1px solid #191919!important
  121. }
  122.  
  123. .user-settings-modal-connections .user-settings-modal-connections-list::-webkit-scrollbar-thumb {
  124. background:#383838!important;
  125. border:1px solid #191919!important
  126. }
  127.  
  128. .settings .settings-inner .settings-panel::-webkit-scrollbar-thumb {
  129. background:#383838!important;
  130. border:1px solid #191919!important
  131. }
  132.  
  133. .settings .settings-inner .settings-panel-with-header::-webkit-scrollbar-thumb {
  134. background:#383838!important;
  135. border:1px solid #383838!important
  136. }
  137.  
  138. #settings-roles .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  139. background:#383838!important;
  140. border:1px solid #383838!important
  141. }
  142.  
  143. .Select-menu::-webkit-scrollbar {
  144. background:transparent!important
  145. }
  146.  
  147. .Select-menu::-webkit-scrollbar-thumb {
  148. background:#383838!important;
  149. border:2px solid transparent!important;
  150. background-clip:content-box!important
  151. }
  152.  
  153. .change-log.markdown-modal .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  154. background:#383838!important;
  155. border:1px solid #191919!important
  156. }
  157.  
  158. div.scroller.settings-wrapper.settings-panel {
  159. overflow-y:scroll
  160. }
  161.  
  162. /*
  163.  
  164. */
  165. .links,.help-container {
  166. display:none
  167. }
  168.  
  169. /*
  170. */
  171. .links,.chat,.typing,.content,.guild-channels,.private-channels,.guild-header header,.divider-red span,.messages-wrapper,#voice-connection {
  172. background:transparent!important
  173. }
  174.  
  175. /* Server list area */
  176. .guilds-wrapper {
  177. background:rgba(0,0,0,0.65)!important;
  178. width:68px;
  179. min-width:68px!important
  180. }
  181.  
  182. /* Channels list area */
  183. .channels-wrap {
  184. box-shadow:inset 0 0 0 -6px rgba(0,0,0,1);
  185. background:rgba(0,0,0,0.55)
  186. }
  187.  
  188. /* Chat area */
  189. .content .flex-spacer {
  190. box-shadow:inset 10px 10px 5px -6px rgba(0,0,0,1);
  191. background:rgba(0,0,0,0.65)
  192. }
  193.  
  194. /* User list area */
  195. .channel-members {
  196. box-shadow:inset 0 10px 5px -6px rgba(0,0,0,1);
  197. background:rgba(0,0,0,0.65)!important
  198. }
  199.  
  200. /*
  201. _ _ _ _ _
  202. ___ ___ _ ____ _____ _ __ | (_)___| |_ ___ ___ ___| |_(_) ___ _ __
  203. / __|/ _ \ '__\ \ / / _ \ '__| | | / __| __| / __|/ _ \/ __| __| |/ _ \| '_ \
  204. \__ \ __/ | \ V / __/ | | | \__ \ |_ \__ \ __/ (__| |_| | (_) | | | |
  205. |___/\___|_| \_/ \___|_| |_|_|___/\__| |___/\___|\___|\__|_|\___/|_| |_|
  206.  
  207. */
  208. .create-guild-container {
  209. background-color:#191919!important
  210. }
  211.  
  212. .create-guild-container .action {
  213. background:rgba(25,25,25,0);
  214. box-shadow:0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1)!important;
  215. border-radius:0
  216. }
  217.  
  218. .create-guild-container .create-or-join .actions .or {
  219. -webkit-filter:opacity(0.0) invert();
  220. color:#000
  221. }
  222.  
  223. .create-guild-container .action.create .action-header {
  224. color:#e5e5e5
  225. }
  226.  
  227. .create-guild-container .action.create .btn-primary {
  228. background-color:#343434!important
  229. }
  230.  
  231. .create-guild-container .action.create:hover .btn-primary {
  232. background-color:#900!important
  233. }
  234.  
  235. .guilds-wrapper {
  236. box-shadow:inset -10px 0 5px -6px rgba(0,0,0,1)
  237. }
  238.  
  239. .guilds-wrapper .guilds-error {
  240. border-radius:0;
  241. margin-top:-9px;
  242. border:0;
  243. height:45px!important;
  244. width:50px;
  245. right:-2px;
  246. position:relative
  247. }
  248.  
  249. .guild-header ul {
  250. background:#191919!important;
  251. opacity:1!important;
  252. transition:transform .5s cubic-bezier(0.18,0.89,0.32,1.28)!important;
  253. padding-top:100px;
  254. top:-56px
  255. }
  256.  
  257. .guild-header-open ul {
  258. opacity:1!important
  259. }
  260.  
  261. .guilds-add {
  262. opacity:0.5
  263. }
  264.  
  265. .guilds-wrapper {
  266. border-right:none
  267. }
  268.  
  269. .guild-header header span {
  270. margin-left:-10px
  271. }
  272.  
  273. .guild-header header {
  274. box-shadow:none!important;
  275. color:#e5e5e5
  276. }
  277.  
  278. .guild-channels header h2 {
  279. padding:0 18px
  280. }
  281.  
  282. .guild-channels .channel a {
  283. opacity:1;
  284. color:#b2b2b2
  285. }
  286.  
  287. .guild-channels .channel-text a {
  288. padding:8px 6px 10px 18px
  289. }
  290.  
  291. .guild-channels .channel-text .channel-name:before {
  292. content:"#";
  293. color:inherit!important
  294. }
  295. .guild-channels .toggle-muted-text-channels a {
  296. opacity:1;
  297. color:#b2b2b2
  298. }
  299.  
  300. .guild-channels .toggle-muted-text-channels a:hover {
  301. color:#e5e5e5
  302. }
  303.  
  304. .guild-channels .channel-text.channel-muted:not(.selected) span {
  305. opacity:1;
  306. color:#7f7f7f
  307. }
  308.  
  309. .guild-channels .channel-text.channel-muted:not(.selected):hover span {
  310. color:#b2b2b2
  311. }
  312.  
  313. .guild-channels header h2,.guild-channels ul .channel a {
  314. color:#ccc;
  315. opacity:.8
  316. }
  317.  
  318. .guilds {
  319. padding:18px 20px 85px
  320. }
  321.  
  322. div.guild.active {
  323. opacity:1!important
  324. }
  325.  
  326. .guilds-wrapper .guilds {
  327. padding-left:0px
  328. }
  329.  
  330. .guilds-wrapper .guilds-add {
  331. font-size:30px;
  332. background:transparent;
  333. border-radius:0px;
  334. width:40px!important;
  335. height:40px!important;
  336. margin-left:2px;
  337. margin-top:-2px!important
  338. }
  339.  
  340. .guilds .guild-inner {
  341. background:transparent!important
  342. }
  343.  
  344. .guilds .active .guild-inner {
  345. background:transparent!important
  346. }
  347.  
  348. .guilds .guild-inner:hover {
  349. background:transparent!important
  350. }
  351.  
  352. .guilds-wrapper .guilds .guild .guild-inner {
  353. border-radius:0px!important;
  354. line-height:40px;
  355. width:50px;
  356. height:50px;
  357. margin-left:-5px;
  358. padding-left:7px;
  359. padding-top:10px;
  360. border:none!important;
  361. position:relative;
  362. top:-20px!important
  363. }
  364.  
  365. .guilds-wrapper .guilds .guild .guild-inner a {
  366. width:50px!important;
  367. height:50px!important;
  368. background-size:50px 50px!important;
  369. border-radius:0px!important
  370. }
  371.  
  372. .guilds-wrapper .guilds .friends-icon {
  373. width:40px!important;
  374. height:40px!important;
  375. background-size:30px 25px;
  376. position:relative;
  377. margin-left:5px;
  378. bottom:-10px
  379. }
  380.  
  381. .guilds-wrapper .guilds .guild+.guild {
  382. width:50px!important;
  383. height:42px!important;
  384. background-size:50px 50px!importan
  385. }
  386.  
  387. .guilds-wrapper .guilds .guild {
  388. height:42px!important
  389. }
  390.  
  391. .guilds-wrapper .guilds .guild .badge {
  392. bottom:34px!important;
  393. right:14px
  394. }
  395.  
  396. .guilds-wrapper .guilds .guild:not(.selected) {
  397. opacity:.5
  398. }
  399.  
  400. .guilds-wrapper .guilds .guild:not(.selected):hover {
  401. opacity:.75
  402. }
  403.  
  404. .guilds-wrapper .guilds .guild.audio .guild-inner:after {
  405. background-size:16px;
  406. background-color:transparent;
  407. top:40px!important;
  408. right:-3px
  409. }
  410.  
  411. .guilds-wrapper .guild-separator:after {
  412. background:#e5e5e5;
  413. display:none
  414. }
  415.  
  416. .guilds .guild-inner:before {
  417. left:-24px
  418. }
  419.  
  420. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  421. background:#e5e5e5!important;
  422. border-radius:0!important;
  423. width:3px!important;
  424. left:8px!important
  425. }
  426.  
  427. .guilds-wrapper .guilds .guild.selected:before {
  428. top:30px;
  429. display:none
  430. }
  431.  
  432. .guilds-wrapper .guilds .guild.unread:before {
  433. left:52px!important;
  434. height:50px;
  435. border-radius:0;
  436. background:#900;
  437. top:-4px;
  438. width:12%
  439. }
  440.  
  441. .guilds li.active .guild-inner:before {
  442. background:#e5e5e5!important
  443. }
  444.  
  445. .guilds-wrapper .guilds .friends-online {
  446. color:#e5e5e5;
  447. font-size:9.5px;
  448. margin-left:0px;
  449. line-height:20px;
  450. width:55px;
  451. height:20px;
  452. border-radius:8px;
  453. overflow:hidden;
  454. background:transparent;
  455. }
  456.  
  457. .guilds-error {
  458. width:40px;
  459. height:40px;
  460. line-height:36px
  461. }
  462.  
  463. .guild-channels header {
  464. opacity:1;
  465. color:#ccc
  466. }
  467.  
  468. .guild-channels header:hover {
  469. color:#e5e5e5
  470. }
  471.  
  472. .guild-channels header h2,.private-channels header {
  473. opacity:1
  474. }
  475.  
  476. .private-channels .search-bar {
  477. background:rgba(0,0,0,0)!important;
  478. border-radius:0
  479. }
  480.  
  481. .search-bar input::-webkit-input-placeholder {
  482. color:#e5e5e5
  483. }
  484.  
  485. .private-channels .search-bar input {
  486. background:#232323!important;
  487. color:#e5e5e5
  488. }
  489.  
  490. .guild-channels .channel.selected,.private-channels .channel.selected,.private-channels .search-result.selected,.private-channels .search-result:hover {
  491. background:#191919!important;
  492. width:90%;
  493. border-radius:0px;
  494. padding-right:10px
  495. }
  496.  
  497. .guild-channels .channel:not(.selected):hover {
  498. background:none!important;
  499. width:90%;
  500. border-radius:8px;
  501. padding-right:10px;
  502. }
  503.  
  504. .private-channels .channel:not(.selected):hover {
  505. background:none!important;
  506. width:90%;
  507. border-radius:8px;
  508. padding-right:10px
  509. }
  510.  
  511. .guild-channels .channel-voice:not(.selected) {
  512. width:82%!important;
  513. border-radius:8px!important;
  514. padding-right:18px!important
  515. }
  516.  
  517. .guild-channels .channel-text:not(.selected):hover {
  518. width:100%!important;
  519. padding-right:10px!important
  520. }
  521.  
  522. .guild-channels .channel:not(.selected):before,.guild-channels .channel.selected:before,.guild-channels .channel.selected:hover:before,.private-channels .channel:not(.selected):before,.private-channels .channel.selected:before,.private-channels .channel.selected:hover:before,.private-channels .search-result.selected:before,.private-channels .search-result:hover:before {
  523. border-left:none!important;
  524. }
  525.  
  526. .private-channels .search-result.selected,.private-channels .search-result:hover {
  527. width:80%!important
  528. }
  529.  
  530. .private-channels .channel .icon-friends {
  531. background-color:transparent!important;
  532. border-radius:0
  533. }
  534.  
  535. .private-channels .channel.selected .icon-friends {
  536. background-color:transparent!important
  537. }
  538.  
  539. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  540. left:-8px
  541. }
  542.  
  543. .theme-dark #friends .friends-header {
  544. background-color:rgba(0,0,0,.55)!important;
  545. border-bottom:0!important;
  546. box-shadow:inset 10px 0 5px -6px
  547. }
  548.  
  549. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected {
  550. color:#e5e5e5;
  551. background-color:#191919
  552. }
  553.  
  554. .theme-dark #friends .friends-header .tab-bar .tab-bar-item:not(.selected):hover {
  555. background-color:#232323
  556. }
  557.  
  558. .theme-dark #friends .friends-table .friends-table-header .friends-column {
  559. color:#e5e5e5
  560. }
  561.  
  562. .theme-dark #friends .friends-table .friends-row .friends-column {
  563. color:#ccc
  564. }
  565.  
  566. .theme-dark #friends .friends-table .friends-row+.friends-row {
  567. border-top:none
  568. }
  569.  
  570. .private-channels .channel.selected .channel-name {
  571. color:#e5e5e5;
  572. opacity:1
  573. }
  574.  
  575. .private-channels .channel .channel-name {
  576. color:#b2b2b2;
  577. opacity:1
  578. }
  579.  
  580. .private-channels .channel .avatar-small {
  581. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  582. inset 1px -1px 8px #000,1px -1px 8px #000;
  583. border-radius:0
  584. }
  585.  
  586. .guild-channels .channel-voice-states li {
  587. color:#7f7f7f
  588. }
  589.  
  590. .guild-channels .channel-voice-states li:hover {
  591. color:#e5e5e5
  592. }
  593.  
  594. .guild-channels .channel-voice.audio li {
  595. color:#7f7f7f
  596. }
  597.  
  598. .guild-channels .channel-voice-states li.speaking {
  599. color:#E5AC39!important
  600. }
  601.  
  602. .guild-channels .channel-voice.audio li:hover {
  603. color:#e5e5e5
  604. }
  605.  
  606. .guild-channels .channel-voice-states li .avatar-small {
  607. border-radius:0px;
  608. box-shadow:-1px 1px 4px #000,inset -1px 1px 4px #000,
  609. inset 1px -1px 4px #000,1px -1px 4px #000!important;
  610. border:none
  611. }
  612.  
  613. .guild-channels .channel-voice-states li.speaking .avatar-small {
  614. border:none;
  615. color:#900
  616. }
  617.  
  618. .guild-channels .channel-user-limit {
  619. position:relative;
  620. left:17px;
  621. background:rgba(35,35,35,1);
  622. display:block!important
  623. }
  624.  
  625. .guild-channels .channel .channel-name {
  626. padding-right:1px
  627. }
  628.  
  629. .private-channels .channel:hover .channel-name {
  630. color:#e5e5e5!important
  631. }
  632.  
  633. /*If you want the channel hover buttons back change none to inline block */
  634.  
  635. .guild-channels .icon-instant-invite {
  636. display:none!important
  637. }
  638.  
  639. .guild-channels .icon-settings {
  640. display:none!important
  641. }
  642.  
  643. /*----------------------------------------------------------------------*/
  644.  
  645. .guild-channels .channel-voice.drop-target {
  646. background:rgba(35,35,35,.50);
  647. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  648. inset 1px -1px 8px #000,1px -1px 8px #000;
  649. padding:8px 6px 10px 20px;
  650. width:82!important
  651. }
  652.  
  653. .guild-channels .channel.sorting:after {
  654. border:2px solid #900
  655. }
  656.  
  657. .new-messages-indicator.new-messages-indicator-mention {
  658. background:rgba(35,35,35,.9)
  659. }
  660.  
  661. .new-messages-indicator.new-messages-indicator-mention:hover {
  662. background:#900
  663. }
  664.  
  665. /*
  666. _ _ _ _
  667. ___| |__ __ _ _ __ _ __ ___| |___ ___ ___ ___| |_(_) ___ _ __
  668. / __| '_ \ / _` | '_ \| '_ \ / _ \ / __| / __|/ _ \/ __| __| |/ _ \| '_ \
  669. | (__| | | | (_| | | | | | | | __/ \__ \ \__ \ __/ (__| |_| | (_) | | | |
  670. \___|_| |_|\__,_|_| |_|_| |_|\___|_|___/ |___/\___|\___|\__|_|\___/|_| |_|
  671.  
  672. */
  673. .btn-hamburger {
  674. margin-right:-18px
  675. }
  676.  
  677. .btn-hamburger span {
  678. background:#fff
  679. }
  680.  
  681. .account {
  682. z-index:9;
  683. border-top:6px solid!important;
  684. width:240px;
  685. margin-left:0;
  686. padding:0!important;
  687. background:rgba(25,25,25,1);
  688. height:100px;
  689. box-sizing:border-box;
  690. color:#900;
  691. position:relative
  692. }
  693.  
  694. .account .status {
  695. border:0 solid rgba(0,0,0,1)
  696. }
  697.  
  698. .account .btn {
  699. background:transparent;
  700. box-shadow:none!important
  701. }
  702.  
  703. .account .btn:active {
  704. background:transparent
  705. }
  706.  
  707. .account .btn-settings:after {
  708. opacity:.3
  709. }
  710.  
  711. .account .btn-deafen,.account .btn-mute {
  712. border-right:0 solid #000
  713. }
  714.  
  715. #voice-connection {
  716. z-index:9;
  717. border-top:none!important;
  718. padding:5px 10px!important
  719. }
  720.  
  721. #voice-connection .btn {
  722. background:transparent;
  723. box-shadow:none!important;
  724. border:none
  725. }
  726.  
  727. #voice-connection .btn:active {
  728. background:transparent
  729. }
  730.  
  731. .account .btn-deafen,.account .btn-settings {
  732. box-shadow:none!important
  733. }
  734.  
  735. .account .btn-group {
  736. border:none;
  737. position:absolute;
  738. right:72px;
  739. top:60px
  740. }
  741.  
  742. #voice-connection .btn-group {
  743. border:none
  744. }
  745.  
  746. #voice-connection .voice-connection-channel {
  747. opacity:1;
  748. color:#ccc;
  749. text-decoration:none!important
  750. }
  751.  
  752. #voice-connection .voice-connection-channel:hover {
  753. color:#e5e5e5
  754. }
  755.  
  756. .account .avatar-small {
  757. opacity:1;
  758. right:-105px;
  759. top:-25px;
  760. border-radius:0;
  761. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  762. inset 1px -1px 8px #000,1px -1px 8px #000
  763. }
  764.  
  765. .account .account-details .username {
  766. display:none
  767. }
  768.  
  769. .account .account-details .discriminator {
  770. font-size:14px;
  771. color:#e5e5e5;
  772. text-indent:57px;
  773. font-style:italic;
  774. padding-top:10px;
  775. opacity:1
  776. }
  777.  
  778. .account .status {
  779. border:2px solid #191919
  780. }
  781.  
  782. /*
  783. _ _ _ _
  784. ___| |__ __ _| |_ ___ ___ ___| |_(_) ___ _ __
  785. / __| '_ \ / _` | __| / __|/ _ \/ __| __| |/ _ \| '_ \
  786. | (__| | | | (_| | |_ \__ \ __/ (__| |_| | (_) | | | |
  787. \___|_| |_|\__,_|\__| |___/\___|\___|\__|_|\___/|_| |_|
  788.  
  789. */
  790. .spinner-wandering-cubes .spinner-item {
  791. background-color:#900;
  792. width:15px;
  793. height:15px;
  794. border-radius:25px
  795. }
  796.  
  797. .chat .has-more button {
  798. color:#e5e5e5!important;
  799. background:rgba(25,25,25,.75)!important;
  800. border:hidden!important;
  801. box-shadow:none!important
  802. }
  803.  
  804. .highlight {
  805. color:#e5e5e5
  806. }
  807.  
  808. .mention {
  809. background:rgba(35,35,35,.75)!important;
  810. color:#ccc!important
  811. }
  812.  
  813. .mentioned .mention {
  814. background:rgba(35,35,35,.75)!important
  815. }
  816.  
  817. .emoji-picker {
  818. background:#191919!important;
  819. border:none
  820. }
  821.  
  822. .emote-menu-inner {
  823. background:#191919
  824. }
  825.  
  826. #bda-qem-favourite-container .scroller-wrap,#bda-qem-twitch-container .scroller-wrap {
  827. background:#191919;
  828. margin-top:-.6px
  829. }
  830.  
  831. #bda-qem {
  832. background:#232323
  833. }
  834.  
  835. #bda-qem button.active {
  836. background-color:#191919;
  837. color:#e5e5e5;
  838. margin-right:-.8px
  839. }
  840.  
  841. #bda-qem button {
  842. color:#ccc;
  843. box-shadow:none;
  844. border-left:0;
  845. border-right:0;
  846. margin-bottom:-.6px;
  847. margin-right:-.8px
  848. }
  849.  
  850. #bda-qem button:hover {
  851. background-color:#191919;
  852. color:#fff;
  853. margin-right:-.8px
  854. }
  855.  
  856. .emoji-picker .search-bar .search-bar-inner {
  857. border:none!important;
  858. background:none
  859. }
  860.  
  861. .emoji-picker .search-bar input {
  862. color:#e5e5e5;
  863. background-color:#232323;
  864. border:none
  865. }
  866.  
  867. .emoji-picker .search-bar input::-webkit-input-placeholder {
  868. color:#e5e5e5
  869. }
  870.  
  871. .emoji-picker .search-bar {
  872. background:#191919;
  873. border:none
  874. }
  875.  
  876. .emoji-picker .search-bar-clear {
  877. background:#191919;
  878. border:none
  879. }
  880.  
  881. .emoji-picker .sticky-header {
  882. background:#191919!important
  883. }
  884.  
  885. .emoji-picker .categories .item.selected {
  886. border-bottom-color:#e5e5e5;
  887. background-color:#232323
  888. }
  889.  
  890. .emoji-picker .category {
  891. background:#191919;
  892. color:#e5e5e5
  893. }
  894.  
  895. .emoji-picker .header {
  896. border-bottom:6px solid #900
  897. }
  898.  
  899. /* Emoji Reactions */
  900.  
  901. .theme-dark .reaction.reaction-me {
  902. background:rgba(25,25,25,.35);
  903. border-bottom:2px solid #900!important
  904. }
  905.  
  906. .theme-dark .reaction.reaction-me .reaction-count {
  907. color:#e5e5e5
  908. }
  909.  
  910. .theme-dark .reaction {
  911. background:rgba(30,30,30,.35);
  912. border-radius:0;
  913. border-bottom:2px solid #7f7f7f
  914. }
  915.  
  916. .theme-dark .reaction .reaction-count {
  917. color:#b2b2b2
  918. }
  919.  
  920. .message-reactions-modal .message-reactions-list-inner .reaction.selected {
  921. background-color:#191919;
  922. border-radius:0
  923. }
  924.  
  925. .message-reactions-modal .message-reactions-list-inner .reaction:not(.selected):hover {
  926. background-color:#383838!important;
  927. border-radius:0
  928. }
  929.  
  930. .message-reactions-modal .message-reactions-list .scroller-wrap {
  931. background-color:#232323
  932. }
  933.  
  934. .message-reactions-modal .message-reactions-list-inner {
  935. background-color:#232323
  936. }
  937.  
  938. div.message-reactions-list {
  939. background-color:#191919
  940. }
  941.  
  942. .message-reactions-modal .message-reactions-reactors {
  943. background-color:#191919;
  944. border-left:6px solid #900;
  945. }
  946.  
  947. .message-reactions-modal .message-reactions-reactors .reactor {
  948. box-shadow:none
  949. }
  950.  
  951. .message-reactions-modal .message-reactions-reactors .reactor .name {
  952. color:#e5e5e5
  953. }
  954.  
  955. .message-reactions-modal .message-reactions-list-inner .reaction .count {
  956. color:#ccc
  957. }
  958.  
  959. .message-reactions-modal .message-reactions-reactors .reactor:hover .remove {
  960. background-image:url(https://i.imgur.com/u6RwzJp.png)!important;
  961. background-repeat:no-repeat;
  962. background-position:bottom;
  963. background-size:22px 22px
  964. }
  965.  
  966. /**/
  967.  
  968. .title-wrap {
  969. box-shadow:inset 10px 0 5px -6px #000!important;
  970. border-bottom:0 solid rgba(0,0,0,0.3)!important;
  971. background:rgba(0,0,0,0.55)!important
  972. }
  973.  
  974. .bot-tag {
  975. color:#fff!important;
  976. background:#900
  977. }
  978.  
  979. /* Clyde Bot*/
  980.  
  981. .theme-dark .message-group.is-local-bot-message {
  982. background:#33333;
  983. background-image:none;
  984. box-shadow:none
  985. }
  986.  
  987. .theme-dark .message-group .local-bot-message {
  988. color:#b2b2b2
  989. }
  990.  
  991. /*----------*/
  992.  
  993. .form .form-inner .mentioned .highlight {
  994. background:rgba(35,35,35,.75)!important
  995. }
  996.  
  997. .form .form-inner .highlight {
  998. background:rgba(35,35,35,.75)
  999. }
  1000.  
  1001. .form .form-header {
  1002. color:#e5e5e5!important;
  1003. background:#191919;
  1004. border-bottom:6px solid #900;
  1005. border-color:#900!important
  1006. }
  1007.  
  1008. .form .form-actions {
  1009. border-top:6px solid #900
  1010. }
  1011.  
  1012. .markdown-modal,.form .form header,.form .form-inner,.form .form-actions,.need-help-modal .footer,.markdown-modal .markdown-modal-footer {
  1013. background:#191919!important
  1014. }
  1015.  
  1016. .form header {
  1017. color:#e5e5e5
  1018. }
  1019.  
  1020. .channel-notification-settings .content label,.notification-settings-modal .mute-server .checkbox .label span {
  1021. color:#ccc
  1022. }
  1023.  
  1024. .notification-settings-modal .notification-settings-modal-channel-settings-list {
  1025. box-shadow:none!important
  1026. }
  1027.  
  1028. .channel-notification-settings .content .content-inner {
  1029. box-shadow:none
  1030. }
  1031.  
  1032. .notification-settings-modal .notification-settings-modal-channel-settings-header label.title {
  1033. color:#ccc
  1034. }
  1035.  
  1036. .notification-settings-modal .notification-settings-modal-channel-settings-header label.subtitle {
  1037. color:#ccc
  1038. }
  1039.  
  1040. .channel-notification-settings {
  1041. border:hidden
  1042. }
  1043.  
  1044. .channel-notification-settings .content a {
  1045. color:#ccc
  1046. }
  1047.  
  1048. .markdown-modal .markdown-modal-header {
  1049. border-bottom:6px solid #900;
  1050. color:#e5e5e5
  1051. }
  1052.  
  1053. .markdown-modal .scroller-wrap .scroller {
  1054. color:#ccc
  1055. }
  1056.  
  1057. #user-profile-modal footer .btn.add-friend {
  1058. background:#232323;
  1059. color:#e5e5e5
  1060. }
  1061.  
  1062. #user-profile-modal footer .btn.add-friend:hover {
  1063. background:#900;
  1064. color:#e5e5e5
  1065. }
  1066.  
  1067. #user-profile-modal footer .btn.reject-friend {
  1068. background:#232323
  1069. }
  1070.  
  1071. #user-profile-modal footer .btn.reject-friend:hover {
  1072. background:#900
  1073. }
  1074.  
  1075. #user-profile-modal footer .pending p {
  1076. color:#ccc
  1077. }
  1078.  
  1079. #user-profile-modal footer {
  1080. border:hidden
  1081. }
  1082.  
  1083. #user-profile-modal .header .activity {
  1084. visibility:collapse;
  1085. font-size:0;
  1086. color:#b2b2b2
  1087. }
  1088.  
  1089. #user-profile-modal .header .activity strong {
  1090. visibility:visible;
  1091. font-size:14px
  1092. }
  1093.  
  1094. #user-profile-modal .header .discord-tag .discriminator,#user-profile-modal .header .discord-tag {
  1095. color:#e5e5e5
  1096. }
  1097.  
  1098. #user-profile-modal .empty .empty-text {
  1099. color:#ccc
  1100. }
  1101.  
  1102. #user-profile-modal .guilds .guild .guild-name {
  1103. color:#ccc
  1104. }
  1105.  
  1106. .small-popout-box {
  1107. background:#191919;
  1108. border:hidden;
  1109. color:#e5e5e5
  1110. }
  1111.  
  1112. .option-popout .btn-item {
  1113. color:#ccc
  1114. }
  1115.  
  1116. .option-popout .btn-item:hover {
  1117. color:#e5e5e5
  1118. }
  1119.  
  1120. .modal-content .user-name {
  1121. color:#e5e5e5
  1122. }
  1123.  
  1124. .modal-content .form-inner p {
  1125. color:rgba(255,255,255,0.7)
  1126. }
  1127.  
  1128. .chat .new-messages-bar {
  1129. background-color:rgba(35,35,35,.75)
  1130. }
  1131.  
  1132. .chat .new-messages-bar:hover {
  1133. background-color:rgba(25,25,25,.75)
  1134. }
  1135.  
  1136. .chat .new-messages-bar button:last-child {
  1137. color:#ccc
  1138. }
  1139.  
  1140. .theme-dark .chat .empty-message {
  1141. border:none;
  1142. background:none;
  1143. position:relative;
  1144. top:-15px
  1145. }
  1146.  
  1147. .chat-empty {
  1148. background:rgba(200,200,200,95)
  1149. }
  1150.  
  1151. .chat .empty-message h1 {
  1152. color:#ccc
  1153. }
  1154.  
  1155. .chat>.title-wrap>.title .channel-name {
  1156. color:#e5e5e5
  1157. }
  1158.  
  1159. .chat>.title-wrap>.topic {
  1160. font-size:14px;
  1161. margin-top:5px;
  1162. color:#e5e5e5!important
  1163. }
  1164.  
  1165. .chat>.title-wrap>.topic .aka {
  1166. background:#232323
  1167. }
  1168.  
  1169. .theme-dark .header-toolbar button.active {
  1170. background:#232323
  1171. }
  1172.  
  1173. .markdown-modal .highlight,.chat .title-wrap .topic .highlight {
  1174. background-color:rgba(35,35,35,.75)!important
  1175.  
  1176. }
  1177.  
  1178. .markdown-modal .highlight:hover,.chat .title-wrap .topic .highlight:hover {
  1179. background-color:rgba(25,25,25,.75)!important;
  1180. color:#e5e5e5!important
  1181. }
  1182.  
  1183. .upload-modal {
  1184. background:#191919
  1185. }
  1186.  
  1187. .upload-modal .footer {
  1188. background:#191919
  1189. }
  1190.  
  1191. .upload-modal .footer .button {
  1192. background:#232323;
  1193. margin:5px;
  1194. color:#ccc
  1195. }
  1196.  
  1197. .upload-modal .footer .button:hover {
  1198. background:#900;
  1199. color:#e5e5e5!important
  1200. }
  1201.  
  1202. .upload-modal .inner {
  1203. border:hidden
  1204. }
  1205.  
  1206. .upload-modal .inner .file .icon.image {
  1207. border:hidden
  1208. }
  1209.  
  1210. .upload-modal .inner .comment .label .optional {
  1211. color:#b2b2b2;
  1212. opacity:1
  1213. }
  1214.  
  1215. .upload-drop-modal {
  1216. background:#191919
  1217. }
  1218.  
  1219. .upload-drop-modal .bgScale {
  1220. background:#191919
  1221. }
  1222.  
  1223. .upload-drop-modal .inner .icons {
  1224. display:none
  1225. }
  1226.  
  1227. .chat .divider:not(.divider-red)>div {
  1228. background:rgba(255,255,255,0.2)!important
  1229. }
  1230.  
  1231. .chat .divider>span {
  1232. background:rgba(35,35,35,.75)!important;
  1233. font-size:12px;
  1234. text-transform:uppercase;
  1235. margin:10px 0;
  1236. border-radius:0;
  1237. opacity:1;
  1238. padding:5px 15px;
  1239. width:100%;
  1240. text-align:center
  1241. }
  1242.  
  1243. .chat .divider.divider-red>span {
  1244. background:rgba(35,35,35,.75)!important;
  1245. color:#ccc!important;
  1246. border-radius:0;
  1247. opacity:1!important
  1248. }
  1249.  
  1250. .chat .divider:not(.divider-red)>span {
  1251. color:#e5e5e5!important;
  1252. opacity:1!important
  1253. }
  1254.  
  1255. .chat .divider>div {
  1256. display:none
  1257. }
  1258.  
  1259. .chat .divider {
  1260. margin-bottom:30px;
  1261. margin-top:30px
  1262. }
  1263.  
  1264. .chat .divider:before {
  1265. display:none
  1266. }
  1267.  
  1268. .chat form {
  1269. border-top:none!important;
  1270. box-shadow:none
  1271. }
  1272.  
  1273. .theme-dark .chat .jump-to-present-bar {
  1274. background:rgba(35,35,35,.75);
  1275. }
  1276.  
  1277. .theme-dark .chat .jump-to-present-bar:hover {
  1278. background:rgba(25,25,25,.75)
  1279. }
  1280.  
  1281. .chat .jump-to-present-bar button:last-child {
  1282. background:none;
  1283. color:#e5e5e5
  1284. }
  1285.  
  1286. .chat .jump-to-present-bar button:first-child {
  1287. background:none;
  1288. color:#e5e5e5
  1289. }
  1290.  
  1291. .messages .message-group:not(.has-divider) {
  1292. border-bottom-color:hsla(0,0%,100%,.04)!important
  1293. }
  1294.  
  1295. .messages .message-group .markup .highlight {
  1296. background-color:rgba(35,35,35,.75)!important;
  1297. color:#ccc!important;
  1298. padding:0.51px 4px;
  1299. border-radius:0
  1300. }
  1301.  
  1302. .messages .message-group .markup .highlight:hover {
  1303. background-color:rgba(35,35,35,1)!important;
  1304. color:#e5e5e5!important
  1305. }
  1306.  
  1307. .form-inner .message-group .comment .markup {
  1308. color:#ccc;
  1309. background:#191919
  1310. }
  1311.  
  1312. .form-inner .message-group .comment .markup pre {
  1313. background:rgba(35,35,35,.75);
  1314. border:none;
  1315. border-radius:0;
  1316. margin-top:4px;
  1317. padding:1px
  1318. }
  1319.  
  1320. .form-inner .message-group .comment .markup pre code {
  1321. background:rgba(35,35,35,.75)
  1322. }
  1323.  
  1324. .form-inner .message-group .comment .markup code.inline {
  1325. padding:0.19em!important
  1326. }
  1327.  
  1328. .message-group .avatar-large {
  1329. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  1330. inset 1px -1px 8px #000,1px -1px 8px #000;
  1331. border-radius:0;
  1332. margin-left:6px;
  1333. margin-bottom:8px;
  1334. background-color:#232323
  1335. }
  1336.  
  1337. .message-group h2 .timestamp {
  1338. color:#ccc
  1339. }
  1340.  
  1341. .messages .message-group {
  1342. border-bottom:none!important
  1343. }
  1344.  
  1345. .delete-message-modal .form-inner .message-group .comment .markup pre {
  1346. background:none;
  1347. border:none
  1348. }
  1349.  
  1350. .delete-message-modal .form-inner .message-group .comment .markup pre code {
  1351. background:#232323;
  1352. line-height:1.5
  1353. }
  1354.  
  1355. .delete-message-modal .form-inner .message-group .highlight {
  1356. background:#232323
  1357. }
  1358.  
  1359. .delete-message-modal .form-inner .message-group .comment .markup code.inline {
  1360. background:#232323!important;
  1361. line-height:2;
  1362. border-radius:0
  1363. }
  1364.  
  1365. .messages .markup {
  1366. background:none!important
  1367. }
  1368.  
  1369. .friends-table .messages .message-group .message-send-failed .markup,.friends-table .messages .message-group .message-send-failed .markup a,.messages .message-group .message-send-failed .markup,.messages .message-group .message-send-failed .markup a {
  1370. color:rgba(153,0,0,0.5)!important;
  1371. font-style:italic
  1372. }
  1373.  
  1374. .messages .mentioned .message-text {
  1375. border-radius:0!important;
  1376. background:rgba(35,35,35,0)!important
  1377. }
  1378.  
  1379. .messages .mentioned .message-text:after {
  1380. border-radius:0!important;
  1381. border:none!important;
  1382. background:none!important
  1383. }
  1384.  
  1385. .message-group .mentioned .message-text:after {
  1386. border:none;
  1387. background:none
  1388. }
  1389.  
  1390. .message-group .edit-message.edit-first-message {
  1391. margin-left:-86px;
  1392. margin-top:-6px
  1393. }
  1394.  
  1395. .message-group .edit-message {
  1396. margin-left:-86px
  1397. }
  1398.  
  1399. .message-group .edit-message .channel-textarea-inner {
  1400. margin-left:0px
  1401. }
  1402.  
  1403. .message-group .edit-message .channel-textarea-inner textarea {
  1404. overflow-y:auto!important
  1405. }
  1406.  
  1407. .message-group .edit-message .channel-textarea-inner textarea::-webkit-scrollbar {
  1408. background:none
  1409. }
  1410.  
  1411. .message-group .edit-message .channel-textarea-inner textarea::-webkit-scrollbar-track-piece {
  1412. background:none!important
  1413. }
  1414.  
  1415. .message-group .edit-message .channel-textarea-inner textarea::-webkit-scrollbar-thumb {
  1416. background:rgba(56,56,56,.75)!important;
  1417. border:1px solid rgba(35,35,35,0.75)
  1418. }
  1419.  
  1420. .comment > div[style^="border-radius: 2px;"] {
  1421. background-color:transparent!important;
  1422. }
  1423.  
  1424. .comment > div[style^="border-radius: 2px;"]:not([style$="0);"]) .message {
  1425. -webkit-animation:anim 5s;
  1426. }
  1427.  
  1428. @-webkit-keyframes anim {
  1429. 0%{background:rgba(135,0,0,.50);}
  1430. 100%{background:rgba(135,0,0,0);}
  1431. }
  1432.  
  1433. .messages a {
  1434. color:#25ACE8!important
  1435. }
  1436.  
  1437. .messages .markup {
  1438. color:#ccc!important;
  1439. line-height:1.6em!important
  1440. }
  1441.  
  1442. .messages .comment .markup pre {
  1443. border-radius:0!important;
  1444. border:none
  1445. }
  1446.  
  1447. .messages h2 .user-name {
  1448. color:rgba(255,255,255,0.8)
  1449. }
  1450.  
  1451. .messages h2 span {
  1452. color:#ccc!important
  1453. }
  1454.  
  1455. .chat .welcome-message h1 {
  1456. color:#e5e5e5
  1457. }
  1458.  
  1459. .chat .welcome-message strong {
  1460. color:#ccc
  1461. }
  1462.  
  1463. .chat .welcome-message p {
  1464. color:#b2b2b2
  1465. }
  1466.  
  1467. .messages .markup pre {
  1468. background:transparent!important;
  1469. border-color:rgba(255,255,255,0.1)!important
  1470. }
  1471.  
  1472. .messages .markup pre code.hljs {
  1473. background:rgba(35,35,35,0.75)!important;
  1474. color:#b2b2b2!important;
  1475. padding:0.85em!important;
  1476. border-radius:0
  1477. }
  1478.  
  1479. .messages .markup pre code.hljs::-webkit-scrollbar-track-piece {
  1480. background:none!important
  1481. }
  1482.  
  1483. .messages .markup pre code.hljs::-webkit-scrollbar {
  1484. background:none
  1485. }
  1486.  
  1487. .messages .markup pre code.hljs::-webkit-scrollbar-thumb {
  1488. background:rgba(56,56,56,.75);
  1489. border:1px solid rgba(35,35,35,0.75)
  1490. }
  1491.  
  1492. .modal-content .markup code.inline,.messages .markup code.inline {
  1493. background:rgba(35,35,35,0.75)!important;
  1494. color:#b2b2b2!important;
  1495. padding:.2em .6em!important;
  1496. border-radius:0!important
  1497. }
  1498.  
  1499. .channel-textarea-upload {
  1500. border:hidden!important
  1501. }
  1502.  
  1503. .theme-dark .channel-textarea.has-results .channel-textarea-inner {
  1504. border:hidden
  1505. }
  1506.  
  1507. .channel-textarea-inner {
  1508. border:hidden!important;
  1509. background:rgba(35,35,35,.75)!important;
  1510. margin:0px;
  1511. margin-left:-20px;
  1512. border-radius:0
  1513. }
  1514.  
  1515. .channel-textarea-inner textarea::-webkit-input-placeholder {
  1516. color:#e5e5e5!important
  1517. }
  1518.  
  1519. .channel-textarea-autocomplete-inner {
  1520. border:hidden!important;
  1521. background:rgba(25,25,25,1)!important;
  1522. color:#e5e5e5;
  1523. bottom:0;
  1524. width:90%;
  1525. margin-left:-20px
  1526. }
  1527.  
  1528. .channel-textarea-autocomplete-inner:after {
  1529. border:none!important
  1530. }
  1531.  
  1532. .channel-textarea-autocomplete-inner header {
  1533. border-bottom:6px solid #900!important;
  1534. background:rgba(35,35,35,1)!important;
  1535. color:#e5e5e5!important
  1536. }
  1537.  
  1538. .channel-textarea-autocomplete-inner ul li.active {
  1539. background:#232323!important;
  1540. color:#e5e5e5;
  1541. border:hidden
  1542. }
  1543.  
  1544. .theme-dark .friends-table .messages .message-group .edit-message .edit-operation,.theme-dark .messages-wrapper .messages .message-group .edit-message .edit-operation {
  1545. margin:0;
  1546. color:#ccc
  1547. }
  1548.  
  1549. .channel-textarea {
  1550. margin:23px
  1551. }
  1552.  
  1553. div.chat.flex-vertical.flex-spacer.private .channel-textarea-guard button {
  1554. background:rgba(25,25,25,.75)!important
  1555. }
  1556.  
  1557. div.chat.flex-vertical.flex-spacer.private .channel-textarea-guard button:hover {
  1558. background:#900!important
  1559. }
  1560.  
  1561. .channel-textarea-guard div {
  1562. color:#ccc
  1563. }
  1564.  
  1565. .channel-textarea-guard {
  1566. background-image:none!important
  1567. }
  1568.  
  1569. .theme-dark .chat form .typing {
  1570. margin:0 10px -3px 20px
  1571. }
  1572.  
  1573. .channel-textarea-emoji>.sprite-item {
  1574. background-image:url("")
  1575. }
  1576.  
  1577. .spoiler span {
  1578. display:none
  1579. }
  1580.  
  1581. .spoiler:before {
  1582. min-height:18px;
  1583. padding-top:2px;
  1584. border-radius:5px;
  1585. background:rgba(25,25,25,0.7)
  1586. }
  1587.  
  1588. #twitchcord-button {
  1589. background-size:24px;
  1590. background-position:20px;
  1591. background-color:transparent;
  1592. opacity:0.4
  1593. }
  1594.  
  1595. #twitchcord-button:hover,#twitchcord-button.twitchcord-button-open {
  1596. opacity:1
  1597. }
  1598.  
  1599. #twitchcord-button-container {
  1600. right:30px!important
  1601. }
  1602.  
  1603. /* Instant Invite Button */
  1604.  
  1605. .theme-dark .invite-button {
  1606. background:#191919;
  1607. border:none;
  1608. border-radius:0
  1609. }
  1610.  
  1611. .theme-dark .invite-button .invite-button-header {
  1612. color:#e5e5e5;
  1613. line-height:1.5
  1614. }
  1615.  
  1616. .theme-dark .invite-button .invite-button-body {
  1617. color:#ccc
  1618. }
  1619.  
  1620. .invite-button-icon {
  1621. border-radius:0;
  1622. border:none
  1623. }
  1624.  
  1625. .invite-button-icon.accepted {
  1626. border-radius:0
  1627. }
  1628.  
  1629. .invite-button-icon.expired {
  1630. border-radius:0
  1631. }
  1632.  
  1633. .form .invite-button {
  1634. background:#232323;
  1635. border:none;
  1636. border-radius:0
  1637. }
  1638.  
  1639. .form .invite-button .invite-button-header {
  1640. color:#e5e5e5;
  1641. line-height:1.5
  1642. }
  1643.  
  1644. .form .invite-button .invite-button-body {
  1645. color:#ccc
  1646. }
  1647.  
  1648. /* Blocked Messages */
  1649.  
  1650. .message-group-blocked .message-group-blocked-btn {
  1651. background:rgba(25,25,25,.75)!important;
  1652. color:#e5e5e5!important;
  1653. }
  1654.  
  1655. .message-group-blocked:hover {
  1656. box-shadow:1px .5px 0px 0 rgba(0,0,0,.3),inset 1px -.8px 0 0 rgba(0,0,0,.3)!important
  1657. }
  1658.  
  1659. .message-group-blocked {
  1660. background:rgba(35,35,35,.75)!important;
  1661. border:none!important;
  1662. border-radius:0;
  1663. box-shadow:none!important
  1664. }
  1665.  
  1666. .theme-dark .messages-wrapper .messages .message-group-blocked.revealed .message-group-blocked-btn {
  1667. border-bottom:6px solid #900!important
  1668. }
  1669.  
  1670. .theme-dark .messages-wrapper .messages .message-group-blocked.revealed .message-group.hide-overflow:hover {
  1671. box-shadow:none!important
  1672. }
  1673.  
  1674. /* BetterDiscord Emote Tooltip */
  1675.  
  1676. .tipsy-inner {
  1677. background:rgba(35,35,35,.75);
  1678. color:#e5e5e5
  1679. }
  1680.  
  1681. .tipsy {
  1682. opacity:1!important;
  1683. }
  1684.  
  1685. /*** COMPACT MODE ***/
  1686. .message-group.compact .timestamp {
  1687. position:relative;
  1688. top:-3px
  1689. }
  1690.  
  1691. .message-group.compact .message .markup .user-name {
  1692. margin-right:10px
  1693. }
  1694.  
  1695. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
  1696. left:-8px;
  1697. top:11px
  1698. }
  1699.  
  1700. /*
  1701. __ _ _ _ _ _
  1702. / _|_ __(_) ___ _ __ __| |___ | (_)___| |_
  1703. | |_| '__| |/ _ \ '_ \ / _` / __| | | / __| __|
  1704. | _| | | | __/ | | | (_| \__ \ | | \__ \ |_
  1705. |_| |_| |_|\___|_| |_|\__,_|___/ |_|_|___/\__|
  1706.  
  1707. */
  1708. #friends .btn {
  1709. background-color:#232323!important;
  1710. color:#e5e5e5
  1711. }
  1712.  
  1713. .private-channels .channel:hover:not(.selected) .icon-friends {
  1714. background-color:transparent!important
  1715. }
  1716.  
  1717. .private-channels .channel.btn-friends:not(.selected):hover .badge {
  1718. margin-right:10px;
  1719. background:#900;
  1720. color:#e5e5e5;
  1721. border-radius:0
  1722. }
  1723.  
  1724. .private-channels .channel.btn-friends:not(.selected) .badge {
  1725. margin-right:33px;
  1726. background:#900;
  1727. color:#e5e5e5;
  1728. border-radius:0
  1729. }
  1730.  
  1731. .private-channels .channel.btn-friends.selected .badge {
  1732. margin-right:10px;
  1733. background:#900;
  1734. color:#e5e5e5;
  1735. border-radius:0
  1736. }
  1737.  
  1738. .badge {
  1739. background:#900!important;
  1740. color:#e5e5e5!important;
  1741. border-radius:0!important
  1742. }
  1743.  
  1744. .private-channels .channel .close {
  1745. margin-right:5px
  1746. }
  1747.  
  1748. #friends {
  1749. background:transparent!important
  1750. }
  1751.  
  1752. .friends-header {
  1753. background:rgba(0,0,0,0.65)!important
  1754. }
  1755.  
  1756. .friends-table {
  1757. box-shadow:inset 10px 10px 5px -6px rgba(0,0,0,1);
  1758. background:rgba(0,0,0,0.65)!important;
  1759. margin-top:0!important
  1760. }
  1761.  
  1762. .friends-header,.friends-table .friends-table-header {
  1763. border-bottom:none!important
  1764. }
  1765.  
  1766. .friends-header .tab-bar .tab-bar-separator,.friends-table .friends-table-header .friends-column-separator {
  1767. background:none!important
  1768. }
  1769.  
  1770. .friends-table .friends-table-body {
  1771. padding-top:20px!important
  1772. }
  1773.  
  1774. .friends-table .friends-row:hover {
  1775. background:#191919!important
  1776. }
  1777.  
  1778. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-red {
  1779. background:#232323;
  1780. color:#ccc
  1781. }
  1782.  
  1783. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-red:hover {
  1784. background:#900;
  1785. color:#e5e5e5
  1786. }
  1787.  
  1788. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-green {
  1789. background:#232323
  1790. }
  1791.  
  1792. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-green:hover {
  1793. background:#900
  1794. }
  1795.  
  1796. #friends .friends-table .friends-row .friends-column-actions .friends-action+div {
  1797. background:#232323
  1798. }
  1799.  
  1800. #friends .friends-table .friends-row .friends-column-actions .friends-action+div:hover {
  1801. background:#900
  1802. }
  1803.  
  1804. #friends .friends-table .friends-row .friends-column-name .avatar-small {
  1805. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  1806. inset 1px -1px 8px #000,1px -1px 8px #000;
  1807. border-radius:0;
  1808. margin-left:6px
  1809. }
  1810.  
  1811. #friends .friends-table .friends-row .friends-column-guilds .avatar-small {
  1812. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  1813. inset 1px -1px 8px #000,1px -1px 8px #000;
  1814. border-radius:0
  1815. }
  1816.  
  1817. .theme-dark .chat .private-channel-call .ripple {
  1818. border-radius:0
  1819. }
  1820.  
  1821. .theme-dark #friends .friends-empty p {
  1822. color:#ccc
  1823. }
  1824.  
  1825. .search-bar .search-bar-inner {
  1826. border:none;
  1827. background:none
  1828. }
  1829.  
  1830. .search-bar-icon {
  1831. left:-18px
  1832. }
  1833.  
  1834. #friends .friends-table .friends-row .friends-column-actions .friends-action-grey {
  1835. background:#232323
  1836. }
  1837.  
  1838. #friends .friends-table .friends-row .friends-column-actions .friends-action-grey:hover {
  1839. background:#900
  1840. }
  1841.  
  1842. .theme-dark .add-friend-input-wrapper {
  1843. background:rgba(102,102,102,.13);
  1844. border-radius:0;
  1845. border:none
  1846. }
  1847.  
  1848. .theme-dark .add-friend-input-wrapper .add-friend-input::-webkit-input-placeholder {
  1849. color:#e5e5e5
  1850. }
  1851.  
  1852. #friends .btn:hover {
  1853. background:#900!important
  1854. }
  1855.  
  1856. #friends .friends-table .friend-table-add-wrapper .friend-table-add-header .friends-table-add {
  1857. background:rgba(0,0,0,.35);
  1858. }
  1859.  
  1860. .theme-dark #friends .friends-table .friend-table-add-wrapper .friend-table-suggestions-header {
  1861. border:none;
  1862. margin-top:-25px
  1863. }
  1864.  
  1865. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
  1866. background:#191919;
  1867. color:#b2b2b2
  1868. }
  1869.  
  1870. .theme-dark #friends .friends-header .tab-bar .tab-bar-item {
  1871. color:#b2b2b2
  1872. }
  1873.  
  1874. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary {
  1875. background:transparent;
  1876. color:#b2b2b2
  1877. }
  1878.  
  1879. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:hover {
  1880. background:#232323!important
  1881. }
  1882.  
  1883. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary.selected {
  1884. color:#e5e5e5
  1885. }
  1886.  
  1887. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.tab-bar-item-primary:not(.selected):hover {
  1888. color:#b2b2b2!important
  1889. }
  1890.  
  1891. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-add {
  1892. background-color:#232323;
  1893. background-size:contain
  1894. }
  1895.  
  1896. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-add:hover {
  1897. background-color:#900!important
  1898. }
  1899.  
  1900. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-ignore {
  1901. background-repeat:no-repeat;
  1902. background-size:contain;
  1903. background-color:#232323
  1904. }
  1905.  
  1906. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-ignore:hover {
  1907. background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTZ2MTZIMCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyLjY2NjY2NjcgNC4yNzMzMzMzM2wtLjk0LS45NEw4IDcuMDYgNC4yNzMzMzMzMyAzLjMzMzMzMzMzbC0uOTQuOTRMNy4wNiA4bC0zLjcyNjY2NjY3IDMuNzI2NjY2Ny45NC45NEw4IDguOTRsMy43MjY2NjY3IDMuNzI2NjY2Ny45NC0uOTRMOC45NCA4Ii8+CiAgPC9nPgo8L3N2Zz4=);
  1908. background-size:contain;
  1909. background-color:#900
  1910. }
  1911.  
  1912. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action {
  1913. background-color:#232323;
  1914. background-size:contain
  1915. }
  1916.  
  1917. .theme-dark #friends .friends-table .friends-row .friends-column-actions .friends-action:hover {
  1918. background-color:#900!important
  1919. }
  1920.  
  1921. #friends .friends-table .friends-row .friends-column-actions .friends-action.friends-action-remove:hover {
  1922. background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMCAxMmMyLjIxIDAgNC0xLjc5IDQtNHMtMS43OS00LTQtNC00IDEuNzktNCA0IDEuNzkgNCA0IDR6bTAgMmMtMi42NyAwLTggMS4zNC04IDR2MmgxNnYtMmMwLTIuNjYtNS4zMy00LTgtNHptOS4zMDczOTk5LTMuNTA2NjMzM2wxLjY3MjQzMjYtMS42NzI0MzI1NWMuMTI0NTk2LS4xMjQ1OTYwNi4zOTY3NS0uMzk2NzUwMS0uMDA0MDIwMi0uNzk3NTIwMzctLjQwMDc3MDMtLjQwMDc3MDI4LS42NzY5MDA2LS4xMzI1OTI1LS44MDE0OTY3LS4wMDc5OTY0M2wtMS42NzI0MzI1IDEuNjcyNDMyNTItMS42MzY4MjEtMS42MzY4MjFjLS4xMjM2OTY0LS4xMjM2OTY0Ni0uNDI5NzE5MS0uNDI5NzE5MTctLjgzNDQ2NTctLjAyNDk3MjY1LS40MDQ3NDY1LjQwNDc0NjUzLS4wOTk1MDM5LjcxMTU0OTQuMDI0MTkyNS44MzUyNDU4NWwxLjYzNjgyMSAxLjYzNjgyMTAzLTEuNjI1ODI3MyAxLjYyNTgyNzNjLS4xMjM2OTY1LjEyMzY5NjUtLjQzODU5ODkuNDQ2NTUxNC0uMDM3ODI4Ni44NDczMjE3LjQwMDc3MDMuNDAwNzcwMi42NzkyMjgyLjEyMjMxMjMuODAyOTI0Ny0uMDAxMzg0MmwxLjY2NjI0OC0xLjY2NjI0OCAxLjY1NDAxNzQgMS42NTQwMTczYy4xMjQxNDYyLjEyNDE0NjMuNDE5OTIxNi40MTgzNjE0LjgyNDY2ODIuMDEzNjE0OS40MDQ3NDY1LS40MDQ3NDY2LjEwOTc1MTItLjY5OTc0MTgtLjAxNDM5NS0uODIzODg4MWwtMS42NTQwMTc0LTEuNjU0MDE3M3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMCIvPgogIDwvZz4KPC9zdmc+);
  1923. background-repeat:no-repeat;
  1924. background-size:contain
  1925. }
  1926.  
  1927. #friends .friends-table .friends-row .friends-suggestion-inner .avatar-large {
  1928. border-radius:0;
  1929. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  1930. inset 1px -1px 8px #000,1px -1px 8px #000;
  1931. margin-left:10px
  1932. }
  1933.  
  1934. /* GROUP CALLS */
  1935.  
  1936. .theme-dark .chat .private-channel-call {
  1937. background:rgba(0,0,0,.65);
  1938. box-shadow:inset 10px 0 5px -6px rgba(0,0,0,1),
  1939. inset 0 10px 5px -6px rgba(0,0,0,1);
  1940. background:#191919
  1941. }
  1942.  
  1943. .incoming-call .incoming-call-inner {
  1944. background:#191919;
  1945. color:#e5e5e5
  1946. }
  1947.  
  1948. .incoming-call .title {
  1949. color:#e5e5e5!important;
  1950. opacity:1
  1951. }
  1952.  
  1953. .incoming-call .options .accept-call {
  1954. box-shadow:0px 2.5px 10px #000;
  1955. background:#232323
  1956. }
  1957.  
  1958. .incoming-call .options .decline-call {
  1959. box-shadow:0px 2.5px 10px #000;
  1960. background:#232323
  1961. }
  1962.  
  1963. .incoming-call .options .decline-call:hover {
  1964. background:#900
  1965. }
  1966.  
  1967. .incoming-call .callers .avatar-wrapper {
  1968. border-radius:0!important
  1969. }
  1970.  
  1971. .incoming-call .callers .avatar-popout.out-of-focus {
  1972. border-radius:0!important
  1973. }
  1974.  
  1975. .incoming-call .callers .avatar-popout {
  1976. border-radius:0!important;
  1977. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  1978. inset 1px -1px 8px #000,1px -1px 8px #000;
  1979. }
  1980.  
  1981. .incoming-call .callers .avatar-pulse {
  1982. border-radius:0
  1983. }
  1984.  
  1985. .theme-dark .chat .private-channel-call .status {
  1986. background:#232323;
  1987. border:none;
  1988. border-radius:8px
  1989. }
  1990.  
  1991. .private-channel-call .btn-text.btn-danger {
  1992. background:#232323;
  1993. border-radius:0px
  1994. }
  1995.  
  1996. .private-channel-call .btn-text {
  1997. border-radius:0;
  1998. background:#232323
  1999. }
  2000.  
  2001. .private-channel-call .btn-text:hover {
  2002. background:#900
  2003. }
  2004.  
  2005. .private-channel-call .btn-text:hover {
  2006. opacity:1
  2007. }
  2008.  
  2009. .private-channel-call .btn-text.btn-danger:hover {
  2010. background:#900;
  2011. opacity:1
  2012. }
  2013.  
  2014. .theme-dark .chat .private-channel-call .btn-icon {
  2015. border-radius:0;
  2016. background-color:transparent!important
  2017. }
  2018.  
  2019. .theme-dark .chat .private-channel-call .btn-icon:hover {
  2020. background-color:#333
  2021. }
  2022.  
  2023. .theme-dark .chat .quick-region-select .label {
  2024. color:#b2b2b2
  2025. }
  2026.  
  2027. .theme-dark .chat .quick-region-select .region {
  2028. color:#e5e5e5
  2029. }
  2030.  
  2031. .region-select-popout .region-select-name {
  2032. color:#b2b2b2
  2033. }
  2034.  
  2035. .region-select-popout .region-select-name:hover {
  2036. color:#e5e5e5
  2037. }
  2038.  
  2039. .region-select-popout .check {
  2040. display:none
  2041. }
  2042.  
  2043. .region-select-popout .item.selected {
  2044. border-left:4px solid #900;
  2045. border-radius:0
  2046. }
  2047.  
  2048. .chat>.title-wrap>.title.channel-group-dm .channel-name {
  2049. background:#232323
  2050. }
  2051.  
  2052. .chat>.title-wrap>.title.channel-group-dm .channel-name:hover {
  2053. background:#191919!important
  2054. }
  2055.  
  2056. .chat>.title-wrap>.title.channel-group-dm .channel-name .input-autosize-inner .input-autosize-input {
  2057. color:#e5e5e5!important
  2058. }
  2059.  
  2060. .theme-dark .chat .title-wrap .title.channel-group-dm .channel-name.focus, .theme-dark .chat .title-wrap .title.channel-group-dm .channel-name:hover {
  2061. background:#191919
  2062. }
  2063.  
  2064. .private-channel-recipients-invite {
  2065. border:none!important
  2066. }
  2067.  
  2068. .private-channel-recipients-invite .friend .avatar-small {
  2069. border-radius:0px;
  2070. box-shadow:-1px 1px 6px #000,inset -1px 1px 6px #000,
  2071. inset 1px -1px 6px #000,1px -1px 6px #000
  2072. }
  2073.  
  2074. .private-channel-recipients-invite .header {
  2075. background:#191919!important;
  2076. border-bottom:6px solid #900;
  2077. border-radius:0px!important
  2078. }
  2079. .private-channel-recipients-invite .header .title {
  2080. color:#e5e5e5!important
  2081. }
  2082.  
  2083. .private-channel-recipients-invite .header .search-bar {
  2084. background:#232323
  2085. }
  2086.  
  2087. .private-channel-recipients-invite .header .search-bar .search-bar-inner .search-bar input {
  2088. background:#232323;
  2089. color:#e5e5e5
  2090. }
  2091.  
  2092. .search-bar-tag {
  2093. background:#232323
  2094. }
  2095.  
  2096. .private-channel-recipients-invite .body .scroller-wrap {
  2097. background:#191919!important
  2098. }
  2099.  
  2100. .private-channel-recipients-invite .footer {
  2101. background:#191919!important;
  2102. border-top:6px solid #900
  2103. }
  2104.  
  2105. .private-channel-recipients-invite .footer button {
  2106. background:#232323
  2107. }
  2108.  
  2109. .private-channel-recipients-invite .footer button:hover {
  2110. background:#900
  2111. }
  2112.  
  2113. .private-channel-recipients-invite .footer button:disabled {
  2114. background:#333
  2115. }
  2116.  
  2117. .private-channel-recipients-invite .footer button:disabled:hover {
  2118. background:#900
  2119. }
  2120.  
  2121. .theme-dark .private-channel-recipients-invite .friend {
  2122. background:#191919;
  2123. color:#b2b2b2
  2124. }
  2125.  
  2126. .theme-dark .private-channel-recipients-invite .friend.selected {
  2127. background:none;
  2128. color:#ccc
  2129. }
  2130.  
  2131. .theme-dark .private-channel-recipients-invite .friend:not(.selected):hover {
  2132. color:#e5e5e5;
  2133. background:none
  2134. }
  2135.  
  2136. .private-channel-recipients-invite .error-state.not-friends .text {
  2137. color:#e5e5e5
  2138. }
  2139.  
  2140. .private-channel-recipients-invite .error-state.not-friends .btn {
  2141. background:#232323
  2142. }
  2143.  
  2144. .private-channel-recipients-invite .error-state.not-friends .btn:hover {
  2145. background:#900
  2146. }
  2147.  
  2148. .private-channel-recipients-invite .error-state {
  2149. background:#191919
  2150. }
  2151.  
  2152. .private-channel-recipients-invite .error-state.search-results .text {
  2153. color:#e5e5e5
  2154. }
  2155.  
  2156. .theme-dark .channel-textarea-inner {
  2157. width:90%
  2158. }
  2159.  
  2160. /*
  2161. _ _ _ _ _
  2162. _ _ ___ ___ _ __ | (_)___| |_ ___ ___ ___| |_(_) ___ _ __
  2163. | | | / __|/ _ \ '__| | | / __| __| / __|/ _ \/ __| __| |/ _ \| '_ \
  2164. | |_| \__ \ __/ | | | \__ \ |_ \__ \ __/ (__| |_| | (_) | | | |
  2165. \__,_|___/\___|_| |_|_|___/\__| |___/\___|\___|\__|_|\___/|_| |_|
  2166.  
  2167. */
  2168. .channel-members .invite-btn {
  2169. display:none
  2170. }
  2171.  
  2172. .channel-members:hover .invite-btn {
  2173. background:#232323!important;
  2174. display:block!important
  2175. }
  2176.  
  2177. .channel-members .invite-btn:hover {
  2178. background:#900!important
  2179. }
  2180.  
  2181. .theme-dark .channel-members .member.popout-open {
  2182. background:none;
  2183. width:100%;
  2184. padding-right:20px;
  2185. margin-left:0px;
  2186. border-left:4px solid #900!important
  2187. }
  2188.  
  2189. .theme-dark .channel-members-loading {
  2190. display: none;
  2191. }
  2192.  
  2193. .channel-members .member {
  2194. margin-left:4px
  2195. }
  2196.  
  2197. .channel-members .member .member-activity {
  2198. visibility:collapse;
  2199. font-size:0
  2200. }
  2201.  
  2202. .channel-members .member .member-activity strong {
  2203. visibility:visible;
  2204. font-size:11px;
  2205. color:#ccc;
  2206. font-style:italic;
  2207. font-weight:600
  2208. }
  2209.  
  2210. .private-channels .channel .channel-activity strong {
  2211. visibility:visible;
  2212. font-size:11px;
  2213. color:#ccc;
  2214. font-style:italic;
  2215. font-weight:600
  2216. }
  2217.  
  2218. .private-channels .channel:hover .channel-activity strong {
  2219. color:#e5e5e5!important
  2220. }
  2221.  
  2222. .private-channels .channel .channel-activity {
  2223. visibility:collapse;
  2224. font-size:0
  2225. }
  2226.  
  2227. .channel-members .member:hover {
  2228. background:none!important;
  2229. width:100%;
  2230. padding-right:20px;
  2231. margin-left:0px;
  2232. border-left:4px solid #900
  2233. }
  2234.  
  2235. .channel-members .bot-tag {
  2236. margin-right:15px!important
  2237. }
  2238.  
  2239. .channel-members .member .member-username {
  2240. font-size:14px
  2241. }
  2242.  
  2243. .channel-members .member .member-game {
  2244. font-size:10px
  2245. }
  2246.  
  2247. .channel-members .avatar-small .status {
  2248. border-color:#191919!important
  2249. }
  2250.  
  2251. .channel-members h2 {
  2252. padding-top:8px;
  2253. padding-bottom:10px;
  2254. color:#ccc!important;
  2255. font-weight:bold;
  2256. text-align:left;
  2257. font-size:13px;
  2258. opacity:.90
  2259. }
  2260.  
  2261. .channel-members h2:first-of-type {
  2262. margin-top:-45px!important
  2263. }
  2264.  
  2265. .avatar-small .status {
  2266. border-color:#191919
  2267. }
  2268.  
  2269. .private-channels :not(.selected):hover .status {
  2270. border-color:#191919
  2271. }
  2272.  
  2273. .avatar-xxlarge {
  2274. border-radius:0;
  2275. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  2276. inset 1px -1px 8px #000,1px -1px 8px #000
  2277. }
  2278.  
  2279. /*CANNOT REMEMBER WHAT AVATAR THIS CHANGES*/
  2280. .avatar-medium {
  2281. border-radius:8px
  2282. }
  2283.  
  2284. /*----------------------------------------*/
  2285.  
  2286. .avatar-xsmall {
  2287. border-radius:0px;
  2288. box-shadow:-1px 1px 3px #000,inset -1px 1px 3px #000,
  2289. inset 1px -1px 3px #000,1px -1px 3px #000
  2290. }
  2291.  
  2292. .channel-members .member.member-status-offline .avatar-small {
  2293. -webkit-filter:grayscale(100%) blur(1px);
  2294. position:relative;
  2295. -webkit-transition:all .8s ease;
  2296. -moz-transition:all .8s ease;
  2297. -o-transition:all .8s ease;
  2298. transition:all .8s ease;
  2299. -webkit-transform:translateZ(0px);
  2300. transform:translateZ(0px)
  2301. }
  2302.  
  2303. .channel-members .member.popout-open .avatar-small,.channel-members .member:hover .avatar-small {
  2304. -webkit-filter:none!important;
  2305. filter:none;
  2306. position:relative;
  2307. -webkit-transition:all .8s ease-out;
  2308. -moz-transition:all .8s ease-out;
  2309. -o-transition:all .8s ease-out;
  2310. transition:all .8s ease-out;
  2311. -webkit-transform:translateZ(0px);
  2312. transform:translateZ(0px)
  2313. }
  2314.  
  2315. /*-------------------made by Beard Design-------------------------*/
  2316.  
  2317. .channel-members {
  2318. transform:translate(150px)!important;
  2319. z-index:2!important;
  2320. transition:all 300ms ease!important
  2321. }
  2322.  
  2323. .channel-members:hover {
  2324. animation:member 300ms ease!important;
  2325. transform:translate(0px)!important;
  2326. background:#191919!important
  2327. }
  2328.  
  2329. .app {
  2330. overflow-x:hidden!important
  2331. }
  2332.  
  2333. .channel-members .member .member-activity,
  2334. .channel-members .member .member-username-inner {
  2335. opacity:0!important;
  2336. transition:opacity 300ms ease, margin 100ms ease!important
  2337. }
  2338.  
  2339. .channel-members .member .member-username-inner {
  2340. margin-bottom:0px!important
  2341. }
  2342.  
  2343. .channel-members:hover .member .member-activity, .channel-members:hover .member .member-username-inner {
  2344. opacity:1!important
  2345. }
  2346.  
  2347. .header-toolbar button.active {
  2348. display:none!important
  2349. }
  2350.  
  2351. .channel-members h2 {
  2352. transform-origin:right!important;
  2353. transform:scale(0)!important;
  2354. margin-top:-45px!important;
  2355. transition:all 300ms ease!important
  2356. }
  2357.  
  2358. .channel-members:hover h2 {
  2359. transform:scale(1)!important;
  2360. margin:inherit!important
  2361. }
  2362.  
  2363. .channel-members .avatar-small {
  2364. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  2365. inset 1px -1px 8px #000,1px -1px 8px #000;
  2366. border-radius:0
  2367. }
  2368.  
  2369. .chat.flex-vertical.flex-spacer>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical {
  2370. margin-right:-150px!important;
  2371. z-index:1!important
  2372. }
  2373.  
  2374. .chat.flex-vertical.flex-spacer.private>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical {
  2375. margin-right:0px!important;
  2376. z-index:1!important;
  2377. box-shadow:inset 10px 10px 5px -6px rgba(0,0,0,1)!important
  2378. }
  2379.  
  2380. div.chat.flex-vertical.flex-spacer.private .channel-members-wrap {
  2381. margin-left:-150px
  2382. }
  2383.  
  2384. /*-------------------------------------------------------------------*/
  2385.  
  2386. /*
  2387. _ __ _
  2388. _ _ ___ ___ _ __ (_)_ __ / _| ___ _ __ ___ _ __ ___ _ _| |_
  2389. | | | / __|/ _ \ '__| | | '_ \| |_ / _ \ | '_ \ / _ \| '_ \ / _ \| | | | __|
  2390. | |_| \__ \ __/ | | | | | | _| (_) | | |_) | (_) | |_) | (_) | |_| | |_
  2391. \__,_|___/\___|_| |_|_| |_|_| \___/ | .__/ \___/| .__/ \___/ \__,_|\__|
  2392. |_| |_|
  2393. */
  2394. .user-popout {
  2395. left:-18px
  2396. }
  2397.  
  2398. .user-popout .header {
  2399. background:#191919!important;
  2400. border-top-radius:8px!important;
  2401. border-bottom:6px solid #900!important;
  2402. box-shadow:none
  2403. }
  2404.  
  2405. .user-popout .avatar-wrapper .avatar-hint {
  2406. border-radius:0
  2407. }
  2408.  
  2409. .user-popout .avatar-wrapper .avatar-popout {
  2410. border:none;
  2411. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  2412. inset 1px -1px 8px #000,1px -1px 8px #000;
  2413. border-radius:0;
  2414. background-color:#232323
  2415. }
  2416.  
  2417. .user-popout .body {
  2418. background:#191919;
  2419. border-left:0 solid rgba(153,0,0,1);
  2420. border-right:0 solid rgba(153,0,0,1);
  2421. }
  2422.  
  2423. .user-popout .header.streaming {
  2424. border-bottom:none !important;
  2425. box-shadow:none!important
  2426. }
  2427.  
  2428. .user-popout .header.streaming .nickname {
  2429. color:#fff!important
  2430. }
  2431.  
  2432. .user-popout .header.streaming .discord-tag .username {
  2433. color:#e5e5e5
  2434. }
  2435.  
  2436. .user-popout .header.streaming .activity strong {
  2437. color:#b2b2b2;
  2438. margin-left:-66px
  2439. }
  2440.  
  2441. .user-popout .header.streaming .live-on-twitch {
  2442. border-top:6px solid #900;
  2443. border-bottom:none;
  2444. background:#191919
  2445. }
  2446.  
  2447. .user-popout .body .section .label {
  2448. color:#e5e5e5
  2449. }
  2450.  
  2451. .user-popout .body .notes textarea {
  2452. color:#ccc
  2453. }
  2454.  
  2455. .user-popout .footer {
  2456. background:#191919;
  2457. border-top:0 solid rgba(153,0,0,1);
  2458. border-left:0 solid rgba(153,0,0,1);
  2459. border-right:0 solid rgba(153,0,0,1);
  2460. border-bottom:0 solid rgba(153,0,0,1);
  2461. border-bottom-radius:8px
  2462. }
  2463.  
  2464. .user-popout .footer .quick-message-wrapper .input {
  2465. background:#232323;
  2466. border:hidden;
  2467. color:#e5e5e5
  2468. }
  2469.  
  2470. .user-popout .footer .update-notice {
  2471. color:#ccc
  2472. }
  2473.  
  2474. .user-popout .footer .update-notice .protip {
  2475. color:#e5e5e5
  2476. }
  2477.  
  2478. .user-popout .username-wrapper .username {
  2479. color:#e5e5e5
  2480. }
  2481.  
  2482. .user-popout .username-wrapper .discord-tag .discriminator {
  2483. color:#e5e5e5
  2484. }
  2485.  
  2486. .user-popout .username-wrapper .activity strong {
  2487. visibility:visible;
  2488. font-size:15px;
  2489. color:#ccc;
  2490. font-style:italic;
  2491. font-weight:600
  2492. }
  2493.  
  2494. .user-popout .username-wrapper .activity {
  2495. visibility:collapse;
  2496. font-size:0
  2497. }
  2498.  
  2499. .user-popout .username-wrapper.has-nickname .discriminator {
  2500. color:#ccc
  2501. }
  2502.  
  2503. .user-popout .username-wrapper.has-nickname .username {
  2504. color:#ccc
  2505. }
  2506.  
  2507. .bot-tag.bot-tag-invert {
  2508. background:#900;
  2509. color:#e5e5e5!important
  2510. }
  2511.  
  2512. .popout header {
  2513. background-color:#191919;
  2514. border-bottom:6px solid #900
  2515. }
  2516.  
  2517. .slider-bar {
  2518. background:#232323!important;
  2519. border-radius:0
  2520. }
  2521.  
  2522. .slider-bar-fill {
  2523. background:#900
  2524. }
  2525.  
  2526. .sensitivity .slider .slider-bar {
  2527. background:#900!important
  2528. }
  2529.  
  2530. .sensitivity .slider .slider-bar-auto {
  2531. background:#232323!important
  2532. }
  2533.  
  2534. .sensitivity .slider .slider-bar-auto.speaking {
  2535. background:#900!important
  2536. }
  2537.  
  2538. .sensitivity .slider .slider-bar.microphone .grow {
  2539. background:#232323
  2540. }
  2541.  
  2542. .popout.popout-invert.popout-top-right header:before,.popout.popout-invert.popout-top header:before {
  2543. border-top-color:#e5e5e5
  2544. }
  2545.  
  2546. .user-popout .user-popout-options .btn {
  2547. background-color:#666;
  2548. border:1px solid #900
  2549. }
  2550.  
  2551. .user-popout .user-popout-options .btn:hover {
  2552. background-color:#666;
  2553. border:1px solid #900
  2554. }
  2555.  
  2556. .popout section {
  2557. background:#191919!important
  2558. }
  2559.  
  2560. /* Popout Menu */
  2561.  
  2562. .popout-menu {
  2563. background:#191919;
  2564. border-radius:0
  2565. }
  2566.  
  2567. div.popout.popout-top {
  2568. box-shadow:0 0 2px rgba(0,0,0,.82),0 1px 4px 1px rgba(0,0,0,.3)!important
  2569. }
  2570.  
  2571. div.popout.popout-bottom {
  2572. box-shadow:0 0 0 rgba(0,0,0,.82),0 1px 4px 1px rgba(0,0,0,.3)!important
  2573. }
  2574.  
  2575. div.popout.popout-invert.popout-bottom {
  2576. box-shadow:none!important
  2577. }
  2578.  
  2579. .popout.popout-invert header {
  2580. border-top:none!important;
  2581. border-bottom:6px solid #900
  2582. }
  2583.  
  2584. div.popout.popout-top #autocomplete-popout header {
  2585. border-bottom:none;
  2586. border-top:6px solid #900!important
  2587. }
  2588.  
  2589. .popout.popout-right.no-arrow {
  2590. box-shadow:none
  2591. }
  2592.  
  2593. .status-picker .popout-menu-item .helper {
  2594. color:#ccc
  2595. }
  2596.  
  2597. .status-picker .popout-menu-item:last-child .helper {
  2598. color:#ccc
  2599. }
  2600.  
  2601. .popout-menu .popout-menu-item.invite {
  2602. color:#ccc
  2603. }
  2604.  
  2605. .popout-menu .popout-menu-separator {
  2606. display:none
  2607. }
  2608.  
  2609. .popout-menu .popout-menu-item {
  2610. color:#ccc
  2611. }
  2612.  
  2613. .popout-menu .popout-menu-item:hover {
  2614. background:#232323;
  2615. color:#e5e5e5!important
  2616. }
  2617.  
  2618. .popout-menu [style*='background-image: url("/assets/9a93097ab591379729c68f15a17b26af.svg");'] {
  2619. background-image:url(https://i.imgur.com/rI8942r.png)!important;
  2620. background-size:18px 18px
  2621. }
  2622.  
  2623. .popout-menu [style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiM3MzdGOEQiIGQ9Ik05IDloNS4yNWMtLjM5NzUgMy4wODI1LTIuNDYgNS44MzUtNS4yNSA2LjY5VjlIMy43NVY0LjcyNUw5IDIuMzkyNVY5em0wIDBIMy43NWMuMzk3NSAzLjA4MjUgMi40NiA1LjgzNSA1LjI1IDYuNjlWOWg1LjI1VjQuNzI1TDkgMi4zOTI1Vjl6TTkgLjc1bC02Ljc1IDN2NC41YzAgNC4xNjI1IDIuODggOC4wNDc1IDYuNzUgOSAzLjg3LS45NTI1IDYuNzUtNC44Mzc1IDYuNzUtOXYtNC41TDkgLjc1eiIvPgogIDwvZz4KPC9zdmc+");'] {
  2624. background-image:url(https://i.imgur.com/PLMb5Jf.png)!important;
  2625. background-size:18px 18px
  2626. }
  2627.  
  2628. .popout-menu [style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPHBhdGggZmlsbD0iIzczN0Y4RCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyAxNHYtMi41bDcuODgtNy44NWMuMTktLjIuNTEtLjIuNzEgMGwxLjc2IDEuNzZjLjIuMi4yLjUxIDAgLjcxTDUuNDcgMTRIM3ptMTIgMEg3LjVsMi0ySDE1djJ6Ii8+Cjwvc3ZnPg==");'] {
  2629. background-image:url(https://i.imgur.com/u1wlBLb.png)!important;
  2630. background-size:18px 18px
  2631. }
  2632.  
  2633. .popout-menu [style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz4KICAgIDxnIGZpbGw9IiM3MzdGOEQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMjUgMS41KSI+CiAgICAgIDxwYXRoIGQ9Ik02Ljc2NzcyMTAzLjc1SDEuNDk2MzE2OTdDLjY2OTQ2NzEuNzUgMCAxLjQxOTkyMzkzIDAgMi4yNDYzMTY5N1YxMi43NTM2ODNDMCAxMy41ODA1MzI5LjY2OTkyMzkzIDE0LjI1IDEuNDk2MzE2OTcgMTQuMjVIMTIuMDAzNjgzYy44MjY4NDk5IDAgMS40OTYzMTctLjY2OTkyMzkgMS40OTYzMTctMS40OTYzMTdWNy40ODIwODM2MmMtLjQ1NDM1NTYuMjkxMjMwODgtLjk1OTk3NTguNTA5MTQ4OS0xLjUuNjM3MDU3NDRWMTIuNzVIMS41VjIuMjVoNC42MzA3Mzk5MmMuMTI3ODkxMzYtLjU0MDI4ODcuMzQ1ODI2Ny0xLjA0NTg0MjQuNjM2OTgxMS0xLjV6Ii8+CiAgICAgIDxyZWN0IHdpZHRoPSI2IiBoZWlnaHQ9IjYiIHg9IjguMjUiIHJ4PSIzIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=");'] {
  2634. background-image:url(https://i.imgur.com/3Qk2DA6.png)!important;
  2635. background-size:18px 18px
  2636. }
  2637.  
  2638. .popout-menu [style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiM3Mjg5REEiIGQ9Ik03LjU0NTM1MzQgMTEuMjM0Mjg3M2w1Ljc2LTUuMTkwMDAwMDRjLjI1NS0uMjMyNS0uMDUyNS0uMzQ1LS4zOS0uMTQyNWwtNy4xMSA0LjQ5MjUwMDA0LTMuMDc1LS45NzUwMDAwNGMtLjY2LS4xODc1LS42Njc1LS42NDUuMTUtLjk3NWwxMS45Nzc1LTQuNjJjLjU0NzUtLjI0NzUgMS4wNzI1LjEzNS44NjI1Ljk3NWwtMi4wNCA5LjYwNzUwMDA0Yy0uMTQyNS42ODI1LS41NTUuODQ3NS0xLjEyNS41MzI1bC0zLjEwNS0yLjI5NS0xLjQ5MjUgMS40NDc1Yy0uMTcyNS4xNzI1LS4zMTUuMzE1LS42MjI1LjMxNWwuMjEtMy4xNzI1eiIvPgogIDwvZz4KPC9zdmc+");'] {
  2639. background-image:url(https://i.imgur.com/UFCZJTQ.png)!important;
  2640. background-size:18px 18px
  2641. }
  2642.  
  2643. .popout-menu [style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMTh2MThIMHoiLz4KICAgIDxwYXRoIGZpbGw9IiM3MzdGOEQiIGQ9Ik0xNC4yNSAyLjI1SDMuNzVjLS44MzI1IDAtMS41LjY2NzUtMS41IDEuNXYzaDEuNXYtM2gxMC41djEwLjVIMy43NXYtM2gtMS41djNjMCAuODI4NDI3MS42NzE1NzI4NyAxLjUgMS41IDEuNWgxMC41Yy44Mjg0MjcxIDAgMS41LS42NzE1NzI5IDEuNS0xLjVWMy43NWMwLS44MzI1LS42NzUtMS41LTEuNS0xLjV6bS02LjY5IDkuNDM1bDEuMDY1IDEuMDY1TDEyLjM3NSA5bC0zLjc1LTMuNzVMNy41NiA2LjMwNzUgOS41MDI1IDguMjVIMi4yNXYxLjVoNy4yNTI1TDcuNTYgMTEuNjg1eiIvPgogIDwvZz4KPC9zdmc+");'] {
  2644. background-image:url(https://i.imgur.com/O5RG3dq.png)!important;
  2645. background-size:18px 18px
  2646. }
  2647.  
  2648. /*-------------*/
  2649.  
  2650. .popout.popout-bottom header:before {
  2651. border-bottom-color:#232323
  2652. }
  2653.  
  2654. #autocomplete-popout .row.selected {
  2655. background:#232323!important;
  2656. color:#ccc!important
  2657. }
  2658.  
  2659. #autocomplete-popout h3 {
  2660. color:#e5e5e5
  2661. }
  2662.  
  2663. #autocomplete-popout .section {
  2664. color:#ccc
  2665. }
  2666.  
  2667. #autocomplete-popout .empty:hover {
  2668. background:#232323
  2669. }
  2670.  
  2671. #autocomplete-popout .empty p {
  2672. color:#ccc
  2673. }
  2674.  
  2675. #autocomplete-popout .row .avatar-small {
  2676. border-radius:0;
  2677. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  2678. inset 1px -1px 8px #000,1px -1px 8px #000
  2679. }
  2680.  
  2681. #autocomplete-popout .row a {
  2682. color:#ccc
  2683. }
  2684.  
  2685. #autocomplete-popout .row.selected a {
  2686. color:#ccc!important
  2687. }
  2688.  
  2689. #autocomplete-popout .row:hover a {
  2690. color:#e5e5e5!important
  2691. }
  2692.  
  2693. .quick-message {
  2694. background:#232323;
  2695. border:none;
  2696. border-radius:0;
  2697. color:#e5e5e5
  2698. }
  2699.  
  2700. .quick-message::-webkit-input-placeholder {
  2701. color:#e5e5e5
  2702. }
  2703.  
  2704. /* Admin buttons */
  2705. .user-popout .user-popout-options .btn.btn-server {
  2706. color:rgba(255,255,255,0.7);
  2707. background:rgba(153,0,0,0.4);
  2708. border:none!important
  2709. }
  2710.  
  2711. .user-popout .user-popout-options .btn.btn-server:hover {
  2712. color:rgba(255,255,255,1);
  2713. background:rgba(153,0,0,1);
  2714. border:none!important
  2715. }
  2716.  
  2717. /* PINNED MESSAGES */
  2718. .theme-dark .messages-popout-wrap {
  2719. background:#191919;
  2720. border:none
  2721. }
  2722.  
  2723. .theme-dark .messages-popout-wrap .header {
  2724. background:#191919;
  2725. border-bottom:6px solid #900
  2726. }
  2727.  
  2728. .theme-dark .messages-popout-wrap .header .title {
  2729. color:#e5e5e5
  2730. }
  2731.  
  2732. .theme-dark .messages-popout-wrap .messages-popout .message-group {
  2733. background:#232323;
  2734. border:none;
  2735. box-shadow:0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2736. border-radius:0
  2737. }
  2738.  
  2739. .theme-dark .messages-popout-wrap .messages-popout .message-group .comment .markup code.inline {
  2740. background:rgba(25,25,25,.50);
  2741. border-radius:0
  2742. }
  2743.  
  2744. .theme-dark .messages-popout-wrap .messages-popout .message-group .comment .markup {
  2745. background:#232323
  2746. }
  2747.  
  2748. .theme-dark .messages-popout-wrap .messages-popout .message-group .comment .markup pre {
  2749. background:rgba(25,25,25,.50)!important;
  2750. border:none;
  2751. border-radius:0;
  2752. margin-top:4px
  2753. }
  2754.  
  2755. .theme-dark .messages-popout-wrap .messages-popout .message-group .comment .markup pre code {
  2756. background:rgba(25,25,25,.50)!important;
  2757. overflow-y:hidden;
  2758. color:#ccc
  2759. }
  2760.  
  2761. .theme-dark .messages-popout-wrap .messages-popout .message-group .comment .markup .highlight {
  2762. background:rgba(25,25,25,.50)!important
  2763. }
  2764.  
  2765. .messages-popout .message-group .action-buttons {
  2766. border:none!important;
  2767. background:none!important;
  2768. box-shadow:none!important;
  2769. right:2px!important
  2770. }
  2771.  
  2772. .theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button {
  2773. background:#333333;
  2774. color:#e5e5e5;
  2775. }
  2776.  
  2777. .theme-dark .messages-popout-wrap .messages-popout .empty-placeholder .body {
  2778. color:#e5e5e5
  2779. }
  2780.  
  2781. .theme-dark .messages-popout-wrap .footer {
  2782. background:#191919;
  2783. border-top:6px solid #900
  2784. }
  2785.  
  2786. .protip.popout-footer .label {
  2787. color:#e5e5e5
  2788. }
  2789.  
  2790. .protip.popout-footer .tip {
  2791. color:#b2b2b2
  2792. }
  2793.  
  2794. /* RECENT MESSAGES */
  2795. .recent-mentions-popout .header .tab-bar-item.selected {
  2796. border:none
  2797. }
  2798.  
  2799. .recent-mentions-popout .header .tab-bar-item:hover {
  2800. border:none
  2801. }
  2802.  
  2803. .context-menu.recent-mentions-filter-popout {
  2804. box-shadow:0 0 1px rgba(0,0,0,.82),0 1px 4px rgba(0,0,0,.1);
  2805. background:#232323!important;
  2806. border-radius:0
  2807. }
  2808.  
  2809. .context-menu.recent-mentions-filter-popout .item {
  2810. color:#ccc
  2811. }
  2812.  
  2813. .context-menu.recent-mentions-filter-popout .item:hover {
  2814. background:none!important
  2815. }
  2816.  
  2817. .theme-dark .recent-mentions-popout .mention-filter .label {
  2818. color:#ccc
  2819. }
  2820.  
  2821. .theme-dark .recent-mentions-popout .messages-popout .message-group .comment .markup .highlight {
  2822. background:rgba(25,25,25,.50)
  2823. }
  2824.  
  2825. .theme-dark .recent-mentions-popout .messages-popout .message-group .comment .markup pre {
  2826. background:rgba(25,25,25,.50)!important;
  2827. border:none;
  2828. margin-top:5px
  2829. }
  2830.  
  2831. /*
  2832. _ _ _ _
  2833. | |_ ___ ___ | | |_(_)_ __ ___
  2834. | __/ _ \ / _ \| | __| | '_ \/ __|
  2835. | || (_) | (_) | | |_| | |_) \__ \
  2836. \__\___/ \___/|_|\__|_| .__/|___/
  2837. |_|
  2838. */
  2839. .tooltip {
  2840. background:#232323;
  2841. color:#fff
  2842. }
  2843.  
  2844. .tooltip.tooltip-left:after {
  2845. border-left-color:#e5e5e5!important
  2846. }
  2847.  
  2848. .tooltip.tooltip-right:after {
  2849. border-right-color:#e5e5e5
  2850. }
  2851.  
  2852. .tooltip.tooltip-top:after {
  2853. border-top-color:#e5e5e5
  2854. }
  2855.  
  2856. .tooltip.tooltip-bottom:after {
  2857. border-bottom-color:#e5e5e5
  2858. }
  2859.  
  2860. /*
  2861. _ _ _ _
  2862. _ __ ___ (_)_ __ (_)_ __ ___ __ _| | _ __ ___ ___ __| | ___
  2863. | '_ ` _ \| | '_ \| | '_ ` _ \ / _` | | | '_ ` _ \ / _ \ / _` |/ _ \
  2864. | | | | | | | | | | | | | | | | (_| | | | | | | | | (_) | (_| | __/
  2865. |_| |_| |_|_|_| |_|_|_| |_| |_|\__,_|_| |_| |_| |_|\___/ \__,_|\___|
  2866.  
  2867. */
  2868. /* SERVER LIST */
  2869. .bd-minimal .guilds {
  2870. padding-left:10px!important
  2871. }
  2872.  
  2873. .bd-minimal .guilds .friends-icon {
  2874. background-size:60%
  2875. }
  2876.  
  2877. .bd-minimal .guilds li .guild-inner:before {
  2878. height:25px;
  2879. border-radius:5px;
  2880. margin-top:-13px
  2881. }
  2882.  
  2883. .bd-minimal .guilds li.unread .guild-inner:before {
  2884. width:10px;
  2885. height:10px;
  2886. margin-top:-5px;
  2887. left:-16px
  2888. }
  2889.  
  2890. .bd-minimal .guilds li.active .guild-inner:before {
  2891. left:-18px;
  2892. border-radius:5px;
  2893. height:25px;
  2894. margin-top:-13px
  2895. }
  2896.  
  2897. .bd-minimal .guilds li,.bd-minimal .guilds li .avatar-small,.bd-minimal .guilds li .guild-inner,.bd-minimal .guilds li .guild-inner a,.bd-minimal .guilds .friends-icon {
  2898. width:25px;
  2899. height:25px;
  2900. line-height:25px
  2901. }
  2902.  
  2903. .bd-minimal .guilds li .avatar-small,#bd-pub-button {
  2904. font-size:10px!important
  2905. }
  2906.  
  2907. #bd-pub-button {
  2908. margin-top:-12px!important;
  2909. }
  2910.  
  2911. .bd-minimal .guilds .friends-online {
  2912. font-size:10px;
  2913. word-spacing:50px;
  2914. line-height:20px;
  2915. margin-left:0;
  2916. width:25px;
  2917. height:20px;
  2918. border-radius:20px;
  2919. overflow:hidden;
  2920. background:rgba(0,0,0,0.5)
  2921. }
  2922.  
  2923. /* CHAT */
  2924. .bd-minimal .chat>.title-wrap>.title {
  2925. font-size:16px
  2926. }
  2927.  
  2928. .bd-minimal .theme-dark .comment {
  2929. border-left:none!important;
  2930. padding-left:10px
  2931. }
  2932.  
  2933. .bd-minimal .message-group {
  2934. padding:10px 5px
  2935. }
  2936.  
  2937. .bd-minimal .guild-channels ul .channel-text .channel-name {
  2938. padding-left:5px
  2939. }
  2940.  
  2941. .bd-minimal .avatar-large {
  2942. border-radius:100%
  2943. }
  2944.  
  2945. .bd-minimal .message-group .edit-message .edit-container-outer {
  2946. margin-left:50px
  2947. }
  2948.  
  2949. .bd-minimal .message-group .edit-message .edit-container-inner {
  2950. margin-left:10px
  2951. }
  2952.  
  2953. /* MEMBERS */
  2954. .bd-minimal .channel-members h2 {
  2955. margin-top:20px;
  2956. margin-bottom:3px;
  2957. padding-left:20px
  2958. }
  2959.  
  2960. .bd-minimal .channel-members h2:first-of-type {
  2961. margin-top:0;
  2962. margin-bottom:3px
  2963. }
  2964.  
  2965. .bd-minimal .channel-members .member {
  2966. padding:5px 15px 8px 20px
  2967. }
  2968.  
  2969. /* CHANNELS */
  2970. .bd-minimal .guild-header header span {
  2971. margin-left:-13px;
  2972. font-size:14px
  2973. }
  2974.  
  2975. .bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before {
  2976. top:9px;
  2977. width:10px;
  2978. height:10px
  2979. }
  2980.  
  2981. .bd-minimal .guild-channels h2 {
  2982. margin-left:10px
  2983. }
  2984.  
  2985. /* ACCOUNT BAR */
  2986. .bd-minimal #voice-connection {
  2987. width:150px;
  2988. margin-left:0
  2989. }
  2990.  
  2991. .bd-minimal .account {
  2992. width:159px;
  2993. margin-left:0
  2994. }
  2995.  
  2996. .bd-minimal .account .avatar-small {
  2997. display:block!important
  2998. }
  2999.  
  3000. .bd-minimal .account .username {
  3001. display:none
  3002. }
  3003.  
  3004. .bd-minimal .account .btn-group {
  3005. margin-left:-10px
  3006. }
  3007.  
  3008. .bd-minimal .account .btn-group .btn {
  3009. width:30px
  3010. }
  3011.  
  3012. /*
  3013. _ _ _
  3014. ___ ___| |_| |_(_)_ __ __ _ ___
  3015. / __|/ _ \ __| __| | '_ \ / _` / __|
  3016. \__ \ __/ |_| |_| | | | | (_| \__ \
  3017. |___/\___|\__|\__|_|_| |_|\__, |___/
  3018. |___/
  3019. */
  3020. .context-menu {
  3021. background:#191919!important
  3022. }
  3023.  
  3024. .context-menu .item.danger {
  3025. color:#ccc!important
  3026. }
  3027.  
  3028. .context-menu .item.danger:hover {
  3029. color:#e5e5e5!important
  3030. }
  3031.  
  3032. .context-menu .item:hover,.context-menu .item-subMenu {
  3033. background-color:#191919!important
  3034. }
  3035.  
  3036. .context-menu .item {
  3037. color:#ccc
  3038. }
  3039.  
  3040. .context-menu .item:hover {
  3041. color:#e5e5e5
  3042. }
  3043.  
  3044. .change-nickname-warning {
  3045. background:#232323
  3046. }
  3047.  
  3048. .need-help-modal .header {
  3049. background:#191919;
  3050. border-bottom:6px solid #900
  3051. }
  3052.  
  3053. .need-help-modal .header input[type=text] {
  3054. box-shadow:none
  3055. }
  3056.  
  3057. .need-help-modal .header input[type=text]::-webkit-input-placeholder {
  3058. color:#e5e5e5
  3059. }
  3060.  
  3061. .need-help-modal a {
  3062. color:#b2b2b2
  3063. }
  3064.  
  3065. .need-help-modal a:hover {
  3066. color:#e5e5e5
  3067. }
  3068.  
  3069. .need-help-modal .footer {
  3070. color:#e5e5e5;
  3071. border-top:6px solid #900
  3072. }
  3073.  
  3074. .avatar-uploader .avatar-uploader-inner {
  3075. color:#b2b2b2;
  3076. border-radius:0px!important;
  3077. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  3078. inset 1px -1px 8px #000,1px -1px 8px #000;
  3079. border:none!important;
  3080. background:#232323;
  3081. top:8px;
  3082. background-repeat:no-repeat;
  3083. width:50%;
  3084. height:128px
  3085. }
  3086.  
  3087. .create-guild-container .avatar-uploader .avatar-uploader-inner {
  3088. width:64%
  3089. }
  3090.  
  3091. .avatar-uploader .avatar-uploader-inner:hover {
  3092. color:#b2b2b2;
  3093. border-radius:0px!important;
  3094. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  3095. inset 1px -1px 8px #000,1px -1px 8px #000;
  3096. border:none!important;
  3097. opacity:.85
  3098. }
  3099.  
  3100. .avatar-uploader .avatar-uploader-inner .avatar-uploader-hint {
  3101. margin-left:4px
  3102. }
  3103.  
  3104. .markdown-modal,.form
  3105. .form-inner,.form .formheader,.form .form-actions,.need-help-modal .footer,.markdown-modal .markdown-modal-footer {
  3106. background:#191919!important
  3107. }
  3108.  
  3109. .form .control-group label a:hover {
  3110. color:#e5e5e5
  3111. }
  3112.  
  3113. .form .control-group input {
  3114. background-color:#232323;
  3115. border-radius:0;
  3116. line-height:34px
  3117. }
  3118.  
  3119. .clipboard-input-inner button.copy {
  3120. background-color:#232323;
  3121. border-radius:0;
  3122. border:0
  3123. }
  3124.  
  3125. .clipboard-input-inner {
  3126. border:0;
  3127. border-radius:0
  3128. }
  3129.  
  3130. .clipboard-input-inner button.tweet {
  3131. background-color:#232323;
  3132. border:hidden
  3133. }
  3134.  
  3135. .clipboard-input-inner input {
  3136. color:#ccc;
  3137. border-radius:0;
  3138. background:#232323
  3139. }
  3140.  
  3141. .clipboard-input-inner button:first-of-type:before {
  3142. width:0
  3143. }
  3144.  
  3145. .instant-invite-popout a {
  3146. color:#ccc
  3147. }
  3148.  
  3149. .instant-invite-popout a:hover {
  3150. color:#e5e5e5
  3151. }
  3152.  
  3153. .instant-invite-popout hr {
  3154. border:3px solid #900
  3155. }
  3156.  
  3157. .instant-invite-popout .actions .countdown {
  3158. color:#e5e5e5
  3159. }
  3160.  
  3161. /* New Instant Invites Modal */
  3162.  
  3163. .instant-invite-modal {
  3164. border-radius:8px
  3165. }
  3166.  
  3167. #instant-invite-modal .copy {
  3168. background-image:none!important;
  3169. background-color:#383838
  3170. }
  3171.  
  3172. .clipboard-input-copied .clipboard-input-inner {
  3173. border:none!important
  3174. }
  3175.  
  3176. .clipboard-input-copied button:not(.tweet) {
  3177. background-image:url(https://i.imgur.com/vpF5Uw4.png)!important;
  3178. background-color:#900!important;
  3179. border:none!important
  3180. }
  3181.  
  3182. #instant-invite-modal .clipboard-input-inner button.copy {
  3183. background-image:none!important
  3184. }
  3185.  
  3186. #instant-invite-modal .clipboard-input-copied button:not(.tweet) {
  3187. background-image:url(https://i.imgur.com/vpF5Uw4.png)!important
  3188. }
  3189.  
  3190. #instant-invite-modal .clipboard-input-inner input {
  3191. color:#ccc
  3192. }
  3193.  
  3194. #instant-invite-modal .form-header header {
  3195. color:#e5e5e5
  3196. }
  3197.  
  3198. #instant-invite-modal .blurb {
  3199. color:#ccc
  3200. }
  3201.  
  3202. #instant-invite-modal .expire-text {
  3203. color:#b2b2b2
  3204. }
  3205.  
  3206. #instant-invite-modal-advanced .form-actions .btn-default {
  3207. color:#e5e5e5
  3208. }
  3209.  
  3210. #instant-invite-modal .form-actions .advanced {
  3211. background-image:url(https://i.imgur.com/rI8942r.png)!important;
  3212. background-size:18px 18px
  3213. }
  3214.  
  3215. .channel-notices .channel-notice.invite {
  3216. background:#191919
  3217. }
  3218.  
  3219. .channel-notices .channel-notice .message {
  3220. margin-top:-30px;
  3221. margin-bottom:-30px
  3222. }
  3223.  
  3224. .channel-notices .channel-notice .message .btn {
  3225. background:#232323
  3226. }
  3227.  
  3228. .channel-notices .channel-notice .message .btn:hover {
  3229. background:#900
  3230. }
  3231.  
  3232. /*--------------------------*/
  3233.  
  3234. .Select-menu-outer {
  3235. background:#232323;
  3236. border:none;
  3237. color:#e5e5e5!important;
  3238. border-radius:0!important
  3239. }
  3240.  
  3241. .Select-option {
  3242. color:#ccc!important
  3243. }
  3244.  
  3245. .Select-option:hover {
  3246. background:none!important;
  3247. border-left:6px solid #900;
  3248. position:relative;
  3249. padding-left:4px;
  3250. border-radius:0!important
  3251. }
  3252.  
  3253. .has-value>.Select-control>.Select-value {
  3254. background-color:#232323;
  3255. padding:8px 52px 10px 10px
  3256. }
  3257.  
  3258. .form .Select-placeholder {
  3259. color:#e5e5e5!important;
  3260. border-radius:0;
  3261. border:none;
  3262. background-color:#232323
  3263. }
  3264.  
  3265. .form .Select-control * {
  3266. color:#e5e5e5
  3267. }
  3268.  
  3269. .Select-control {
  3270. border-radius:0
  3271. }
  3272.  
  3273. .user-settings-locale .select-item .primary {
  3274. color:#e5e5e5!important
  3275. }
  3276.  
  3277. .user-settings-locale .select-item .localized {
  3278. color:#e5e5e5
  3279. }
  3280.  
  3281. .user-settings-locale .select-item.option-value {
  3282. color:#ccc!important
  3283. }
  3284.  
  3285. .form .voice-settings
  3286. .control-groups .control-group .Select-control {
  3287. border-radius:0;
  3288. background-color:#232323;
  3289. color:#e5e5e5
  3290. }
  3291.  
  3292. .form .voice-settings
  3293. .control-groups .control-group .Select(in-focus-has-value) {
  3294. border-radius:0;
  3295. background-color:#232323;
  3296. color:#e5e5e5
  3297. }
  3298.  
  3299. .avatar-uploader a {
  3300. color:#ccc;
  3301. margin-left:5px
  3302. }
  3303.  
  3304. .avatar-uploader a:hover {
  3305. color:#e5e5e5
  3306. }
  3307.  
  3308. .form .control-group label a {
  3309. color:#b2b2b2
  3310. }
  3311.  
  3312. .form .control-group .help-text {
  3313. color:#ccc!important
  3314. }
  3315.  
  3316. .protip .label {
  3317. color:#ccc
  3318. }
  3319.  
  3320. .protip {
  3321. color:#b2b2b2
  3322. }
  3323.  
  3324. .user-settings-appearance .protip .tip,.user-settings-streamer-mode .protip .tip {
  3325. color:#b2b2b2
  3326. }
  3327.  
  3328. .streamer-mode-enabled {
  3329. background:#191919
  3330. }
  3331.  
  3332. .settings .settings-header {
  3333. background:#e5e5e5!important
  3334. }
  3335.  
  3336. .settings .settings-inner .settings-panel-header {
  3337. color:#e5e5e5
  3338. }
  3339.  
  3340. .instant-invites .instant-invites-list .instant-invite {
  3341. color:#ccc
  3342. }
  3343.  
  3344. .instant-invites .instant-invites-list .instant-invite+.instant-invite {
  3345. border-top:0
  3346. }
  3347.  
  3348. .instant-invites .instant-invites-list .instant-invite .countdown {
  3349. color:#e5e5e5
  3350. }
  3351.  
  3352. .instant-invites .instant-invites-list .instant-invite .countdown.countdown-never {
  3353. color:#e5e5e5
  3354. }
  3355.  
  3356. .instant-invites .instant-invites-list .instant-invite .show-channel .member {
  3357. color:#ccc
  3358. }
  3359.  
  3360. .instant-invites .instant-invites-list .instant-invite .show-channel .channel {
  3361. color:#ccc
  3362. }
  3363.  
  3364. .instant-invites .instant-invites-list .instant-invite .show-channel .avatar-small {
  3365. border-radius:0;
  3366. box-shadow:-1px 1px 4px #000,inset -1px 1px 4px #000,
  3367. inset 1px -1px 4px #000,1px -1px 4px #000
  3368. }
  3369.  
  3370. .instant-invites .instant-invites-list .instant-invite .member .avatar-small {
  3371. border-radius:0;
  3372. box-shadow:-1px 1px 4px #000,inset -1px 1px 4px #000,
  3373. inset 1px -1px 4px #000,1px -1px 4px #000
  3374. }
  3375.  
  3376. .instant-invites .instant-invites-list .instant-invite .member {
  3377. color:#ccc
  3378. }
  3379.  
  3380. div.control-group .shortcut-recorder input[type=text] {
  3381. color:#e5e5e5;
  3382. text-shadow:0 0 0 #000;
  3383. font-weight:400
  3384. }
  3385.  
  3386. .instant-invites .instant-invite-buttons .btn.btn-danger {
  3387. background:#232323;
  3388. border:hidden;
  3389. color:#e5e5e5
  3390. }
  3391.  
  3392. .instant-invites .instant-invite-buttons .btn.btn-danger:hover {
  3393. background:#900;
  3394. color:#fff
  3395. }
  3396.  
  3397. .form .btn.red {
  3398. background-color:#232323;
  3399. border:0
  3400. }
  3401.  
  3402. .form .btn.red:hover {
  3403. background:#900
  3404. }
  3405.  
  3406. .guild-settings-modal-members .member-buttons .btn+.btn {
  3407. background-color:#232323;
  3408. color:#ccc;
  3409. border:0;
  3410. margin-top:4px
  3411. }
  3412.  
  3413. .guild-settings-modal-members .guild-settings-modal-members-footer .help-text strong {
  3414. color:#ccc
  3415. }
  3416.  
  3417. .guild-settings-modal-members .guild-settings-modal-members-footer .help-text {
  3418. color:#b2b2b2
  3419. }
  3420.  
  3421. .guild-settings-modal-overview a {
  3422. color:#ccc
  3423. }
  3424.  
  3425. .guild-settings-modal-overview .settings-panel .verification-level-select .radio-group li .criteria {
  3426. color:#ccc
  3427. }
  3428.  
  3429. .guild-settings-modal-members .member-buttons .btn+.btn:hover {
  3430. background-color:#900
  3431. }
  3432.  
  3433. .guild-settings-modal-members .member-buttons .btn {
  3434. background-color:#232323;
  3435. border:0;
  3436. color:#ccc
  3437. }
  3438.  
  3439. .guild-settings-modal-members .member-buttons .btn.btn-danger {
  3440. border:none;
  3441. color:#e5e5e5
  3442. }
  3443.  
  3444. .guild-settings-modal-members .member-buttons .btn.btn-danger:hover {
  3445. background:#900
  3446. }
  3447.  
  3448. .guild-settings-modal-members .member-buttons .btn:hover {
  3449. background-color:#900
  3450. }
  3451.  
  3452. .guild-settings-modal-integrations .guild-settings-modal-integrations-header {
  3453. color:#e5e5e5
  3454. }
  3455.  
  3456. .guild-settings-modal-members .guild-settings-modal-list .member .member-username {
  3457. color:#e5e5e5
  3458. }
  3459.  
  3460. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p {
  3461. color:#b2b2b2
  3462. }
  3463.  
  3464. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p a {
  3465. color:#00b0f4
  3466. }
  3467.  
  3468. .guild-settings-modal-integrations
  3469. .guild-settings-modal-integrations-body.no-integrations p a:hover {
  3470. color:#e5e5e5
  3471. }
  3472.  
  3473. .guild-settings-modal-members h6 {
  3474. color:#e5e5e5
  3475. }
  3476.  
  3477. .guild-settings-modal-members
  3478. .guild-settings-modal-members-header .form .Select .Select-value {
  3479. color:#e5e5e5
  3480. }
  3481.  
  3482. .guild-settings-modal-members .guild-settings-modal-list .member .avatar-small {
  3483. border-radius:0;
  3484. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  3485. inset 1px -1px 8px #000,1px -1px 8px #000
  3486. }
  3487.  
  3488. .guild-settings-modal-members
  3489. .guild-settings-modal-members-footer .help-text strong {
  3490. color:#e5e5e5
  3491. }
  3492.  
  3493. .guild-settings-modal-members
  3494. .guild-settings-modal-members-footer .help-text {
  3495. color:#ccc
  3496. }
  3497.  
  3498. /* Server Emojis */
  3499.  
  3500. .guild-settings-modal-emoji .table-header {
  3501. color:#ccc
  3502. }
  3503.  
  3504. .guild-settings-modal-emoji .guild-settings-modal-emoji-header h6 {
  3505. color:#e5e5e5;
  3506. border-bottom:none!important
  3507. }
  3508.  
  3509. .guild-settings-modal-emoji .guild-settings-modal-emoji-header {
  3510. border-bottom:none!important
  3511. }
  3512.  
  3513. .guild-settings-modal-emoji .guild-settings-modal-emoji-header p {
  3514. color:#ccc
  3515. }
  3516.  
  3517. .guild-settings-modal-emoji .no-emoji p {
  3518. color:#ccc
  3519. }
  3520.  
  3521. .guild-settings-modal-emoji .emoji-row {
  3522. border-bottom:none
  3523. }
  3524.  
  3525. .guild-settings-modal-emoji .emoji-uploader .emoji-uploader-avatar {
  3526. border-radius:0
  3527. }
  3528.  
  3529. .guild-settings-modal-emoji .emoji-uploader .emoji-uploader-username {
  3530. color:#e5e5e5
  3531. }
  3532.  
  3533. .guild-settings-modal-emoji .emoji-row .emoji-name {
  3534. background:#232323;
  3535. color:#e5e5e5
  3536. }
  3537.  
  3538. .guild-settings-modal-emoji .emoji-row:hover .emoji-name {
  3539. background:#232323!important;
  3540. border:1px solid #232323!important;
  3541. }
  3542.  
  3543. .guild-settings-modal .emoji-row .btn.btn-danger, .guild-settings-modal .member-buttons .btn.btn-danger {
  3544. background:#232323;
  3545. border:none;
  3546. color:#e5e5e5
  3547. }
  3548.  
  3549. .guild-settings-modal .emoji-row .btn.btn-danger:hover {
  3550. background:#900
  3551. }
  3552.  
  3553. /*---------------*/
  3554. .search-bar.search-bar-light input {
  3555. background:#232323;
  3556. border-radius:0!important;
  3557. height:34px;
  3558. color:#e5e5e5
  3559. }
  3560.  
  3561. .search-bar.search-bar-light input::-webkit-input-placeholder {
  3562. color:#e5e5e5!important
  3563. }
  3564.  
  3565. .search-bar.search-bar-light .search-bar-inner {
  3566. border:none!important;
  3567. background-color:#232323;
  3568. border-radius:0!important;
  3569. padding-bottom:0px;
  3570. padding-top:0px
  3571. }
  3572.  
  3573. .search-bar-clear.active {
  3574. background:#232323
  3575. }
  3576.  
  3577. .form .btn-primary {
  3578. background-color:#232323
  3579. }
  3580.  
  3581. .form .btn-primary:hover {
  3582. background-color:#900
  3583. }
  3584.  
  3585. .user-settings-modal a {
  3586. color:#b2b2b2
  3587. }
  3588.  
  3589. .user-settings-modal a:hover {
  3590. color:#e5e5e5
  3591. }
  3592.  
  3593. .channel-notification-settings .content .content-inner {
  3594. background:transparent!important
  3595. }
  3596.  
  3597. .callout-backdrop {
  3598. opacity:0.55
  3599. }
  3600.  
  3601. .tab-bar.SIDE .tab-bar-header {
  3602. box-shadow:none
  3603. }
  3604.  
  3605. .tab-bar.SIDE {
  3606. margin-right:0;
  3607. background-color:rgba(35,35,35,1);
  3608. border-right:6px solid #900;
  3609. border-radius:0px
  3610. }
  3611.  
  3612. .tab-bar.SIDE .tab-bar-item {
  3613. color:#ccc
  3614. }
  3615.  
  3616. .tab-bar.SIDE .tab-bar-item.selected {
  3617. background:none!important
  3618. }
  3619.  
  3620. .tab-bar.SIDE .tab-bar-item:before {
  3621. border-left:4px solid #900
  3622. }
  3623.  
  3624. .tab-bar.SIDE .tab-bar-item:hover:before {
  3625. border:none
  3626. }
  3627.  
  3628. .slider-handle,.Select-control {
  3629. border:none!important
  3630. }
  3631.  
  3632. .settings .settings-header {
  3633. background:rgba(35,35,35,1)!important
  3634. }
  3635.  
  3636. #settings-roles h1 {
  3637. color:#e5e5e5
  3638. }
  3639.  
  3640. .settings .settings-inner,.settings .settings-actions {
  3641. background:#191919;
  3642. border-left:#900 solid 0
  3643. }
  3644.  
  3645. .settings .settings-actions {
  3646. border-top:none!important
  3647. }
  3648.  
  3649. .settings .settings-actions .btn-confirm:not(.reverse-slide) .btn:first-of-type:hover {
  3650. background-color:#900
  3651. }
  3652.  
  3653. .settings .settings-actions .btn-confirm:not(.reverse-slide) .btn:first-of-type {
  3654. background-color:#232323
  3655. }
  3656.  
  3657. .settings .settings-actions .btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type) {
  3658. background:#232323
  3659. }
  3660.  
  3661. .settings .settings-actions .btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type):hover {
  3662. background:#900
  3663. }
  3664.  
  3665. #settings-roles .roles header h1 {
  3666. color:#e5e5e5
  3667. }
  3668.  
  3669. #settings-roles-pro-tip .pro-tip {
  3670. color:#e5e5e5
  3671. }
  3672.  
  3673. #settings-roles-pro-tip {
  3674. color:#b2b2b2
  3675. }
  3676.  
  3677. .form .radio-group .radio,.form .checkbox-group .checkbox,.checkbox .checkbox-inner+span {
  3678. color:#ccc!important
  3679. }
  3680.  
  3681. .form .control-group input[type=email],.form .control-group input[type=password],.form .control-group input[type=text] {
  3682. padding:5px 10px;
  3683. border-radius:0;
  3684. box-sizing:border-box;
  3685. border:0 solid #232323!important;
  3686. background:#232323!important;
  3687. color:#e5e5e5;
  3688. font-size:18px
  3689. }
  3690.  
  3691. .form .control-group textarea {
  3692. background:#232323!important;
  3693. box-sizing:border-box;
  3694. border:0 solid #232323!important;
  3695. color:#e5e5e5;
  3696. border-radius:0;
  3697. font-size:18px;
  3698. padding:5px 10px
  3699. }
  3700.  
  3701. .region-select .region-select-inner {
  3702. background-color:#232323;
  3703. border:0;
  3704. border-radius:0
  3705. }
  3706.  
  3707. .region-select-name {
  3708. color:#e5e5e5
  3709. }
  3710.  
  3711. .region-select button {
  3712. color:#e5e5e5;
  3713. background-color:#343434;
  3714. border:0;
  3715. border-radius:0
  3716. }
  3717.  
  3718. .region-select:hover button {
  3719. background-color:#900
  3720. }
  3721.  
  3722. .region-select-modal {
  3723. background-color:#191919
  3724. }
  3725.  
  3726. .region-select-modal .region-select-modal-option {
  3727. background-color:#232323;
  3728. border:0
  3729. }
  3730.  
  3731. .region-select-modal .region-select-modal-footer {
  3732. color:#ccc
  3733. }
  3734.  
  3735. .region-select-modal .region-select-modal-header {
  3736. color:#e5e5e5
  3737. }
  3738.  
  3739. .create-guild-container p {
  3740. color:#ccc
  3741. }
  3742.  
  3743. .create-guild-container h5 {
  3744. color:#e5e5e5
  3745. }
  3746.  
  3747. .create-guild-container .action.join .btn {
  3748. background-color:#343434;
  3749. color:#e5e5e5
  3750. }
  3751.  
  3752. .create-guild-container .action.join:hover .btn {
  3753. background-color:#900!important
  3754. }
  3755.  
  3756. .create-guild-container .action .action-body {
  3757. color:#b2b2b2
  3758. }
  3759.  
  3760. .create-guild-container .action.join .action-header {
  3761. color:#ccc
  3762. }
  3763.  
  3764. .create-guild-container .action.create .btn-primary {
  3765. background-color:#343434!important
  3766. }
  3767.  
  3768. .create-guild-container .create-or-join header {
  3769. color:#e5e5e5
  3770. }
  3771.  
  3772. .create-guild-container .join-server h5 {
  3773. color:#e5e5e5
  3774. }
  3775.  
  3776. .create-guild-container .join-server p {
  3777. color:#b2b2b2
  3778. }
  3779.  
  3780. .create-guild-container .join-server .btn-primary:hover {
  3781. background-color:#900
  3782. }
  3783.  
  3784. .create-guild-container .join-server .btn-primary {
  3785. background-color:#232323
  3786. }
  3787.  
  3788. .create-guild-container .join-server .link-container label {
  3789. color:#ccc
  3790. }
  3791.  
  3792. .create-guild-container .form-actions .btn-default {
  3793. color:#e5e5e5
  3794. }
  3795.  
  3796. .avatar-uploader small {
  3797. color:#ccc
  3798. }
  3799.  
  3800. .avatar-uploader small strong {
  3801. font-weight:400;
  3802. color:#e5e5e5
  3803. }
  3804.  
  3805. .form .btn:disabled {
  3806. background:#232323
  3807. }
  3808.  
  3809. .form .btn:disabled:hover {
  3810. background:#232323
  3811. }
  3812.  
  3813. .form .btn-default {
  3814. padding:10px 0!important;
  3815. width:90px;
  3816. height:50px;
  3817. border-radius:3px;
  3818. border-bottom:0;
  3819. background-color:#232323;
  3820. color:#e5e5e5
  3821. }
  3822.  
  3823. .form .btn-default:hover {
  3824. -webkit-transition:background-color .2s ease;
  3825. background-color:#900;
  3826. border:none
  3827. }
  3828.  
  3829. .form hr,.form .control-groups.control-separator,.instant-invites .instant-invites-header,.guild-settings-modal-integrations .guild-settings-modal-integrations-header,.guild-settings-modal-members .guild-settings-modal-members-header,.guild-settings-modal-members .guild-settings-modal-list .member+.member,.guild-settings-modal-members .guild-settings-modal-members-footer,#settings-roles .roles header,#user-profile-modal .tab-bar {
  3830. border-color:rgba(255,255,255,0);
  3831. box-shadow:none
  3832. }
  3833.  
  3834. .form .control-group input[type=email]:disabled,.form .control-group input[type=password]:disabled,.form .control-group input[type=text]:disabled,.form .control-group textarea:disabled {
  3835. background:#666!important;
  3836. opacity:.25
  3837. }
  3838.  
  3839. .alert.form.has-icon:before {
  3840. display:none
  3841. }
  3842.  
  3843. .alert.form .form-inner h4 {
  3844. color:#e5e5e5;
  3845. margin-top:-40px;
  3846. margin-bottom:20px
  3847. }
  3848.  
  3849. .alert.form .form-inner p {
  3850. color:#ccc;
  3851. margin-bottom:10px
  3852. }
  3853.  
  3854. .alert.form .form-inner .cancel {
  3855. background:#232323;
  3856. border:none;
  3857. color:#e5e5e5
  3858. }
  3859.  
  3860. .alert.form .form-inner .cancel:hover {
  3861. background:#900;
  3862. color:#fff
  3863. }
  3864.  
  3865. .alert.form .form-inner .btn {
  3866. border:none;
  3867. color:#e5e5e5
  3868. }
  3869.  
  3870. .alert.form .form-inner .btn-close-forever {
  3871. color:#b2b2b2
  3872. }
  3873.  
  3874. .guild-settings-modal-members {
  3875. background:none!important
  3876. }
  3877.  
  3878. #settings-roles .roles li.draggable {
  3879. margin-left:6px
  3880. }
  3881.  
  3882. #settings-roles .roles li.sorting:after {
  3883. border:2px solid #900
  3884. }
  3885.  
  3886. #settings-roles .roles li {
  3887. margin-left:6px;
  3888. color:#e5e5e5
  3889. }
  3890.  
  3891. #settings-roles .roles li .avatar-small {
  3892. border-radius:0;
  3893. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  3894. inset 1px -1px 8px #000,1px -1px 8px #000
  3895. }
  3896.  
  3897. #settings-roles .roles {
  3898. border-right:none
  3899. }
  3900.  
  3901. #settings-roles .roles li:hover:before {
  3902. background:none
  3903. }
  3904.  
  3905. #settings-roles .roles li:hover:not(.selected) {
  3906. background:rgba(35,35,35,.50)!important;
  3907. width:105px;
  3908. margin-left:6px
  3909. }
  3910.  
  3911. #settings-roles .roles li.selected {
  3912. background:#232323!important;
  3913. width:105px;
  3914. margin-left:6px
  3915. }
  3916.  
  3917. #settings-roles .roles li.selected:before {
  3918. background:none
  3919. }
  3920.  
  3921. #settings-roles .selected-role .btn-confirm:not(.reverse-slide) .btn:first-of-type:hover {
  3922. background-color:#900!important
  3923. }
  3924.  
  3925. #settings-roles .selected-role .btn-confirm:not(.reverse-slide) .btn:first-of-type {
  3926. background-color:#232323!important
  3927. }
  3928.  
  3929. #settings-roles .selected-role .btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type) {
  3930. background:#232323
  3931. }
  3932.  
  3933. #settings-roles .selected-role .btn-confirm:not(.reverse-slide).active .btn:last-of-type:not(:first-of-type):hover {
  3934. background:#900
  3935. }
  3936.  
  3937. .btn-help {
  3938. font-size:15px;
  3939. background:#191919
  3940. }
  3941.  
  3942. .btn-help:hover,.radio:hover span:after {
  3943. background:#232323
  3944. }
  3945.  
  3946. .btn-confirm .btn:first-of-type {
  3947. background-color:#232323
  3948. }
  3949.  
  3950. .btn-confirm .btn:first-of-type:hover {
  3951. background-color:#900
  3952. }
  3953.  
  3954. .btn-confirm.active .btn:last-of-type:not(:first-of-type) {
  3955. background-color:#232323
  3956. }
  3957.  
  3958. .btn-confirm.active .btn:last-of-type:not(:first-of-type):hover {
  3959. background-color:#900
  3960. }
  3961.  
  3962. .btn-confirm.active .btn {
  3963. background-color:#900
  3964. }
  3965.  
  3966. .form .btn.green {
  3967. color:#e5e5e5;
  3968. background:#232323
  3969. }
  3970.  
  3971. .form .btn.green:hover {
  3972. background:#900;
  3973. color:#e5e5e5
  3974. }
  3975.  
  3976. .user-settings-security .btn-ghost {
  3977. color:#e5e5e5;
  3978. background:#232323;
  3979. border:none
  3980. }
  3981.  
  3982. .user-settings-security .mfa-group .mfa-active {
  3983. color:#e5e5e5
  3984. }
  3985.  
  3986. .user-settings-security .mfa-group .lock-icon {
  3987. display:none
  3988. }
  3989.  
  3990. .user-settings-security.show-art {
  3991. background:none
  3992. }
  3993.  
  3994. .guild-settings-modal-security {
  3995. background:none
  3996. }
  3997.  
  3998. .user-settings-security .btn-ghost:hover {
  3999. background:#900
  4000. }
  4001.  
  4002. .user-settings-security p {
  4003. color:#ccc
  4004. }
  4005.  
  4006. .user-settings-security .backup-codes p {
  4007. color:#ccc
  4008. }
  4009.  
  4010. .user-settings-security .backup-codes p strong {
  4011. color:#ccc
  4012. }
  4013.  
  4014. .user-settings-security .backup-codes .code {
  4015. color:#b2b2b2
  4016. }
  4017.  
  4018. .user-settings-modal .link-button {
  4019. color:#b2b2b2
  4020. }
  4021.  
  4022. .user-settings-modal .link-button:hover {
  4023. color:#ccc
  4024. }
  4025.  
  4026. .radio .radio-inner span:after {
  4027. background:#666;
  4028. border-radius:5px
  4029. }
  4030.  
  4031. .radio .radio-inner {
  4032. background:#232323;
  4033. border-radius:10px;
  4034. border:0
  4035. }
  4036.  
  4037. .radio-theme input[type=radio]:checked~label {
  4038. border:4px solid #666;
  4039. }
  4040.  
  4041. .radio-theme.dark label:not(.selected) {
  4042. border:none
  4043. }
  4044.  
  4045. .radio-theme.light label:not(.selected) {
  4046. border:none
  4047. }
  4048.  
  4049. .user-settings-modal .voice-settings .reset-voice-settings {
  4050. color:#b2b2b2
  4051. }
  4052.  
  4053. .user-settings-modal .voice-settings .reset-voice-settings:hover {
  4054. color:#e5e5e5;
  4055. opacity:1
  4056. }
  4057.  
  4058. .user-settings-modal-keybinds .user-settings-modal-keybinds-header {
  4059. border-bottom:none
  4060. }
  4061.  
  4062. .user-settings-modal-keybinds .user-settings-modal-keybinds-header .btn-add-keybind {
  4063. background:#232323
  4064. }
  4065.  
  4066. .user-settings-modal-keybinds .user-settings-modal-keybinds-header .btn-add-keybind:hover {
  4067. background:#900
  4068. }
  4069.  
  4070. .user-settings-modal-keybinds .user-settings-modal-keybinds-list .keybind .btn-confirm:not(.reverse-slide) .btn:first-of-type:hover {
  4071. background-color:#900!important
  4072. }
  4073.  
  4074. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .name {
  4075. color:#e5e5e5
  4076. }
  4077.  
  4078. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .btn {
  4079. border:none;
  4080. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  4081. inset 1px -1px 8px #000,1px -1px 8px #000;
  4082. border-radius:0
  4083. }
  4084.  
  4085. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container.disabled .btn {
  4086. background-repeat:no-repeat;
  4087. background-position:50%;
  4088. background-size:auto
  4089. }
  4090.  
  4091. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations {
  4092. color:#ccc!important;
  4093. background:#232323;
  4094. box-shadow:none
  4095. }
  4096.  
  4097. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .btn {
  4098. box-shadow:none
  4099. }
  4100.  
  4101. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations {
  4102. border:none!important
  4103. }
  4104.  
  4105. .user-settings-modal-connections .user-settings-modal-connections-list {
  4106. box-shadow:none!important
  4107. }
  4108.  
  4109. .user-settings-modal-connections .user-settings-modal-connections-header label {
  4110. color:#e5e5e5
  4111. }
  4112.  
  4113. .settings-connections-wrapper .authed-app {
  4114. background:#232323;
  4115. border:none;
  4116. box-shadow:none
  4117. }
  4118.  
  4119. .settings-connections-wrapper .authed-app .header .header-actions .action-btn {
  4120. background:#191919
  4121. }
  4122.  
  4123. .settings-connections-wrapper .authed-app .header .header-actions .action-btn:hover {
  4124. background:#900!important
  4125. }
  4126.  
  4127. .settings-connections-wrapper .authed-app .header .app-name {
  4128. color:#e5e5e5
  4129. }
  4130.  
  4131. .settings-connections-wrapper .authed-app .details .header {
  4132. color:#ccc
  4133. }
  4134.  
  4135. .settings-connections-wrapper .authed-app .details .body {
  4136. color:#b2b2b2
  4137. }
  4138.  
  4139. .settings-connections-wrapper .authed-app .details .body li {
  4140. color:#b2b2b2
  4141. }
  4142.  
  4143. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-divider {
  4144. display:none
  4145. }
  4146.  
  4147. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list h3 {
  4148. color:#e5e5e5
  4149. }
  4150.  
  4151. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .user-settings-modal-accounts-list-description .user-settings-modal-accounts-list-description-inner.warning {
  4152. color:#b2b2b2
  4153. }
  4154.  
  4155. .connect-account-btn .connect-account-btn-inner {
  4156. border:none
  4157. }
  4158.  
  4159. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-options .connection-option .checkbox .checkbox-inner.alt input[type=checkbox]+span {
  4160. background:#383838
  4161. }
  4162.  
  4163. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-options .connection-option .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span {
  4164. background:#900
  4165. }
  4166.  
  4167. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-options .connection-option .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span:after {
  4168. background:#e5e5e5
  4169. }
  4170.  
  4171. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete {
  4172. background:#191919;
  4173. border:none
  4174. }
  4175.  
  4176. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-header .btn-delete:hover {
  4177. background:#900!important
  4178. }
  4179.  
  4180. /* connection backgrounds */
  4181.  
  4182. div.connection[style*='border-color: rgb(0, 154, 229); background-color: rgb(0, 154, 229);'] {
  4183. background:#232323!important;
  4184. border:none!important
  4185. }
  4186.  
  4187. div.connection[style*='border-color: rgb(24, 35, 50); background-color: rgb(24, 35, 50);'] {
  4188. background:#232323!important;
  4189. border:none!important
  4190. }
  4191.  
  4192. div.connection[style*='border-color: rgb(89, 54, 149); background-color: rgb(89, 54, 149);'] {
  4193. background:#232323!important;
  4194. border:none!important
  4195. }
  4196.  
  4197. div.connection[style*='border-color: rgb(203, 33, 32); background-color: rgb(203, 33, 32);'] {
  4198. background:#232323!important;
  4199. border:none!important
  4200. }
  4201.  
  4202. .connect-account-btn .connect-account-btn-inner:hover {
  4203. background-color:#232323
  4204. }
  4205.  
  4206. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-accounts-list .user-settings-modal-accounts-list-description .user-settings-modal-accounts-list-description-inner {
  4207. color:#b2b2b2!important
  4208. }
  4209.  
  4210. .user-settings-modal-keybinds
  4211. .user-settings-modal-keybinds-header {
  4212. border-bottom:0 #232323 solid
  4213. }
  4214.  
  4215. .user-settings-modal .account-warning {
  4216. background:#232323!important;
  4217. color:#e5e5e5!important;
  4218. border:none!important
  4219. }
  4220.  
  4221. .user-settings-locale p {
  4222. color:#b2b2b2
  4223. }
  4224.  
  4225. .tab-bar.TOP {
  4226. border:0 solid #232323
  4227. }
  4228.  
  4229. .tab-bar.TOP .tab-bar-item {
  4230. color:#b2b2b2
  4231. }
  4232.  
  4233. .tab-bar.TOP .tab-bar-item:hover {
  4234. color:#ccc;
  4235. border:none
  4236. }
  4237.  
  4238. .tab-bar.TOP .tab-bar-item.selected {
  4239. border:none;
  4240. color:#e5e5e5
  4241. }
  4242.  
  4243. .markdown-modal .markdown-modal-footer {
  4244. border-top:6px solid #900;
  4245. color:#ccc
  4246. }
  4247.  
  4248. .markdown-modal ul li {
  4249. color:#b2b2b2
  4250. }
  4251.  
  4252. .markdown-modal strong {
  4253. color:#ccc
  4254. }
  4255.  
  4256. .change-log-button-container:before {
  4257. display:none
  4258. }
  4259.  
  4260. .change-log-button-container .change-log-button {
  4261. margin-top:-15px
  4262. }
  4263.  
  4264. #overlay-explanation {
  4265. background:#232323;
  4266. color:#e5e5e5;
  4267. margin-bottom:21px
  4268. }
  4269.  
  4270. .user-settings-streamer-mode {
  4271. background:none
  4272. }
  4273.  
  4274. .user-settings-modal-games {
  4275. background:#191919!important;
  4276. border:solid #900 0!important;
  4277. box-shadow:none
  4278. }
  4279.  
  4280. .user-settings-modal-games .games-table .games-row .item-game,.user-settings-modal-games .games-table .games-row .item-overlay {
  4281. border-color:#191919!important
  4282. }
  4283.  
  4284. .user-settings-modal-games .games-table .games-row .item-game .game-input,.user-settings-modal-games .games-table .games-row .item-game .game-name {
  4285. color:#e5e5e5
  4286. }
  4287.  
  4288. .user-settings-modal-games .games-table .games-row .item-game .last-played {
  4289. color:#ccc
  4290. }
  4291.  
  4292. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .count {
  4293. color:#b2b2b2
  4294. }
  4295.  
  4296. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container.disabled .count {
  4297. color:#b2b2b2
  4298. }
  4299.  
  4300. .now-playing.no-detection {
  4301. background:#232323
  4302. }
  4303.  
  4304. .now-playing.no-detection {
  4305. border:0
  4306. }
  4307.  
  4308. .now-playing {
  4309. background-color:#232323;
  4310. border:1px solid;
  4311. animation-name:pulse;
  4312. animation-duration:1.5s;
  4313. animation-direction:alternate
  4314. }
  4315.  
  4316. @keyframes pulse {
  4317. 100%{border-color:#e5e5e5}
  4318. 50%{border-color:#191919}
  4319. }
  4320.  
  4321. .now-playing-add {
  4322. color:#b2b2b2
  4323. }
  4324.  
  4325. .now-playing-add .link {
  4326. color:#ccc
  4327. }
  4328.  
  4329. div.now-playing-add span.link:hover {
  4330. color:#e5e5e5!important
  4331. }
  4332. /*----------MADE BY BEARD DESIGN----------*/
  4333. .checkbox .checkbox-inner input[type=checkbox]:checked+span:after {
  4334. background:#e5e5e5;
  4335. top:-1px;
  4336. border-right:0px;
  4337. border-bottom:0px;
  4338. transform:translate(10px,0px);
  4339. box-shadow:0px 2px 3px rgba(0,0,0,0.4)
  4340. }
  4341.  
  4342. .checkbox .checkbox-inner input[type=checkbox]:checked+span {
  4343. background:#900;
  4344. border:0px;
  4345. height:14px;
  4346. width:30px;
  4347. top:0px;
  4348. border-radius:0px;
  4349. margin-left:0px!important
  4350. }
  4351.  
  4352. .checkbox .checkbox-inner.alt input[type=checkbox]+span {
  4353. background:#191919;
  4354. border:none
  4355. }
  4356.  
  4357. .checkbox .checkbox-inner.alt input[type=checkbox]:checked+span {
  4358. background:#900
  4359. }
  4360.  
  4361. .checkbox .checkbox-inner input[type=checkbox]:disabled+span {
  4362. background:#333
  4363. }
  4364.  
  4365. .now-playing .checkbox .checkbox-inner input[type=checkbox]:disabled+span {
  4366. background:#000
  4367. }
  4368.  
  4369. .checkbox .checkbox-inner input[type=checkbox]:checked:disabled+span {
  4370. background:#333
  4371. }
  4372.  
  4373. .checkbox .checkbox-inner:disabled+span {
  4374. background:#333
  4375. }
  4376.  
  4377. .checkbox .checkbox-inner span {
  4378. top:0px;
  4379. height:14px;
  4380. width:30px;
  4381. border-radius:0px;
  4382. border:0px;
  4383. background:#232323;
  4384. margin-left:0px!important
  4385. }
  4386.  
  4387. .checkbox .checkbox-inner+span {
  4388. margin-left:18px!important
  4389. }
  4390.  
  4391. .checkbox .checkbox-inner span:after {
  4392. content:"";
  4393. position:absolute;
  4394. background:#666;
  4395. transform:rotate(0deg)translate(0px,0px);
  4396. height:16px!important;
  4397. width:16px!important;
  4398. top:-1px;
  4399. border-radius:0px;
  4400. border-right:0px;
  4401. border-bottom:0px;
  4402. transition:all 200ms ease;
  4403. box-shadow:0px 2px 3px rgba(0,0,0,0.3)
  4404. }
  4405.  
  4406. /*-------------------------------------------*/
  4407.  
  4408. .bd-g-table tbody tr,.bd-g-table thead th,.bd-g-table tbody tr:nth-child(odd) {
  4409. background:#232323!important
  4410. }
  4411.  
  4412. .bd-g-table textarea {
  4413. color:#e5e5e5!important;
  4414. background:#e5e5e5!important;
  4415. padding:10px!important;
  4416. box-sizing:border-box
  4417. }
  4418.  
  4419. #bd-pane .scroller-wrap div[style*="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;"] {
  4420. background:#191919!important
  4421. }
  4422.  
  4423. .CodeMirror {
  4424. background:#232323!important;
  4425. border-radius:0;
  4426. color:#b2b2b2!important
  4427. }
  4428.  
  4429. .CodeMirror-gutters {
  4430. background:#191919!important;
  4431. border:none!important
  4432. }
  4433.  
  4434. .CodeMirror-linenumber {
  4435. color:#b2b2b2!important
  4436. }
  4437.  
  4438. .CodeMirror > ::-webkit-scrollbar-thumb {
  4439. background-color:#232323;
  4440. background-clip:padding-box;
  4441. border:1px solid #191919;
  4442. border-radius:0px
  4443. }
  4444.  
  4445. .CodeMirror > ::-webkit-scrollbar,
  4446. .CodeMirror > ::-webkit-scrollbar-track {
  4447. background:#191919;
  4448. width:14px
  4449. }
  4450.  
  4451. .CodeMirror > ::-webkit-scrollbar-track-piece {
  4452. background-color:#191919;
  4453. background-clip:padding-box;
  4454. border:2px solid #191919;
  4455. border-radius:0px
  4456. }
  4457.  
  4458. .CodeMirror-scrollbar-filler {
  4459. background:#191919
  4460. }
  4461.  
  4462. .cm-s-neat span.cm-builtin {
  4463. color:#ff6666
  4464. }
  4465.  
  4466. .cm-s-neat span.cm-atom,.cm-s-neat span.cm-number {
  4467. color:green
  4468. }
  4469.  
  4470. .cm-s-neat span.cm-keyword {
  4471. color:#ff6666
  4472. }
  4473.  
  4474. .cm-s-neat span.cm-meta {
  4475. color:#0080ff
  4476. }
  4477.  
  4478. .cm-s-neat span.cm-variable {
  4479. color:#0080ff
  4480. }
  4481.  
  4482. .cm-s-neat span.cm-string {
  4483. color:#0080ff
  4484. }
  4485.  
  4486. .member-roles .member-role {
  4487. background-color:#232323;
  4488. border:0 solid #000;
  4489. padding:2px 4px;
  4490. color:#fff;
  4491. margin:2.5px
  4492. }
  4493.  
  4494. #permissions .permission-actions span {
  4495. color:#ccc!important
  4496. }
  4497.  
  4498. #permissions .permission-actions {
  4499. color:#ccc
  4500. }
  4501.  
  4502. #autocomplete-popout .empty h4 {
  4503. color:#e5e5e5
  4504. }
  4505.  
  4506. #permissions .permissions-helpdesk,.guild-settings-modal-members .guild-settings-modal-members-footer a {
  4507. color:#999
  4508. }
  4509.  
  4510. #permissions .permissions-helpdesk:hover,.guild-settings-modal-members .guild-settings-modal-members-footer a:hover {
  4511. color:#e5e5e5
  4512. }
  4513.  
  4514. #user-profile-modal .header {
  4515. background:#191919;
  4516. border-bottom:6px solid #900
  4517. }
  4518.  
  4519. #user-profile-modal .btn {
  4520. background:#232323
  4521. }
  4522.  
  4523. #user-profile-modal .btn:hover {
  4524. background:#900
  4525. }
  4526.  
  4527. #user-profile-modal .sub-header,#user-profile-modal .tab-bar,#user-profile-modal .scroller,#user-profile-modal .empty,#user-profile-modal footer {
  4528. background:#191919!important
  4529. }
  4530.  
  4531. #user-profile-modal .guilds .guild:hover {
  4532. background:#232323!important;
  4533. color:#e5e5e5
  4534. }
  4535.  
  4536. #user-profile-modal .avatar-profile {
  4537. border:hidden;
  4538. background-color:rgba(0,0,0,0);
  4539. border-radius:0px;
  4540. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  4541. inset 1px -1px 8px #000,1px -1px 8px #000
  4542. }
  4543.  
  4544. #user-profile-modal .guilds .avatar-large {
  4545. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  4546. inset 1px -1px 8px #000,1px -1px 8px #000;
  4547. border-radius:0px
  4548. }
  4549.  
  4550. #user-profile-modal .guilds .guild .guild-nick {
  4551. color:#b2b2b2
  4552. }
  4553.  
  4554. #user-profile-modal .avatar-profile .status {
  4555. box-shadow:none;
  4556. border:4px solid #191919
  4557. }
  4558.  
  4559. #user-profile-modal .guilds .guild .status {
  4560. border-color:#191919
  4561. }
  4562.  
  4563. #user-profile-modal .guilds .guild:hover .status {
  4564. border-color:#191919
  4565. }
  4566.  
  4567. #user-profile-modal .tab-bar-container {
  4568. background:#191919;
  4569. border:none
  4570. }
  4571.  
  4572. #user-profile-modal .guilds .section .section-header {
  4573. color:#e5e5e5
  4574. }
  4575.  
  4576. #user-profile-modal .guilds .section+.section {
  4577. border:none
  4578. }
  4579.  
  4580. #user-profile-modal .guilds .section .connected-account .connected-account-name {
  4581. color:#ccc
  4582. }
  4583.  
  4584. /* New User Profile Modal */
  4585.  
  4586. #user-profile-modal .guilds .section .connected-accounts .connected-account {
  4587. border:none;
  4588. background:#232323
  4589. }
  4590.  
  4591. #user-profile-modal .guilds .section .connected-accounts .connected-account .connected-account-name-inner .connected-account-name {
  4592. color:#e5e5e5
  4593. }
  4594.  
  4595. #user-profile-modal .header .header-info .header-info-inner .discord-tag .username {
  4596. color:#e5e5e5
  4597. }
  4598.  
  4599. #user-profile-modal .header .header-info .header-info-inner .discord-tag .discriminator {
  4600. color:#e5e5e5
  4601. }
  4602.  
  4603. #user-profile-modal .actions .btn {
  4604. background:#232323!important
  4605. }
  4606.  
  4607. #user-profile-modal .actions .btn:hover {
  4608. background:#900!important
  4609. }
  4610.  
  4611. #user-profile-modal .header .header-info .header-info-inner .activity {
  4612. color:#b2b2b2;
  4613. text-indent:-42px
  4614. }
  4615.  
  4616. #user-profile-modal .tab-bar .tab-bar-item.selected {
  4617. color:#e5e5e5
  4618. }
  4619.  
  4620. #user-profile-modal .tab-bar .tab-bar-item {
  4621. color:#b2b2b2
  4622. }
  4623.  
  4624. #user-profile-modal .header:after {
  4625. display:none
  4626. }
  4627.  
  4628. /* --- */
  4629.  
  4630. .theme-dark .header-toolbar .separator {
  4631. background:none;
  4632. margin-left:0
  4633. }
  4634.  
  4635. #bd-customcss-attach-controls {
  4636. background:#191919;
  4637. border:none;
  4638. box-shadow:none;
  4639. padding:5px 10px 10px
  4640. }
  4641.  
  4642. #bd-customcss-attach-controls .checkbox > span {
  4643. font-size:14px;
  4644. margin-right:8px;
  4645. margin-left:7px
  4646. }
  4647.  
  4648. #bd-customcss-detach-container #bd-customcss-detach-controls-buttons button {
  4649. background:#232323
  4650. }
  4651.  
  4652. #bd-customcss-detach-container #bd-customcss-detach-controls-buttons button:hover {
  4653. background:#900
  4654. }
  4655.  
  4656. #bd-customcss-detach-container {
  4657. background:#191919
  4658. }
  4659.  
  4660. .bda-slist li {
  4661. background:#191919;
  4662. border:none;
  4663. margin-bottom:35px!important
  4664. }
  4665.  
  4666. .bda-slist li:nth-child(odd) {
  4667. background:#191919;
  4668. border:none
  4669. }
  4670.  
  4671. .bda-slist .bda-description {
  4672. border:none;
  4673. color:#b2b2b2
  4674. }
  4675.  
  4676. .bda-slist .bda-name {
  4677. color:#e5e5e5
  4678. }
  4679.  
  4680. .bda-slist .checkbox:before {
  4681. color:#b2b2b2
  4682. }
  4683.  
  4684. .bda-slist .bda-right {
  4685. margin-top:-100px
  4686. }
  4687.  
  4688. .bda-slist .bda-right .bda-plugin-reload {
  4689. background:#232323
  4690. }
  4691.  
  4692. #bd-themes-pane .bda-plugin-reload {
  4693. margin-top:35px
  4694. }
  4695.  
  4696. .bda-slist .bda-right .bda-plugin-settings {
  4697. background:#232323
  4698. }
  4699.  
  4700. .bda-slist .bda-right .bda-plugin-settings:hover {
  4701. background:#900
  4702. }
  4703.  
  4704. .bda-slist .bda-right .bda-plugin-reload:hover {
  4705. background:#900
  4706. }
  4707.  
  4708. /* Even Better Repo Plugin CSS */
  4709.  
  4710. #theme-search, #plugin-search {
  4711. background:#232323!important;
  4712. border:1px solid #191919!important;
  4713. color:#e5e5e5
  4714. }
  4715.  
  4716. .ebr-plugin-item, .ebr-theme-item {
  4717. background:#232323!important;
  4718. border:none!important;
  4719. border-radius:0!important
  4720. }
  4721.  
  4722. #theme-search:focus, #plugin-search:focus {
  4723. border:1px solid #191919!important;
  4724. box-shadow:none!important;
  4725. outline:none!important
  4726. }
  4727.  
  4728. .install-button {
  4729. background:#555!important
  4730. }
  4731.  
  4732. .update-button {
  4733. background:#900!important
  4734. }
  4735.  
  4736. .view-source-button {
  4737. background:#383838!important
  4738. }
  4739.  
  4740. .ebr-themes p.description, .ebr-plugins p.description {
  4741. color:#ccc!important
  4742. }
  4743.  
  4744. /* Detected Connections */
  4745.  
  4746. .detected-platform-accounts-modal {
  4747. background:#191919;
  4748. height:375px;
  4749. border-radius:6px
  4750. }
  4751.  
  4752. .detected-platform-accounts-modal .privacy {
  4753. bottom:0;
  4754. width:450px;
  4755. left:0;
  4756. position:relative;
  4757. margin-top:3px
  4758. }
  4759.  
  4760. .detected-platform-accounts-modal .divider {
  4761. border-top:6px solid #900;
  4762. width:450px;
  4763. opacity:1;
  4764. height:0
  4765. }
  4766.  
  4767. .input-switch input:checked+.input-switch-slider:before {
  4768. border-radius:0;
  4769. border:none;
  4770. height:20px;
  4771. width:20px;
  4772. position:absolute;
  4773. left:0px;
  4774. top:-3px
  4775. }
  4776.  
  4777. .input-switch .input-switch-slider:before {
  4778. border-radius:0;
  4779. border:none;
  4780. height:20px;
  4781. width:20px;
  4782. position:absolute;
  4783. left:0px;
  4784. top:-3px
  4785. }
  4786.  
  4787. .input-switch input:checked+.input-switch-slider {
  4788. border-radius:0;
  4789. border:2px solid #191919;
  4790. background:#900;
  4791. height:15px;
  4792. width:20px
  4793. }
  4794.  
  4795. .input-switch .input-switch-slider {
  4796. border-radius:0;
  4797. border:2px solid #191919;
  4798. background:#232323;
  4799. height:15px;
  4800. width:40px
  4801. }
  4802.  
  4803. .detected-platform-accounts-modal .btn-group .btn-primary {
  4804. background:#232323
  4805. }
  4806.  
  4807. .detected-platform-accounts-modal .btn-group .btn-primary:hover {
  4808. background:#900!important
  4809. }
  4810.  
  4811. /* KEYBOARD SHORTCUTS */
  4812.  
  4813. .keyboard-shortcuts-modal {
  4814. background:#191919
  4815. }
  4816.  
  4817. .keyboard-shortcuts-modal .modal-subtitle {
  4818. border-bottom:6px solid #900;
  4819. color:#ccc
  4820. }
  4821.  
  4822. .keybind-shortcut span {
  4823. box-shadow:inset 0 -4px 0 #666;
  4824. border:1px solid #666;
  4825. color:#ccc
  4826. }
  4827.  
  4828. .keyboard-shortcuts-modal .modal-title .content {
  4829. color:#e5e5e5
  4830. }
  4831.  
  4832. .keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .keybind-description {
  4833. color:#b2b2b2
  4834. }
  4835.  
  4836. .keyboard-shortcuts-modal .keyboard-shortcut-list .keybind-group .bind-arrow {
  4837. content:url(https://i.imgur.com/IRzpP3m.png)
  4838. }
  4839.  
  4840. .keyboard-shortcuts-modal .scroller-wrap .scroller::-webkit-scrollbar-thumb {
  4841. background:#383838!important;
  4842. border:1px solid transparent!important;
  4843. background-clip:content-box!important
  4844. }
  4845. /* Webhooks */
  4846.  
  4847. .webhooks .webhooks-header {
  4848. border-bottom:none
  4849. }
  4850.  
  4851. .webhooks .webhook {
  4852. background:#232323
  4853. }
  4854.  
  4855. .webhooks .webhook .webhook-header .avatar-large {
  4856. border-radius:0!important;
  4857. box-shadow:-1px 1px 8px #000,inset -1px 1px 8px #000,
  4858. inset 1px -1px 8px #000,1px -1px 8px #000
  4859. }
  4860.  
  4861. .webhooks .webhook .webhook-header .webhook-details .webhook-name {
  4862. color:#e5e5e5
  4863. }
  4864.  
  4865. .webhooks .webhook .webhook-header .webhook-details .webhook-created-on {
  4866. color:#ccc;
  4867. position:absolute
  4868. }
  4869.  
  4870. .webhooks .webhook .webhook-header .webhook-actions .btn-clear {
  4871. background:#191919!important;
  4872. color:#ccc
  4873. }
  4874.  
  4875. .webhooks .webhook .webhook-header .webhook-actions .btn-clear:hover {
  4876. background:#900!important;
  4877. color:#e5e5e5
  4878. }
  4879.  
  4880. .webhooks .webhooks-header button.btn.btn-primary.green {
  4881. positio:relative!important;
  4882. botto:-530px!important;
  4883. z-index:1
  4884. }
  4885.  
  4886. .webhooks .webhook .webhook-config input#webhook-name {
  4887. background:#191919!important;
  4888. margin-top:11px
  4889. }
  4890.  
  4891. .webhooks .webhook .webhook-config div.Select-placeholder {
  4892. background:#191919!important
  4893. }
  4894.  
  4895. .webhooks .webhook .webhook-config .Select-menu-outer {
  4896. background:#191919;
  4897. overflow-y:auto;
  4898. max-height:125px
  4899. }
  4900.  
  4901. .webhooks .webhook .webhook-config .Select-menu-outer::-webkit-scrollbar {
  4902. background:none
  4903. }
  4904.  
  4905. .webhooks .webhook .webhook-config .Select-menu-outer::-webkit-scrollbar-thumb {
  4906. background:#383838;
  4907. border:2px solid transparent;
  4908. background-clip:content-box
  4909. }
  4910.  
  4911. .webhooks .webhook .webhook-config .Select-menu {
  4912. overflow-y:hidden
  4913. }
  4914.  
  4915. .webhooks .webhook .webhook-config input {
  4916. background:#191919!important
  4917. }
  4918.  
  4919. .webhooks .webhook .webhook-config button.copy.flash.icon {
  4920. background-color:#191919
  4921. }
  4922.  
  4923. .webhooks .webhook .webhook-config button.copy.flash.icon:hover {
  4924. background-color:#383838
  4925. }
  4926.  
  4927. .webhooks .webhook .webhook-header .webhook-actions .btn-confirm {
  4928. background:#191919!important
  4929. }
  4930.  
  4931. .webhooks .webhook .webhook-header .webhook-actions .btn-default {
  4932. background:#191919;
  4933. }
  4934.  
  4935. .webhooks .webhook .webhook-header .webhook-actions .btn-default:hover {
  4936. background:#900!important
  4937. }
  4938.  
  4939. .webhooks .webhook .webhook-header .webhook-actions .btn.green {
  4940. background:#191919;
  4941. position:relative;
  4942. top:-2px
  4943. }
  4944.  
  4945. .webhooks .webhook .webhook-header .webhook-actions .btn.green:hover {
  4946. background:#900!important
  4947. }
  4948.  
  4949. .webhooks .webhook .webhook-header .webhook-actions .btn-confirm.reverse-slide .btn:last-of-type:not(:first-of-type):hover {
  4950. background-color:#900!important
  4951. }
  4952.  
  4953. .webhooks .webhook .webhook-header .webhook-actions .btn-confirm.reverse-slide.active .btn:first-of-type {
  4954. background:#191919
  4955. }
  4956.  
  4957. .webhooks .webhook .webhook-header .webhook-actions .btn-confirm.reverse-slide.active .btn:first-of-type:hover {
  4958. background:#900!important
  4959. }
  4960.  
  4961. .webhooks .webhook .webhook-header .webhook-actions .btn-confirm.active .btn:last-of-type:not(:first-of-type) {
  4962. background-color:#191919
  4963. }
  4964.  
  4965. .webhooks .webhook .webhook-header .webhook-actions .btn-confirm.active .btn:last-of-type:not(:first-of-type):hover {
  4966. background-color:#900!important
  4967. }
  4968.  
  4969. /* Notices and Streamer mode */
  4970.  
  4971. .notice.notice-info {
  4972. background:#232323
  4973. }
  4974.  
  4975. .notice .btn {
  4976. background:#191919;
  4977. border:none;
  4978. color:#ccc
  4979. }
  4980.  
  4981. .notice .btn:hover {
  4982. background:#900;
  4983. color:#e5e5e5!important
  4984. }
  4985.  
  4986. .notice.notice-streamer-mode {
  4987. background:#232323
  4988. }
  4989.  
  4990. .streamer-mode-enabled .streamer-mode-enabled-btn,.streamer-mode-enabled .streamer-mode-enabled-btn.disabled {
  4991. background:#232323
  4992. }
  4993.  
  4994. .streamer-mode-enabled .streamer-mode-enabled-btn:hover,.streamer-mode-enabled .streamer-mode-enabled-btn.disabled:hover {
  4995. background:#900
  4996. }
  4997.  
  4998. .streamer-mode-enabled .streamer-mode-enabled-image {
  4999. opacity:.1
  5000. }
  5001.  
  5002. /*
  5003.  
  5004. __ __ _ ___ _
  5005. \ \ / /___ (_) __ ___ | \ ___ | |__ _ _ __ _
  5006. \ V // _ \| |/ _|/ -_) | |) |/ -_)| '_ \| || |/ _` |
  5007. \_/ \___/|_|\__|\___| |___/ \___||_.__/ \_,_|\__, |
  5008. |___/
  5009. */
  5010. .form .control-groups .control-group {
  5011. color:#b2b2b2
  5012. }
  5013.  
  5014. .form .control-group label {
  5015. color:#ccc
  5016. }
  5017.  
  5018. .form .control-group .help-text {
  5019. color:#999
  5020. }
  5021.  
  5022. .form .control-groups label {
  5023. color:#ccc
  5024. }
  5025.  
  5026. .settings .settings-inner .settings-panel {
  5027. color:#e5e5e5
  5028. }
  5029.  
  5030. #voice-debug-modal #users-section .user-list {
  5031. border-right:none
  5032. }
  5033.  
  5034. #voice-debug-modal #users-section .selected-user {
  5035. color:#e5e5e5;
  5036. border-left:none!important
  5037. }
  5038.  
  5039. #voice-debug-modal #users-section .user-list li.selected {
  5040. background:#232323;
  5041. color:#e5e5e5;
  5042. margin-left:6px
  5043. }
  5044.  
  5045. #voice-debug-modal #users-section .user-list li {
  5046. background:#191919;
  5047. color:#b2b2b2;
  5048. margin-left:6px
  5049. }
  5050.  
  5051. #voice-debug-modal #users-section .user-list .avatar-small {
  5052. border-radius:0;
  5053. box-shadow:-1px 1px 4px #000,inset -1px 1px 4px #000,
  5054. inset 1px -1px 4px #000,1px -1px 4px #000
  5055. }
  5056.  
  5057. #voice-debug-modal #users-section .user-list li:not(.selected):hover {
  5058. background:rgba(35,35,35,.50);
  5059. color:#e5e5e5;
  5060. margin-left:6px
  5061. }
  5062.  
  5063. #voice-debug-modal #users-section .user-list li.selected:before {
  5064. background:none
  5065. }
  5066.  
  5067. #voice-debug-modal #users-section .user-list li:hover:not(.selected):before {
  5068. background:none
  5069. }
  5070.  
  5071. #voice-debug-modal #users-section .user-list li:not(.selected):before {
  5072. background:#191919
  5073. }
  5074.  
  5075. #voice-connection-popout .debug-button {
  5076. color:#e5e5e5
  5077. }
  5078.  
  5079. #voice-connection-popout .secured {
  5080. color:#e5e5e5
  5081. }
  5082.  
  5083. #voice-connection-popout section p {
  5084. color:#b2b2b2
  5085. }
  5086.  
  5087. #voice-connection-popout hr {
  5088. border:hidden
  5089. }
  5090.  
  5091. /*
  5092. _ _ _ _ _ _
  5093. _ __ _ _| |__ | (_) ___ | | (_)___| |_
  5094. | '_ \| | | | '_ \| | |/ __| | | | / __| __|
  5095. | |_) | |_| | |_) | | | (__ | |___| \__ \ |_
  5096. | .__/ \__,_|_.__/|_|_|\___| |_____|_|___/\__|
  5097. |_|
  5098.  
  5099. */
  5100. #slist,#pubs-container {
  5101. background-color:#191919!important;
  5102. border-radius:5px 5px 0 0;
  5103. border:hidden
  5104. }
  5105.  
  5106. #pubs-header {
  5107. padding:10px;
  5108. background-color:#232323!important;
  5109. border-radius:5px 5px 0 0;
  5110. border:none
  5111. }
  5112.  
  5113. #pubs-header input {
  5114. padding-left:10px;
  5115. background:#191919
  5116. }
  5117.  
  5118. #pubs-header button {
  5119. background:#191919;
  5120. border-right:3px solid #232323
  5121. }
  5122.  
  5123. #pubs-searchbtn {
  5124. background:#191919!important;
  5125. border-left:3px solid #232323;
  5126. font-size:14px
  5127. }
  5128.  
  5129. #pubs-searchbtn:hover {
  5130. background:#900!important;
  5131. color:#ccc
  5132. }
  5133.  
  5134. .bd-dropdown-list ul li {
  5135. background:#232323!important;
  5136. color:#e5e5e5
  5137. }
  5138.  
  5139. #pubs-footer {
  5140. padding:10px;
  5141. font-size:12px;
  5142. background:#232323!important;
  5143. border-radius:0 0 5px 5px
  5144. }
  5145.  
  5146. .server-name span {
  5147. color:#ccc
  5148. }
  5149.  
  5150. .server-tags {
  5151. color:#b2b2b2!important
  5152. }
  5153.  
  5154. .server-icon {
  5155. width:50px;
  5156. height:50px;
  5157. border-radius:100%
  5158. }
  5159.  
  5160. .server-row {
  5161. padding:10px 10px 8px
  5162. }
  5163.  
  5164. .server-info {
  5165. line-height:50px
  5166. }
  5167.  
  5168. .server-info span {
  5169. color:#ccc
  5170. }
  5171.  
  5172. .server-info button {
  5173. background-color:#232323!important;
  5174. width:70px;
  5175. height:40px;
  5176. margin-top:4px;
  5177. margin-right:4px
  5178. }
  5179.  
  5180. .server-info button:hover {
  5181. background-color:#900!important
  5182. }
  5183.  
  5184. #slist span {
  5185. color:#ccc!important
  5186. }
  5187.  
  5188. .server-row:nth-child(2n+1) {
  5189. background-color:#191919!important;
  5190. border:none
  5191. }
  5192.  
  5193. .server-row:nth-child(2n+2) {
  5194. background-color:#191919!important
  5195. }
  5196.  
  5197. /*
  5198. _____
  5199. |_ _|
  5200. | | ___ ___ _ __ ___
  5201. | | / __/ _ \| '_ \/ __|
  5202. _| || (_| (_) | | | \__ \
  5203. |_____\___\___/|_| |_|___/
  5204.  
  5205. */
  5206.  
  5207. .account .btn-settings:after {
  5208. background-image:url(https://i.imgur.com/rI8942r.png)!important;
  5209. opacity:.5!important
  5210. }
  5211.  
  5212. .account .btn-settings:hover:after {
  5213. opacity:1!important
  5214. }
  5215.  
  5216. .account .btn-mute:after {
  5217. background-image:url(https://i.imgur.com/ovju27H.png)!important;
  5218. opacity:.5
  5219. }
  5220.  
  5221. .account .btn-mute:hover:after {
  5222. background-image:url(https://i.imgur.com/66RcXXp.png)!important;
  5223. opacity:1!important;
  5224. -moz-transform:scaleX(-1);
  5225. -o-transform:scaleX(-1);
  5226. -webkit-transform:scaleX(-1);
  5227. transform:scaleX(-1);
  5228. filter:FlipV;
  5229. -ms-filter:"FlipV"
  5230. }
  5231.  
  5232. .account .btn-mute.disabled:after {
  5233. background-image:url(https://i.imgur.com/66RcXXp.png)!important;
  5234. opacity:1!important;
  5235. -moz-transform:scaleX(-1);
  5236. -o-transform:scaleX(-1);
  5237. -webkit-transform:scaleX(-1);
  5238. transform:scaleX(-1);
  5239. filter:FlipV;
  5240. -ms-filter:"FlipV"
  5241. }
  5242.  
  5243. .account .btn-deafen:after {
  5244. background-image:url(https://i.imgur.com/m1B6ZX1.png)!important;
  5245. opacity:.5
  5246. }
  5247.  
  5248. .account .btn-deafen:hover:after {
  5249. background-image:url(https://i.imgur.com/quqY44n.png)!important;
  5250. opacity:1
  5251. }
  5252.  
  5253. .account .btn-deafen.disabled:after {
  5254. background-image:url(https://i.imgur.com/quqY44n.png)!important;
  5255. opacity:1
  5256. }
  5257.  
  5258. #voice-connection .btn-info:after {
  5259. background-image:url(https://i.imgur.com/XrnhT3o.png);
  5260. background-size:22px 22px
  5261. }
  5262.  
  5263. #voice-connection .btn-disconnect:after {
  5264. background-image:url(https://i.imgur.com/Q0yl9MW.png);
  5265. background-size:25px 25px
  5266. }
  5267.  
  5268. #voice-connection-popout .secured:before {
  5269. background-image:url(https://i.imgur.com/CgPGTlg.png);
  5270. background-size:11px 11px
  5271. }
  5272.  
  5273. .message-group .btn-option.popout-open, .message-group .comment>div:hover .btn-option {
  5274. background-image:url(https://i.imgur.com/rI8942r.png)!important;
  5275. background-size:16px 16px!important;
  5276. opacity:.5!important;
  5277. }
  5278.  
  5279. .header-toolbar button span[style*='background-image: url("/assets/093cd423e728025709a8fc032bb43df0.svg");'] {
  5280. background-image:url(https://i.imgur.com/Q0yl9MW.png)!important;
  5281. transform:rotate(225deg)!important
  5282. }
  5283.  
  5284. .header-toolbar button span[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDxkZWZzPgogICAgPHBhdGggaWQ9ImEiIGQ9Ik04IDJWMEgxLjc3Nzc3Nzc4Qy43OTU5MzgyMiAwIDAgLjc5NTkzODIyIDAgMS43Nzc3Nzc3OFYxNC4yMjIyMjIyQzAgMTUuMjA0MDYxOC43OTU5MzgyMiAxNiAxLjc3Nzc3Nzc4IDE2SDE0LjIyMjIyMjJDMTUuMiAxNiAxNiAxNS4yMDg4ODg5IDE2IDE0LjIyMjIyMjJWOGgtMnY2SDJWMmg2eiIvPgogICAgPG1hc2sgaWQ9ImIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgeD0iMCIgeT0iMCIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4KICAgIDwvbWFzaz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiLz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQgNCkiPgogICAgICA8dXNlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBtYXNrPSJ1cmwoI2IpIiB4bGluazpocmVmPSIjYSIvPgogICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNNiA4LjE1NDk0ODVsNS40Mjc2NzU4LTUuNDI3Njc1NzcgMS44NDUwNTE1IDEuODQ1MDUxNUw3Ljg0NTA1MTUgMTBINlY4LjE1NDk0ODV6bTkuODYwMDMxMS02LjI3NTk3MjFsLS44NDgyOTYzLjg0ODI5NjMzLTEuNzM5MDA3NS0xLjczOTAwNzUuODQ4Mjk2My0uODQ4Mjk2MzNjLjE3ODE0MjItLjE4NjYyNTIuNDc1MDQ2LS4xODY2MjUyLjY1MzE4ODIgMGwxLjA4NTgxOTMgMS4wODU4MTkzYy4xODY2MjUyLjE3ODE0MjI0LjE4NjYyNTIuNDc1MDQ1OTYgMCAuNjUzMTg4MnoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==");']{
  5285. background-image:url(https://i.imgur.com/nHzSR9W.png)!important
  5286. }
  5287.  
  5288. .header-toolbar button span[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuMDA2Mjg2NjIgMjJjMSAwIDEuNzE0Mjg1NzItLjQwMTk1MzEgMS45OTk5OTk5OC0xLjAwNDg4MjhoLTMuOTk5OTk5OThjLjI4NTcxNDMuNjAyOTI5NyAxIDEuMDA0ODgyOCAyIDEuMDA0ODgyOHptNi45ODA1Mjk3OC0zLjk2MzQzOTlWMTBjMC0yLjY0LTIuMzAyODY2OC00Ljk3NTAzNjYyLTUuMDEwNTU5MDgtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1MTctMS4wMjk4NDYyLTEuOTczMTE0LTEuMDI5ODQ2Mi0xLjYyOTA1ODg1IDAtMS45NjU4NTA4NC4zMDk4NDYyLTEuOTY1ODUwODQgMS4wMjk4NDYyQzguMzI5NjAwMTggNS4wMjQ5NjMzOCA1Ljk5NTQ4MzQgNy4zNiA1Ljk5NTQ4MzQgMTB2OC4wMzY1NjAxaC0uOTg5MTk2Nzh2MS45NTE0MTZIMjF2LTEuOTUxNDE2aC0xLjAxMzE4MzZ6TTE4IDE4SDh2LTcuN0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzNEMxNi41NTU1NTU2IDcgMTggOC40MyAxOCAxMC4zVjE4eiIvPgo8L3N2Zz4=");'] {
  5289. background-image:url(https://i.imgur.com/rYtrTeW.png)!important
  5290. }
  5291.  
  5292. .header-toolbar button span[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMy4wMDYyODY2MiAyMmMuOTk5OTk5OTggMCAxLjcxNDI4NTY4LS40MDE5NTMxIDEuOTk5OTk5OTgtMS4wMDQ4ODI4aC0zLjk5OTk5OTk4Yy4yODU3MTQzLjYwMjkyOTcgMSAxLjAwNDg4MjggMiAxLjAwNDg4Mjh6bTYuOTgwNTI5NzgtMy45NjM0Mzk5VjEwYzAtMi42NC0yLjMwMjg2NjgtNC45NzUwMzY2Mi01LjAxMDU1OTEtNC45NzUwMzY2MiAwLS43Mi0uMzQ0MDU1Mi0xLjAyOTg0NjItMS45NzMxMTQtMS4wMjk4NDYyLTEuNjI5MDU4ODMgMC0xLjk2NTg1MDgyLjMwOTg0NjItMS45NjU4NTA4MiAxLjAyOTg0NjJDOC4zMjk2MDAxOCA1LjAyNDk2MzM4IDUuOTk1NDgzNCA3LjM2IDUuOTk1NDgzNCAxMHY4LjAzNjU2MDFoLS45ODkxOTY3OHYxLjk1MTQxNkgyMXYtMS45NTE0MTZoLTEuMDEzMTgzNnpNMTMuMDgzODk2MTYgMThsLTIuMDc4OTMwODIgMi4wMjcyMDQ1SDQuOTQxNjIwMzhWMThINnYtM2wyLTIuMDgyOTQyOTJWMTAuM0M4IDguNDMgOS40NDQ0NDQ0NCA3IDExLjMzMzMzMzMzIDdoMy4zMzMzMzMzN2MuMjA1ODcyMSAwIDEuMzU3OTgyNS0xLjkwOTA0NTggMS4zNTc5ODI1LTEuOTA5MDQ1OHMxLjMxODM5MDguMjc5MTU2OTIgMi41NTU1MzQzIDEuNTk4ODMzNjdjMS4yMzcxNDM2IDEuMzE5Njc2NzYgMS4zMjUzODg5IDMuMjUxOTI3NzQgMS4zMjUzODg5IDMuMjUxOTI3NzRMMTggMTIuOTQ1NDcyNTZWMThoLTQuOTE2MTAzODR6Ii8+CiAgICA8cGF0aCBzdHJva2U9IiNGMDQ3NDciIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIxIDVMNSAyMSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgogIDwvZz4KPC9zdmc+");'] {
  5293. background-image:url(https://i.imgur.com/szyUrwt.png)!important
  5294. }
  5295.  
  5296. .header-toolbar button span[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMSIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDE1VjZoLTR2OWgtLjUwODk5NDgyQzEwLjIyNzg4MDQ4IDE1IDEwIDE1LjIyMzg1NzYgMTAgMTUuNWMwIC4yNjgwNjY0LjIxOTgzMDUuNS40OTEwMDUxOC41aDUuMDE3OTg5NjRDMTUuNzcyMTE5NTIgMTYgMTYgMTUuNzc2MTQyNCAxNiAxNS41YzAtLjI2ODA2NjQtLjIxOTgzMDUtLjUtLjQ5MTAwNTE4LS41SDE1em0yLTloMVY0SDh2MmgxdjhsLTIgMnYyaDUuMnY0aDEuNnYtNEgxOXYtMmwtMi0yVjZ6Ii8+CiAgPC9nPgo8L3N2Zz4=");'] {
  5297. background-image:url(https://i.imgur.com/wK8aeTQ.png)!important
  5298. }
  5299.  
  5300. .header-toolbar button span[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMSAxM2MyLjIxIDAgNC0xLjc5IDQtNHMtMS43OS00LTQtNC00IDEuNzktNCA0IDEuNzkgNCA0IDR6bTAgMmMtMi42NyAwLTggMS4zNC04IDR2MmgxNnYtMmMwLTIuNjYtNS4zMy00LTgtNHptOS4wNjgxMTA2LTQuMDczNzMzODhWOC41NjEwODkzNmMwLS4xNzYyMDU0NSAwLS41NjEwODkzNi0uNTY2Nzc0Ny0uNTYxMDg5MzYtLjU2Njc3NDggMC0uNTcyMzk4MS4zODQ4ODM5LS41NzIzOTgxLjU2MTA4OTM2djIuMzY1MTc2NzZoLTIuMzE0ODE0NGMtLjE3NDkzMzIgMC0uNjA3NzE0NyAwLS42MDc3MTQ3LjU3MjM5Nzk4IDAgLjU3MjM5ODEuNDMyNzgxNS41NzM1MDE0LjYwNzcxNDcuNTczNTAxNGgyLjMxNDgxNDR2Mi4yOTkyNjcxYzAgLjE3NDkzMzIuMDA1NjIzMy42MjU4OTU3LjU3MjM5ODEuNjI1ODk1Ny41NjY3NzQ3IDAgLjU2Njc3NDctLjM5Mzc5OS41NjY3NzQ3LS41Njg3MzIydi0yLjM1NjQzMDZoMi4zMzkxMzM4Yy4xNzU1NjkzIDAgLjU5Mjc1NTYtLjAwMTEwMzMuNTkyNzU1Ni0uNTczNTAxNCAwLS41NzIzOTc5OC0uNDE3MTg2My0uNTcyMzk3OTgtLjU5Mjc1NTYtLjU3MjM5Nzk4aC0yLjMzOTEzMzh6Ii8+CiAgICA8cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz4KICA8L2c+Cjwvc3ZnPg==");'] {
  5301. background-image:url(https://i.imgur.com/NxDeThh.png)!important
  5302. }
  5303.  
  5304. .header-toolbar button span[style*='background-image: url("/assets/567632a2702aed0296e15d68d6cae738.svg");'] {
  5305. background-image:url(https://i.imgur.com/CJdITDq.png)!important
  5306. }
  5307.  
  5308. .header-toolbar button span[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCA5LjMyNTg0MjdjMCAuNzQxNTczMDMuNjE2NDM4MzYgMS4zNTk1NTA1NiAxLjM1NjE2NDM4IDEuMzU5NTUwNTYuNzM5NzI2MDMgMCAxLjM1NjE2NDQtLjYxNzk3NzUzIDEuMzU2MTY0NC0xLjM1OTU1MDU2IDAtMS40ODMxNDYwNyAxLjYwMjczOTctMS41NDQ5NDM4MiAxLjc4NzY3MTIyLTEuNTQ0OTQzODIuMTg0OTMxNSAwIDEuNzg3NjcxMjMuMDYxNzk3NzUgMS43ODc2NzEyMyAxLjU0NDk0Mzgydi4zMDg5ODg3NmMwIC42MTc5Nzc1My0uMzA4MjE5MTggMS4xMTIzNTk1NS0uODYzMDEzNyAxLjQyMTM0ODMybC0xLjIzMjg3NjcuNjc5Nzc1MjhjLS42NzgwODIyLjM3MDc4NjUtMS4wNDc5NDUyIDEuMDUwNTYxOC0xLjA0Nzk0NTIgMS43OTIxMzQ4M3YxLjExMjM1OTUyQzExLjE0MzgzNTYzIDE1LjM4MjAyMjUgMTEuNzYwMjczOTYgMTYgMTIuNSAxNmMuNzM5NzI2MDMgMCAxLjM1NjE2NDM4LS42MTc5Nzc1IDEuMzU2MTY0MzgtMS4zNTk1NTA1NnYtLjY3OTc3NTI4bC44NjMwMTM3LS40MzI1ODQyN0MxNi4xMzY5ODYzIDEyLjc4NjUxNjgyIDE3IDExLjMwMzM3MDggMTcgOS42OTY2Mjkydi0uMzcwNzg2NUMxNyA2LjQ4MzE0NjA3IDE0LjcxOTE3ODA4IDUgMTIuNSA1IDEwLjIxOTE3ODA4IDUgOCA2LjQ4MzE0NjA3IDggOS4zMjU4NDI3ek0xMi41IDE3Yy0yIDAtMiAzIDAgM3MyLTMgMC0zeiIvPgo8L3N2Zz4=");'] {
  5309. background-image:url(https://i.imgur.com/gVzKx34.png)!important
  5310. }
  5311.  
  5312. .system-message-icon[style*='background-image: url("/assets/c30220457097b064286a8759a9b6c4af.svg");'] {
  5313. background-image:url(https://i.imgur.com/oYUOVp0.png)!important
  5314. }
  5315.  
  5316. .system-message-icon[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmVyc2lvbj0iMS4xIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj4KICAgIDxwYXRoIGQ9Ik0xOCAwSDB2MThoMTh6Ii8+CiAgICA8cGF0aCBmaWxsPSIjRjA0NzQ3IiBkPSJNMy44IDhsMy42LTMuNkw2IDMgMCA5bDYgNiAxLjQtMS40TDMuOCAxMEgxOFY4Ii8+CiAgPC9nPgo8L3N2Zz4=");'] {
  5317. background-image:url(https://i.imgur.com/586Z9gu.png)!important
  5318. }
  5319.  
  5320. .system-message-icon[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0wIDE0LjI1VjE4aDMuNzVMMTQuODEgNi45NGwtMy43NS0zLjc1TDAgMTQuMjV6TTE3LjcxIDQuMDRjLjM5LS4zOS4zOS0xLjAyIDAtMS40MUwxNS4zNy4yOWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDBsLTEuODMgMS44MyAzLjc1IDMuNzUgMS44My0xLjgzeiIvPgogICAgPHBhdGggZD0iTTAgMGgxOHYxOEgwIi8+CiAgPC9nPgo8L3N2Zz4K");']{
  5321. background-image:url(https://i.imgur.com/u1wlBLb.png)!important
  5322. }
  5323.  
  5324. .system-message-icon[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xOCAwSDB2MThoMTh6Ii8+CiAgICA8cGF0aCBmaWxsPSIjNDNCNTgxIiBkPSJNMCA4aDE0LjJsLTMuNi0zLjZMMTIgM2w2IDYtNiA2LTEuNC0xLjQgMy42LTMuNkgwIi8+CiAgPC9nPgo8L3N2Zz4=");'] {
  5325. background-image:url(https://i.imgur.com/IzFVy0h.png)!important
  5326. }
  5327.  
  5328. .system-message-icon[style*='background-image: url("/assets/d80d1fdc43a3c42134a31a39581160ac.svg");'] {
  5329. background-image:url(https://i.imgur.com/GczWQaH.png)!important
  5330. }
  5331.  
  5332. .system-message-icon[style*='background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik03Ljk3MDU2My02Ljk5OTk5OTc1TDI0Ljk0MTEyNTc1IDkuOTcwNTYzIDcuOTcwNTYzIDI2Ljk0MTEyNTc1LTguOTk5OTk5NzUgOS45NzA1NjMiLz4KICAgIDxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik03Ljk3MDU2MyAxMi43OTg5OTAxMmw2LjM2Mzk2MTAzLTYuMzYzOTYxMDMtMi44Mjg0MjcxMi0yLjgyODQyNzE2TDUuMTQyMTM1OSA5Ljk3MDU2M2wtLjM1OTkxMzctLjM1OTkxMzdjLS4xODYwNTcyNS0uMTg2MDU3MjUtLjUwNTQ4NDMtLjE4ODkwMTg1LS43MDA3NDY0OC4wMDYzNjAzLS4xODk1NTE1Ny4xODk1NTE1OC0uMTk4MTA5NzQuNTA4OTk3MDQtLjAwNjM2MDMuNzAwNzQ2NWwzLjU0ODI1NDUgMy41NDgyNTQ1Yy4xODYwNTcyNy4xODYwNTcyNS41MDU0ODQzMy4xODg5MDE4Ni43MDA3NDY1LS4wMDYzNjAzLjE4OTU1MTU2LS4xODk1NTE1Ny4xOTgxMDk3NC0uNTA4OTk3MDQuMDA2MzYwMy0uNzAwNzQ2NWwtLjM1OTkxMzctLjM1OTkxMzY4em03Ljc3ODE3NDYtNC45NDk3NDc0NmwuNzA3MTA2NzcuNzA3MTA2NzggMS40MTQyMTM1Ny0xLjQxNDIxMzU2TDEwLjc5ODk5MDEyLjA3MTA2ODA2IDkuMzg0Nzc2NTYgMS40ODUyODE2M2wuNzA3MTA2NzguNzA3MTA2NzhMNC40MzUwMjkxIDcuODQ5MjQyN0gxLjYwNjYwMTk2TC4xOTIzODg0IDkuMjYzNDU2MjJsMy42NzY5NTUyNyAzLjY3Njk1NTI2LTIuODI4NDI3MTMgMi44Mjg0MjcxMyAxLjEzMTM3MDg2IDEuMTMxMzcwOSAyLjgyODQyNzEtMi44Mjg0MjcxMyAzLjY3Njk1NTI2IDMuNjc2OTU1MjYgMS40MTQyMTM1Ni0xLjQxNDIxMzU2VjEzLjUwNjA5NjlsNS42NTY4NTQyNS01LjY1Njg1NDI0eiIvPgogIDwvZz4KPC9zdmc+");'] {
  5333. background-image:url(https://i.imgur.com/wK8aeTQ.png)!important;
  5334. margin-right:6px
  5335. }
  5336.  
  5337. /* Pinned System message */
  5338.  
  5339. .theme-dark .system-message-timestamp {
  5340. color:#b2b2b2
  5341. }
  5342.  
  5343. .theme-dark .system-message {
  5344. color:#ccc
  5345. }
  5346.  
  5347. .theme-dark .system-message-content a {
  5348. color:#e5e5e5!important
  5349. }
  5350.  
  5351. /* --------------------- */
  5352.  
  5353. .guild-channels .channel-voice-states li .icon-muted {
  5354. background-image:url(https://i.imgur.com/66RcXXp.png);
  5355. opacity:.5!important;
  5356. -moz-transform:scaleX(-1);
  5357. -o-transform:scaleX(-1);
  5358. -webkit-transform:scaleX(-1);
  5359. transform:scaleX(-1);
  5360. filter:FlipV;
  5361. -ms-filter:"FlipV"
  5362. }
  5363.  
  5364. .guild-channels .channel-voice-states li .icon-deafened {
  5365. background-image:url(https://i.imgur.com/quqY44n.png);
  5366. opacity:.5!important
  5367. }
  5368.  
  5369. .private-channel-call .status-muted:after {
  5370. background-image:url(https://i.imgur.com/66RcXXp.png);
  5371. background-size:18px 18px;
  5372. -moz-transform:scaleX(-1);
  5373. -o-transform:scaleX(-1);
  5374. -webkit-transform:scaleX(-1);
  5375. transform:scaleX(-1);
  5376. filter:FlipV;
  5377. -ms-filter:"FlipV"
  5378. }
  5379.  
  5380. .private-channel-call .status-deafened:after {
  5381. background-image:url(https://i.imgur.com/quqY44n.png);
  5382. background-size:16px 16px
  5383. }
  5384.  
  5385. .channel-mute-button {
  5386. background-image:url(https://i.imgur.com/rYtrTeW.png)
  5387. }
  5388.  
  5389. .channel-mute-button.muted {
  5390. background-image:url(https://i.imgur.com/szyUrwt.png)
  5391. }
  5392.  
  5393. .channel-notification-settings .content .reset-container .reset-button {
  5394. background-image:url(https://i.imgur.com/y5to0IU.png)
  5395. }
  5396.  
  5397. .guilds-wrapper .guilds .friends-icon {
  5398. background-image:url(https://i.imgur.com/QJ8v9RV.png)
  5399. }
  5400.  
  5401. .private-channels .channel .icon-friends {
  5402. background-image:url(https://i.imgur.com/W5UM0RM.png)
  5403. }
  5404.  
  5405. .guilds-wrapper .guilds .guild.audio .guild-inner:after {
  5406. background-image:url(https://i.imgur.com/FgYwEtE.png);
  5407. background-size:18px 18px
  5408. }
  5409.  
  5410. .messages-popout .empty-placeholder .image[style*='background-image: url("/assets/6793e022dc1b065b21f12d6df02f91bd.svg");'] {
  5411. background-image:url(https://i.imgur.com/w0GqxfV.png)!important;
  5412. background-size:80%
  5413. }
  5414.  
  5415. .messages-popout .empty-placeholder .image[style*='background-image: url("/assets/308e587f3a68412f137f7317206e92c2.svg");']{
  5416. background-image:url(https://i.imgur.com/cqdtLo5.png)!important;
  5417. background-size:60%
  5418. }
  5419.  
  5420. #settings-roles .roles header .create-role-button {
  5421. background-image:url(https://i.imgur.com/ZbEoljM.png);
  5422. background-size:18px
  5423. }
  5424.  
  5425. .member-roles .member-role.member-role-add button {
  5426. background-image:url(https://i.imgur.com/ZbEoljM.png);
  5427. background-size:13px
  5428. }
  5429.  
  5430. .member-roles .member-role .member-role-remove {
  5431. background-image:url(https://i.imgur.com/u6RwzJp.png);
  5432. background-size:12px 12px
  5433. }
  5434.  
  5435. .user-popout .body .roles .icon-roles {
  5436. background-image:url(https://i.imgur.com/PLMb5Jf.png)
  5437. }
  5438.  
  5439. .user-popout .body .notes .icon-notes {
  5440. background-image:url(https://i.imgur.com/mYjKNQo.png)
  5441. }
  5442.  
  5443. .private-channel-call .btn-icon-mute:after {
  5444. background-image:url(https://i.imgur.com/ovju27H.png)
  5445. }
  5446.  
  5447. .private-channel-call .btn-icon-mute.mute:after {
  5448. background-image:url(https://i.imgur.com/66RcXXp.png)!important;
  5449. opacity:1!important;
  5450. -moz-transform:scaleX(-1);
  5451. -o-transform:scaleX(-1);
  5452. -webkit-transform:scaleX(-1);
  5453. transform:scaleX(-1);
  5454. filter:FlipV;
  5455. -ms-filter:"FlipV"
  5456. }
  5457.  
  5458. .private-channel-call .btn-icon-settings:after {
  5459. background-image:url(https://i.imgur.com/rI8942r.png)
  5460. }
  5461.  
  5462. .private-channel-call .btn-icon-mute:hover:after {
  5463. background-image:url(https://i.imgur.com/66RcXXp.png);
  5464. opacity:1!important;
  5465. -moz-transform:scaleX(-1);
  5466. -o-transform:scaleX(-1);
  5467. -webkit-transform:scaleX(-1);
  5468. transform:scaleX(-1);
  5469. filter:FlipV;
  5470. -ms-filter:"FlipV"
  5471. }
  5472.  
  5473. .private-channel-call .btn-icon-settings:hover:after {
  5474. background-image:url(https://i.imgur.com/rI8942r.png);
  5475. opacity:1!important
  5476. }
  5477.  
  5478. .embed .embed-video-actions .embed-video-play {
  5479. background-image:url(https://i.imgur.com/5g2k6mV.png);
  5480. background-size:25px 25px;
  5481. margin-top:-5px
  5482. }
  5483.  
  5484. .embed .embed-video-actions .embed-video-popout {
  5485. background-image:url(https://i.imgur.com/Mgd1QEP.png);
  5486. background-size:20px 20px
  5487. }
  5488.  
  5489. .guild-channels .icon-lock {
  5490. background-image:url(https://i.imgur.com/CgPGTlg.png);
  5491. background-size:16x 16px!important
  5492. }
  5493.  
  5494. .search-bar-tag .close {
  5495. background-image:url(https://i.imgur.com/u6RwzJp.png);
  5496. background-size:16px 16px
  5497. }
  5498.  
  5499. .private-channels .channel .close {
  5500. background-image:url(https://i.imgur.com/u6RwzJp.png);
  5501. background-size:18px 18px
  5502. }
  5503.  
  5504. .btn-confirm .icon.icon-logout {
  5505. background-image:url(https://i.imgur.com/bWF7DDP.png);
  5506. background-size:22px 22px
  5507. }
  5508.  
  5509. .btn-confirm .icon.icon-delete {
  5510. background-image:url(https://i.imgur.com/5jfTC53.png);
  5511. background-size:20px 20px
  5512. }
  5513.  
  5514. .settings-connections-wrapper .authed-app .details .permission-checkmark {
  5515. background-image:url(https://i.imgur.com/TdP6eOM.png);
  5516. background-size:13px 12px
  5517. }
  5518.  
  5519. .user-settings-modal button.preview-sound:before {
  5520. background-image:url(https://i.imgur.com/FgYwEtE.png);
  5521. background-size:20px 18px
  5522. }
  5523.  
  5524. .user-settings-locale .help-translate {
  5525. background-image:url(https://i.imgur.com/y2loZPV.png);
  5526. background-size:26px 22px
  5527. }
  5528.  
  5529. .markdown-modal .markdown-modal-header .markdown-modal-close {
  5530. background-image:url(https://i.imgur.com/u6RwzJp.png);
  5531. background-size:20px 20px;
  5532. height:18px;
  5533. width:18px
  5534. }
  5535.  
  5536. .user-settings-modal-games .games-table .games-row .item-alert .icon, .user-settings-modal-games .games-table .games-row .item-delete .icon {
  5537. background-image:url(https://i.imgur.com/y5to0IU.png);
  5538. background-size:16px 16px
  5539. }
  5540.  
  5541. .theme-dark .channel-textarea-upload {
  5542. background-image:url(https://i.imgur.com/yQPO7Rt.png);
  5543. background-size:24px 24px
  5544. }
  5545.  
  5546. .theme-dark .channel-textarea-upload:hover {
  5547. background-image:url(https://i.imgur.com/yQPO7Rt.png);
  5548. background-color:#383838!important
  5549. }
  5550.  
  5551. .create-guild-container .action.create .action-icon {
  5552. background-image:url(https://i.imgur.com/XcU6PCi.png);
  5553. background-size:75px 75px;
  5554. opacity:.5
  5555. }
  5556.  
  5557. .create-guild-container .action.join .action-icon {
  5558. background-image:url(https://i.imgur.com/GqN1Daw.png);
  5559. background-size:75px 75px;
  5560. opacity:.5
  5561. }
  5562.  
  5563. .create-guild-container .form-actions .btn-default:before {
  5564. background-image:url(https://i.imgur.com/586Z9gu.png)
  5565. }
  5566.  
  5567. .clipboard-input-inner button.tweet {
  5568. background-image:url(https://i.imgur.com/3HQwTtZ.png)!important
  5569. }
  5570.  
  5571. .clipboard-input-inner button.copy {
  5572. background-image:url(https://i.imgur.com/vpF5Uw4.png)!important
  5573. }
  5574.  
  5575. .clipboard-input-inner button.copy:hover {
  5576. background-color:#383838
  5577. }
  5578.  
  5579. .theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .close-button {
  5580. background-image:url(https://i.imgur.com/u6RwzJp.png)!important
  5581. }
  5582.  
  5583. .guild-channels header button:after {
  5584. background-image:url(https://i.imgur.com/ZbEoljM.png);
  5585. background-size:18px 18px
  5586. }
  5587.  
  5588. #user-profile-modal .header .additional-actions-icon {
  5589. background-image:url(https://i.imgur.com/To9qvQa.png);
  5590. background-size:34px 34px!important
  5591. }
  5592.  
  5593. .guild-channels .toggle-muted-text-channels a:before {
  5594. background-image:url(https://i.imgur.com/33UBzEX.png);
  5595. background-size:18px 18px
  5596. }
  5597.  
  5598. .chat .welcome-message .item-container .icon.exclamation {
  5599. background-image:url(https://i.imgur.com/s2jYlk6.png)
  5600. }
  5601.  
  5602. .chat .welcome-message .item-container .icon.share {
  5603. background-image:url(https://i.imgur.com/O5RG3dq.png);
  5604. transform:rotate(-90deg)
  5605. }
  5606.  
  5607. .chat .welcome-message .item-container .icon.mobile {
  5608. background-image:url(https://i.imgur.com/NdsFNVf.png)
  5609. }
  5610.  
  5611. .chat .welcome-message .item-container .icon.twitter {
  5612. background-image:url(https://i.imgur.com/iBdW6HC.png)
  5613. }
  5614.  
  5615. /* DEV TAG */
  5616.  
  5617. .message-group .avatar-large[style*="128043634678300672"]+.comment .user-name::after {
  5618. content:"W3 DEV";
  5619. color:#e5e5e5;
  5620. background:#900;
  5621. border-radius:3px;
  5622. margin-left:4px;
  5623. font-size:10px;
  5624. padding:2px 2px 1px 2px;
  5625. font-weight:700
  5626. }
  5627.  
  5628. .guild-settings-modal-members .avatar-small[style*="128043634678300672"]+.member-inner .member-username::after {
  5629. content:"W3 DEV";
  5630. background:#900;
  5631. color:#e5e5e5;
  5632. border-radius:3px;
  5633. font-size:10px;
  5634. padding:2px 2px 1px 2px;
  5635. font-weight:700;
  5636. margin-left:4px
  5637. }
  5638.  
  5639. div.avatar-small[style*="128043634678300672"]+.member-inner .member-username-inner::after {
  5640. content:"W3 DEV";
  5641. color:#e5e5e5;
  5642. background:#900;
  5643. border-radius:3px;
  5644. margin-left:1px;
  5645. font-size:10px;
  5646. padding:2px 2px 1px 2px;
  5647. font-weight:700
  5648. }
  5649.  
  5650. .avatar-popout[style*="128043634678300672"]::after {
  5651. content:"WITCHER 3 DEV";
  5652. color:#e5e5e5;
  5653. background:#900;
  5654. border-radius:3px;
  5655. left:-2.5px;
  5656. font-size:11px;
  5657. padding:1px 5px 0px 5px;
  5658. font-weight:700;
  5659. line-height:15px;
  5660. position:absolute;
  5661. width:95%;
  5662. text-align:center;
  5663. top:93px
  5664. }
  5665.  
  5666. .avatar-profile[style*="128043634678300672"]::after {
  5667. content:"WITCHER 3 DEV";
  5668. color:#e5e5e5;
  5669. background:#900;
  5670. border-radius:3px;
  5671. left:-2px;
  5672. font-size:11px;
  5673. padding:1px 5px 0px 5px;
  5674. font-weight:700;
  5675. line-height:15px;
  5676. position:absolute;
  5677. width:95%;
  5678. text-align:center;
  5679. top:132px
  5680. }
  5681.  
  5682. .theme-dark .message-group h2 strong:hover {
  5683. text-decoration:none;
  5684. text-shadow:2.5px 2px 1.5px #000
  5685. }
  5686.  
  5687. .user-popout .username-wrapper .discord-tag {
  5688. margin-top:5px
  5689. }
  5690.  
  5691. .user-popout .username-wrapper .nickname {
  5692. margin-top:5px
  5693. }
Add Comment
Please, Sign In to add comment