Advertisement
Guest User

Untitled

a guest
Dec 14th, 2018
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.74 KB | None | 0 0
  1. header.pane-header {
  2.     background-color: #2d2d2d !important;
  3. }
  4. #wrapper:before {
  5.     background-color: #5b5b5b !important;
  6. }
  7. body {
  8.     background-image: -webkit-linear-gradient(top, #5b5b5b, #5b5b5b) !important;
  9.     font-family: 'Roboto Light', sans-serif !important;
  10.     color: #ffffff;
  11. }
  12. .pane-chat-footer {
  13.     background-color: #323232 !important;
  14. }
  15. .chat-drag-cover>.chat,
  16. .contact.chat {
  17.     background-color: #222222 !important;
  18.     color: lightgray;
  19. }
  20. .chat {
  21.     background-color: #323232 !important;
  22.     border-bottom: 1px solid #3e3e3e !important;
  23. }
  24. .pane-list-body {
  25.     background-color: #323232 !important;
  26. }
  27. .chatlist .chat:after,
  28. .chatlist .location:after {
  29.     border-bottom: 1px solid #323232 !important;
  30. }
  31. .subheader-search {
  32.     background-color: #323232 !important;
  33. }
  34. .cont-input-search {
  35.     background-color: #323232 !important;
  36.     border: 1px solid #898989 !important;
  37. }
  38. .gif-search-row-input,
  39. .input.input.input-search {
  40.     background-color: #323232 !important;
  41. }
  42. .cont-input-search .input-placeholder {
  43.     color: #898989 !important;
  44. }
  45. .subheader-search.active .cont-input-search {
  46.     border-color: #323232 !important;
  47. }
  48. .pane-intro {
  49.     background-color: #323232 !important;
  50. }
  51. .pane-intro:after {
  52.     border-top: 6px solid #323232 !important;
  53. }
  54. .chat-title {
  55.     color: #ffffff !important;
  56.     font-weight: bold !important;
  57. }
  58. .chat-status {
  59.     color: #d5d5d5 !important;
  60. }
  61. .chat-time {
  62.     color: #898989 !important;
  63.     font-size: 10px !important;
  64. }
  65. .chatlist .active.location,
  66. .chatlist .chat.active {
  67.     background-color: #2d2d2d !important;
  68.     border-bottom: 1px solid #2d2d2d !important;
  69. }
  70. .chatlist .chat:hover,
  71. .chatlist .location:hover {
  72.     background-color: #2d2d2d !important;
  73.     border-bottom: 0px solid #2d2d2d !important;
  74. }
  75. .chatlist .chat:hover:before,
  76. .chatlist .location:hover:before {
  77.     background-color: #2d2d2d !important;
  78. }
  79. .chatlist .active.location:before,
  80. .chatlist .chat.active:before {
  81.     background-color: #2d2d2d !important;
  82. }
  83. .drawer-container-right,
  84. .pane-chat {
  85.     background-image: url("data:") !important;
  86.     background-color: #323232 !important;
  87. }
  88. .pane-chat-header:after {
  89.     background-color: #2D2D2D;
  90.     border-bottom: 0px solid #323232 !important;
  91. }
  92. .subheader-search:after {
  93.     background-color: #323232;
  94.     border-bottom: 1px solid #323232 !important;
  95. }
  96. .sprite-loaded .icon,
  97. .sprite-loaded .icon-s,
  98. .sprite-loaded .icon-l,
  99. .sprite-loaded .icon-xl {
  100.     background-image: url(http://tbs-gaming.de/design/wa-web/dark/3.0/wa-v=3.0.svg) !important;
  101. }
  102. .message-out {
  103.     background-color: #2d2d2d !important;
  104. }
  105. .message-in {
  106.     background-color: #2d2d2d !important;
  107. }
  108. .document-meta,
  109. .message-text {
  110.     color: #d3d3d3 !important;
  111. }
  112. .message-datetime {
  113.     color: #646464 !important;
  114. }
  115. .message-out:before {
  116.     background-image: url("data:") !important;
  117. }
  118. .message-in:before {
  119.     background-image: url("data:") !important;
  120. }
  121. #pane-main {
  122.     padding-left: 30px !important;
  123.     padding-right: 30px !important;
  124. }
  125. .input {
  126.     color: #e1e1e1 !important;
  127. }
  128. .block-compose .input-container {
  129.     background-color: #202020 !important;
  130.     border-color: #4b4b4b;
  131. }
  132. .intro-image {
  133.     background-image: url(http://tbs-gaming.de/design/wa-web/dark/3.0/wa-v=3.0.png) !important;
  134.     width: 389px !important;
  135.     height: 281px !important;
  136. }
  137. .dropdown {
  138.     background-color: #2d2d2d !important;
  139. }
  140. .dropdown .menu-item a {
  141.     color: #898989 !important;
  142. }
  143. .dropdown .menu-item a:hover {
  144.     background-color: #323232 !important;
  145. }
  146. .menu-tabs-emoji {
  147.     background-color: #2d2d2d !important;
  148. }
  149. .menu-tabs-emoji:before {
  150.     background-color: #e7e7e7 !important;
  151. }
  152. .drawer-header {
  153.     background-color: #2d2d2d !important;
  154. }
  155. .infinite-list.chatlist {
  156.     background-color: #323232 !important;
  157. }
  158. .list-title {
  159.     background-color: #2d2d2d !important;
  160.     color: #898989 !important;
  161. }
  162. .chat-title {
  163.     color: #ffffff !important;
  164. }
  165. .header-title {
  166.     color: #898989 !important;
  167. }
  168. .drawer-body {
  169.     background-color: #323232 !important;
  170. }
  171. .drawer-container.drawer-container-left.drawer-container-panel {
  172.     margin-left: -1px !important;
  173. }
  174. .app.three {
  175.     background-color: #323232 !important;
  176. }
  177. .drawer-section.well.animate-enter {
  178.     background-color: #2d2d2d !important;
  179. }
  180. /* .drawer-section-expand.well.animate-enter {background-color:  #2d2d2d !important;} */
  181.  
  182. .drawer-section-title {
  183.     color: #ffffff !important;
  184. }
  185. .drawer-section-title .col-side {
  186.     color: #ffffff !important;
  187. }
  188. .drawer-value {
  189.     color: #898989 !important;
  190. }
  191. .drawer-profile .drawer-header {
  192.     background-color: #2d2d2d !important;
  193. }
  194. .drawer-title {
  195.     color: #898989 !important;
  196. }
  197. .chatlist .is-unread .chat-title,
  198. .chatlist .is-unread .header-title,
  199. .chatlist .is-unread .location-main,
  200. .chatlist .unread .chat-title,
  201. .chatlist .unread .header-title,
  202. .chatlist .unread .location-main {
  203.     color: #2b2b2b !important;
  204. }
  205. .chatlist .is-unread .chat-status,
  206. .chatlist .is-unread .header-secondary,
  207. .chatlist .is-unread .location-secondary,
  208. .chatlist .unread .chat-status,
  209. .chatlist .unread .header-secondary,
  210. .chatlist .unread .location-secondary {
  211.     color: #898989 !important;
  212. }
  213. .chatlist .active.location:hover,
  214. .chatlist .chat.active:hover {
  215.     background-color: #2d2d2d !important;
  216.     border-bottom: 1px solid #2d2d2d !important;
  217. }
  218. .chatlist .active.location:hover:before,
  219. .chatlist .chat.active:hover:before {
  220.     background-color: #2d2d2d !important;
  221. }
  222. .media-panel {
  223.     background-color: #323232 !important;
  224. }
  225. .media-panel-header {
  226.     background-color: #323232 !important;
  227. }
  228. .media-chat .chat-main,
  229. .media-chat .header-main {
  230.     color: #ffffff !important;
  231. }
  232. .chat:hover:not(.active),
  233. .location:hover:not(.active) {
  234.     background-color: #323232 !important;
  235. }
  236. .app-wrapper::before {
  237.     background-color: #5b5b5b !important;
  238. }
  239. .media-collection>span {
  240.     background-color: #2d2d2d !important;
  241. }
  242. .drawer-media .drawer-body {
  243.     background-color: #323232 !important;
  244. }
  245. .chat.active .active.location,
  246. .chat.active .chat-status,
  247. .chat.active .header-secondary,
  248. .chat.active .location-secondary {
  249.     color: #d5d5d5 !important;
  250. }
  251. .chat-status.ellipsify {
  252.     color: #d5d5d5 !important;
  253. }
  254. .block-compose .input-container.disabled {
  255.     background-color: #696969 !important;
  256. }
  257. .media-panel .btn-round {
  258.     background-color: #2d2d2d !important;
  259. }
  260. .menu-tabs-emoji:before {
  261.     background-color: #323232 !important;
  262. }
  263. #window {
  264.     background-color: #2D2D2D !important;
  265. }
  266. #platforms {
  267.     background-color: #2D2D2D !important;
  268. }
  269. .entry-title {
  270.     color: #d5d5d5 !important;
  271. }
  272. .entry-subtitle {
  273.     color: #d5d5d5 !important;
  274. }
  275. .entry-controls {
  276.     color: #d5d5d5 !important;
  277. }
  278. .entry-platform {
  279.     color: #d5d5d5 !important;
  280. }
  281. .qrcode {
  282.     border-width: 5px !important;
  283.     border-style: solid !important;
  284.     border-color: white !important;
  285. }
  286. .app {
  287.     background-image: url("data:") !important;
  288.     background-color: #323232 !important;
  289. }
  290. .backdrop {
  291.     background-color: #323232 !important;
  292. }
  293. .popup {
  294.     background-color: #2d2d2d !important;
  295. }
  296. .popup-title {
  297.     color: #898989 !important;
  298. }
  299. .popup-body {
  300.     color: #898989 !important;
  301. }
  302. select {
  303.     color: #898989 !important;
  304.     background-color: #2d2d2d !important;
  305. }
  306. .toast {
  307.     background-color: #2d2d2d !important;
  308.     color: #898989 !important;
  309. }
  310. .backdrop-transparent {
  311.     background-color: #323232 !important;
  312. }
  313. .header-secondary {
  314.     color: #898989 !important;
  315. }
  316. .select::before {
  317.     background-image: url(http://tbs-gaming.de/wa-web/pfeil.svg) !important
  318. }
  319. .drawer .chatlist {
  320.     background-color: #323232 !important;
  321. }
  322. .message-out .audio-track::-webkit-slider-runnable-track {
  323.     background-color: #323232 !important
  324. }
  325. .message-in .audio-track::-webkit-slider-runnable-track {
  326.     background-color: #323232 !important
  327. }
  328. .message-out .audio-state-played .audio-progress {
  329.     background-color: #989898 !important
  330. }
  331. .message-in .audio-state-played .audio-progress {
  332.     background-color: #989898 !important
  333. }
  334. .message-out .audio-state-played .audio-track::-webkit-slider-thumb {
  335.     background-color: #989898 !important
  336. }
  337. .message-in .audio-state-played .audio-track::-webkit-slider-thumb {
  338.     background-color: #989898 !important
  339. }
  340. .message-in .audio-state-default .audio-track::-webkit-slider-thumb {
  341.     background-color: #989898 !important
  342. }
  343. .message-out .audio-state-default .audio-track::-webkit-slider-thumb {
  344.     background-color: #989898 !important
  345. }
  346. .message-out .audio-state-default .audio-progress {
  347.     background-color: #989898 !important
  348. }
  349. .message-in .audio-state-default .audio-progress {
  350.     background-color: #989898 !important
  351. }
  352. @font-face {
  353.     font-family: 'Roboto Light' !important;
  354.     font-style: normal !important;
  355.     font-weight: 400 !important;
  356.     src: local('Roboto Light'), local('RobotoLight'), url(https://tbs-gaming.de/wa-web/Roboto-Light.ttf) format('ttf') !important;
  357. }
  358. .media-viewer {
  359.     background-color: #323232 !important;
  360. }
  361. .media-content .btn-round {
  362.     background-color: #2d2d2d !important
  363. }
  364. .intro-title {
  365.     font-size: 28px !important;
  366. }
  367. .intro-text {
  368.     font-size: 12px !important;
  369. }
  370. /*.meta-audio {
  371. font-size: 10px!important;
  372. }
  373.  .bubble-audio .preview {
  374.   width: 50px !important;
  375.   height: 50px !important;
  376. }
  377. .message-out .audio-status {
  378.   left: 44px !important;
  379.   bottom: 1px !important;
  380. }
  381. .message-out .bubble-audio .wrapper {
  382.   min-height: 38px !important;
  383. }
  384. .message-out .audio {
  385.   margin-right: 7px !important;
  386.   margin-left: 8px !important;
  387.   padding-top: 4px !important;
  388. }
  389. .message-in .audio-status {
  390.   right: 44px !important;
  391.   bottom: 1px !important;
  392. }
  393. .message-in .bubble-audio .wrapper {
  394.   min-height: 38px!important;
  395. }
  396. .message-in .audio {
  397.   margin-right: 7px !important;
  398.   margin-left: 8px !important;
  399.   padding-top: 7px !important;
  400. } */
  401.  
  402. .message-meta {
  403.     font-size: 10px !important;
  404. }
  405. .message-text {
  406.     font-size: 12.6px !important;
  407. }
  408. .chat-status,
  409. .header-secondary,
  410. .location-secondary {
  411.     font-size: 13px !important;
  412. }
  413. .chatlist .avatar {
  414.     width: 45px !important;
  415.     height: 45px !important;
  416. }
  417.  
  418. .location {
  419.     padding: 10px 11px 8px 9px !important;
  420. }
  421. /* .app-wrapper {
  422. min-width: 745px !important;
  423. min-height: 300px !important;
  424. } */
  425.  
  426. .chat-title,
  427. .header-title,
  428. .location-main,
  429. .drawer-title-body {
  430.     font-size: 14px !important;
  431. }
  432. .chat-status,
  433. .header-secondary,
  434. .location-secondary {
  435.     font-size: 12px !important;
  436. }
  437. .header-secondary,
  438. .pane-chat-header .chat-status,
  439. .pane-chat-header .header-secondary,
  440. .pane-chat-header .location-secondary {
  441.     font-size: 12px !important;
  442. }
  443. .viewport {
  444.     height: 100% !important;
  445. }
  446. #startup {
  447.     background-color: #5b5b5b !important;
  448. }
  449. a.button.button-contact {
  450.     color: rgb(137, 137, 137) !important;
  451. }
  452. .col-main {
  453.     color: #898989;
  454. }
  455. .input-line {
  456.     background-color: transparent !important;
  457. }
  458. .message-in .btn-context {
  459.     background-color: rgba(41, 41, 41, 0.13);
  460. }
  461. .message-out .btn-context {
  462.     background-color: rgba(41, 41, 41, 0.13);
  463. }
  464. .message .btn-context {
  465.     height: 18px;
  466. }
  467. .three .pane-chat-header {
  468.     border-left: 1px solid #2d2d2d
  469. }
  470. .pane-chat-header {
  471.     border-left: 1px solid #2d2d2d
  472. }
  473. .pane-chat-body {
  474.     background-color: #1b1b1b !important;
  475.     border-left: 1px solid #323232
  476. }
  477. .pane-intro {
  478.     border-left: 1px solid #323232
  479. }
  480. .pane-chat-footer {
  481.     border-left: 1px solid #323232
  482. }
  483. .three .pane-chat-header {
  484.     border-right: 1px solid #2d2d2d
  485. }
  486. .three .pane-chat-footer {
  487.     border-right: 1px solid #323232
  488. }
  489. .three .pane-chat-body {
  490.     box-shadow: inset -1px 0 0 #323232
  491. }
  492. .message-out .btn-context:after {
  493.     background: -webkit-linear-gradient(left, transparent, rgba(41, 41, 41, 0.13));
  494.     background: linear-gradient(to right, transparent, rgba(75, 75, 75, 0.13));
  495. }
  496. .message-in .btn-context:after {
  497.     background: -webkit-linear-gradient(left, transparent, rgba(41, 41, 41, 0.13));
  498.     background: linear-gradient(to right, transparent, rgba(75, 75, 75, 0.13));
  499. }
  500. .message .btn-context:after {
  501.     height: 18px;
  502. }
  503. .pane-chat-tile-container {
  504.     background: transparent!important;
  505. }
  506. .pane-chat-tile {
  507.     background-image: url(data:)!important;
  508. }
  509. .app-wrapper::after {
  510.     background-color: #2d2d2d !important;
  511.     opacity: 0.72
  512. }
  513. .round:after {
  514.     background: url(data:) center center no-repeat !important;
  515. }
  516. .popup .text-tip a,
  517. .popup .text-tip {
  518.     color: #898989 !important;
  519. }
  520. .drawer-header-small {
  521.     background-color: #2d2d2d !important;
  522. }
  523. .drawer-blocked .list-action {
  524.     background-color: #323232 !important;
  525.     color: #898989;
  526. }
  527. .list-action {
  528.     border-bottom: 1px solid #323232;
  529. }
  530. .bubble-attach .preview-vcard.no-image,
  531. .icon-broadcast-default,
  532. .icon-group-default,
  533. .icon-user-default,
  534. .icon-user-default-square {
  535.     background-image: url(http://tbs-gaming.de/design/wa-web/dark/dark-avatar.svg);
  536. }
  537. .drawer-header-popup {
  538.     background-color: #2d2d2d;
  539. }
  540. .drawer {
  541.     background-color: #2d2d2d;
  542. }
  543. .drawer .menu-tabs-lists {
  544.     background-color: #2d2d2d;
  545. }
  546. .menu-tabs-lists:before {
  547.     background-color: #60e86f;
  548. }
  549. .drawer .menu-tabs-lists .menu-item {
  550.     color: #898989;
  551. }
  552. .drawer .menu-tabs-lists .menu-item.active {
  553.     color: #898989;
  554. }
  555. .menu-tabs-marker {
  556.     background-color: #60e86f;
  557. }
  558. .chatlist .is-unread .chat-title,
  559. .chatlist .is-unread .header-title,
  560. .chatlist .is-unread .location-main,
  561. .chatlist .unread .chat-title,
  562. .chatlist .unread .header-title,
  563. .chatlist .unread .location-main {
  564.     color: #ffffff !important;
  565. }
  566. .drawer-header-offset {
  567.     background-color: #2d2d2d !important
  568. }
  569. .context.context-out {
  570.     background: rgba(220, 248, 198, 0)
  571. }
  572. .context.context-in {
  573.     background: rgba(220, 248, 198, 0)
  574. }
  575. .rAUz7 svg,
  576. ._2SbJ1 svg,
  577. .icon,
  578. .icon-s,
  579. .icon-l,
  580. .context-icon,
  581. .icon-status-check,
  582. .icon-msg-check,
  583. .menu-tabs > .menu-item,
  584. .menu-horizontal-item,
  585. ._2pQE3,
  586. .ZR5SB svg,
  587. ._15G96 svg,
  588. span[data-icon$=status-dblcheck] svg,
  589. span[data-icon$=status-check] svg,
  590. span[data-icon$=status-time] svg,
  591. span[data-icon$=emoji-gifs] svg,
  592. span[data-icon$=smiley] svg,
  593. span[data-icon$=hide] svg,
  594. span[data-icon$=x] svg,
  595. .wTdDG svg,
  596. ._3GaI4 svg,
  597. span[data-icon$=gif] svg,
  598. html[dir] ._28ZV1 svg,
  599. span[data-icon$=x-alt-small] svg,
  600. span[data-icon$=send] svg
  601. {
  602.     -webkit-filter: invert(1) !important;
  603.     filter: invert(1) !important;
  604. }
  605. .icon-msg-dblcheck-ack,
  606. .icon-status-dblcheck-ack,
  607. .icon-msg-time,
  608. .icon-emoji-gifs
  609. /*, .media-panel-tools>div>span,.media-panel-tools>div>a,.media-panel-tools>div>button*/
  610. {
  611.     -webkit-filter: invert(0) !important;
  612.     filter: invert(0) !important;
  613. }
  614. .drawer-section.well-simple-body,
  615. .media-collection,
  616. .gif-search-gif-wrapper,
  617. .well-simple,
  618. .well {
  619.     background-color: #222;
  620. }
  621. .icon.icon-back-light,
  622. .icon-broadcast-light,
  623. .icon-camera-light,
  624. .icon-checkmark-light,
  625. .icon-checkmark-light-l,
  626. .icon-connection-l-light,
  627. .icon-forward-light,
  628. .icon-gps-light,
  629. .icon-msg-audio-light,
  630. .icon-msg-check-light,
  631. .icon-msg-dblcheck-ack-light,
  632. .icon-msg-dblcheck-light,
  633. .icon-msg-time-light,
  634. .icon-msg-video-light,
  635. .icon-refresh-l-light,
  636. .icon-refresh-light,
  637. .icon-search-light,
  638. .icon-send-light,
  639. .icon-star-light,
  640. .icon-x-alt-light,
  641. .icon-x-light,
  642. .icon-search-morph {
  643.     -webkit-filter: none !important;
  644.     filter: none !important;
  645. }
  646. .gif-search-container,
  647. .message-list {
  648.     background-color: #1b1b1b !important;
  649. }
  650. header.pane-header {
  651.     background-color: #4c4c4c !important;
  652. }
  653. .drawer-header-small {
  654.     background-color: #4c4c4c !important;
  655. }
  656. .message-in .document-body,
  657. .media-thumb,
  658. .media-thumb > .btn-fill,
  659. .link-preview-container,
  660. .avatar-picker-controls,
  661. .message-system-body,
  662. .media-content .btn-round,
  663. .btn-more,
  664. .incoming-msgs,
  665. .butterbar {
  666.     background-color: #696969 !important;
  667. }
  668. .media-thumb > .btn-fill {
  669.     color: lightgray;
  670. }
  671. .title,
  672. .invalid-media,
  673. .chat-time-title,
  674. .textfield-static,
  675. .button-contact,
  676. .message-system-body,
  677. .butterbar-text,
  678. .butterbar-title {
  679.     color: lightgray !important;
  680. }
  681. .label-text {
  682.     color: gray !important;
  683. }
  684. .media-content .media-caption {
  685.     color: white;
  686. }
  687. .app-wrapper {
  688.     background-color: black !important;
  689. }
  690. .pane-intro {
  691.     background-color: #1b1b1b !important;
  692. }
  693. .pane-chat-empty,
  694. ._9tCEa
  695. {
  696.     background-color: #1b1b1b !important;
  697. }
  698. .more {
  699.     background-color: #1b1b1b !important;
  700. }
  701. .icon-msg-dblcheck-ack {
  702.     color: #000;
  703.     -webkit-filter: invert(0) brightness(0.8);
  704.     filter: invert(0) brightness(0.8);
  705. }
  706.  
  707. #startup {
  708.     background-color: black !important;
  709. }
  710. .block-compose {
  711.     background-color: #323232;
  712. }
  713. .message-out>div>.tail-container {
  714.     background-image: url("http://i.imgur.com/9dRZY3o.png") !important;
  715. }
  716. .message-in>div>.tail-container {
  717.     background-image: url("http://i.imgur.com/ZWUktRI.png") !important;
  718. }
  719. .multi-controls {
  720.     transform: translateY(0px);
  721.     background-color: #323232;
  722.     color: #989898;
  723. }
  724.  
  725. .chatlist-panel-body {
  726.     background-color: transparent;
  727. }
  728.  
  729. ::-webkit-scrollbar {
  730.   width: 8px;
  731.   height: 8px;
  732. }
  733. ::-webkit-scrollbar-button {
  734.   width: 0px;
  735.   height: 0px;
  736. }
  737. ::-webkit-scrollbar-thumb {
  738.   background: #535353;
  739.   border: 0px none #ffffff;
  740.   border-radius: 50px;
  741. }
  742. ::-webkit-scrollbar-thumb:hover {
  743.   background: #8c8c8c;
  744. }
  745. ::-webkit-scrollbar-thumb:active {
  746.   background: #878787;
  747. }
  748. ::-webkit-scrollbar-track {
  749.   background: #666666;
  750.   border: 0px none #ffffff;
  751.   border-radius: 50px;
  752. }
  753. ::-webkit-scrollbar-track:hover {
  754.   background: #666666;
  755. }
  756. ::-webkit-scrollbar-track:active {
  757.   background: #333333;
  758. }
  759. ::-webkit-scrollbar-corner {
  760.   background: transparent;
  761. }
  762.  
  763. .app-wrapper-web .app {
  764.     width: 100%;
  765.     height: 100%;
  766.     margin: 0 auto;
  767.     top: 0px;
  768.     border-radius: 3px;
  769. }
  770.  
  771. .msg-unread {
  772.     background-color: rgba(85,85,85,0.25);  
  773. }
  774.  
  775. .msg-unread-body {
  776.     color: #fff;
  777.     background-color: #4d4d4d;
  778. }
  779.  
  780. .intro {
  781.     background-color: transparent;  
  782. }
  783.  
  784. .message-text strong,
  785. .media-caption strong {
  786.     color: #fff;  
  787. }
  788.  
  789. .compose-popup-panel,
  790. .btn-background
  791. {
  792.     background-color: #2d2d2d;
  793. }
  794.  
  795. .chatlist-panel-search,
  796. input
  797. {
  798.  background-color: transparent!important;  
  799. }
  800.  
  801. .pane-chat-header-subtitle
  802. {
  803.    color: rgba(245, 245, 245, 0.6);
  804. }
  805.  
  806. .message-system
  807. {
  808.     background-color: #666;  
  809. }
  810.  
  811. .chat-meta
  812. {
  813.     color: rgba(232, 231, 231, 0.4);
  814. }
  815.  
  816. .chatlist .chat-body, .chatlist .header-body
  817. {
  818.     border: 0px;  
  819. }
  820.  
  821. .section-header
  822. {
  823.     background-color: transparent;  
  824. }
  825.  
  826. .list-search .input-search
  827. {
  828.     color: #fff;  
  829. }
  830.  
  831. .chatlist .chat:hover:after, .chatlist .chat.hover:after, .chatlist .chat.active:after, .chatlist .chat.active:after
  832. {
  833.     border-top-color: #505050;  
  834. }
  835.  
  836. .message-text, .media-caption, .document-body, .dropdown-item-action
  837. {
  838.     color: #d3d3d3;  
  839. }
  840.  
  841. .dropdown-item-hover .dropdown-item-action
  842. {
  843.     color: #333;  
  844. }
  845.  
  846. .message-system
  847. {
  848.     color: rgba(255, 255, 255, 0.95);
  849.     text-shadow: none;  
  850. }
  851.  
  852. .list-action
  853. {
  854.     background-color: #222;  
  855. }
  856.  
  857. .list-action:hover
  858. {
  859.     background-color: #2c2c2c;  
  860. }
  861.  
  862. .drawer-section.well, .well, .well-simple, .well-chat, .multi-vcard-dialog-contact
  863. {
  864.     background-color: #222;  
  865. }
  866.  
  867. .audio-duration
  868. {
  869.     color: rgba(245, 245, 245, 0.6);
  870. }
  871.  
  872. .chat-subtitle.chat-subtitle-header
  873. {
  874.     color: rgba(245, 245, 245, 0.8);
  875. }
  876.  
  877. .chatlist-panel .chatlist-panel-body
  878. {
  879.     background-color: transparent;  
  880. }
  881.  
  882. .Gd51Q._3sgkv
  883. {
  884.     color: inherit;  
  885. }
  886.  
  887. html[dir=ltr] ._1i1U7.jZ4tp { background: transparent!important; }
  888. html[dir=rtl] ._1i1U7.jZ4tp { background: transparent!important; }
  889. html[dir=ltr] ._1i1U7._2DNgV { background: transparent!important; }
  890. html[dir=rtl] ._1i1U7._2DNgV { background: transparent!important; }
  891.  
  892. html[dir] ._3kN0h,
  893. .header-close svg,
  894. .menu-icons-item,
  895. .btn-ptt,
  896. .compose-btn-emoji,
  897. .audio-button,
  898. ._2Fofa svg,
  899. ._3PiNI svg,
  900. ._3X4do:last-child svg,
  901. html[dir] ._1aTxu svg
  902. {
  903.     -webkit-filter: invert(1) !important;
  904.     filter: invert(1) !important;
  905. }
  906.  
  907. html[dir] .L89LI
  908. {
  909.     background-color: #666;
  910.     color: #fff;
  911. }
  912.  
  913. .header-title,
  914. .emoji-input.emoji-input-text-large .emoji-input-body
  915. {
  916.     color: #c6c6c6 !important;  
  917. }
  918.  
  919. .pane-chat-header:after
  920. {
  921.     z-index: -1;  
  922. }
  923.  
  924. html[dir] ._1mq8g
  925. {
  926.     background-color: transparent;
  927.     border-top: 0px;
  928. }
  929.  
  930. .mentions-positioning-container
  931. {
  932.     color: #333;
  933. }
  934.  
  935. html[dir] ._3qlW9,
  936. html[dir] ._1CkkN,
  937. html[dir] ._1AKfk,
  938. .drawer-chat-search .chatlist-panel-body,
  939. html[dir] ._2uLFU,
  940. html[dir] ._1ArIP,
  941. html[dir] ._1CRb5
  942. {
  943.     background-color: #222222;  
  944. }
  945.  
  946. .chat-body, .header-body
  947. {
  948.     border-top: 0px;  
  949. }
  950.  
  951. .chat:hover:after, .chat.hover:after, .chat.active:after, .chat.active:after
  952. {
  953.     border-top-color: #666;
  954. }
  955.  
  956. .iYPsH,
  957. ._3LL06,
  958. ._1DZAH,
  959. .DYGf2,
  960. html[dir=ltr] ._2dGjP
  961. {
  962.     color: #c2c2c2;  
  963. }
  964.  
  965. html[dir=ltr] ._28zBA._14ou2
  966. {
  967.     background-color: #333;
  968. }
  969.  
  970. html[dir] ._2MSJr
  971. {
  972.     background-color: #333;
  973.     border-color: #666;    
  974. }
  975.  
  976. html[dir] ._1CkkN:hover
  977. {
  978.     background-color: #3c3c3c;  
  979. }
  980.  
  981. html[dir] ._2iSIf
  982. {
  983.     background-color: #09d261;
  984.     color: black;
  985. }
  986.  
  987. .bubble-text
  988. {
  989.     color: #ccc;
  990. }
  991.  
  992. .input-emoji-search
  993. {
  994.     color: #666!important;  
  995. }
  996.  
  997. html[dir=ltr] ._2Cju4.jZ4tp
  998. {
  999.     background: none;  
  1000. }
  1001.  
  1002. .Bmrty
  1003. {
  1004.     color: rgba(255, 255, 255, 0.6);  
  1005. }
  1006.  
  1007. .message, .media-caption
  1008. {
  1009.     font-size: 12px;
  1010.     color: #ccc;
  1011. }
  1012.  
  1013. html[dir] .gQzdc._3sdhb
  1014. {
  1015.     background-color: #3d3d3d;
  1016. }
  1017.  
  1018. html[dir] .gQzdc._3sdhb input
  1019. {
  1020.     color: #ccc;
  1021. }
  1022.  
  1023. .message strong, .media-caption strong
  1024. {   color: #ccc;
  1025. }
  1026.  
  1027. html[dir] .FstZn
  1028. {
  1029.     color: #cecece;  
  1030. }
  1031.  
  1032. html[dir] ._2EXPL,
  1033. html[dir] ._1NrpZ
  1034. {
  1035.     background-color: #2c2c2c;
  1036.     color: #cecece;
  1037. }
  1038.  
  1039. html[dir] ._3CPl4
  1040. {
  1041.     background-color: #2c2c2c!important;
  1042.     color: #cecece;
  1043. }
  1044.  
  1045. html[dir] ._3auIg,
  1046. html[dir] ._3AwwN
  1047. {
  1048.     background-color: #3e3e3e;
  1049.     color: #cecece;
  1050. }
  1051.  
  1052. html[dir] ._3oju3
  1053. {
  1054.        background-color: #2c2c2c;
  1055. }
  1056.  
  1057. html[dir] ._2EXPL._1f1zm
  1058. {
  1059.    background-color: #3f3f3f;  
  1060. }
  1061.  
  1062. html[dir] ._2bXVy
  1063. {
  1064.     background-color: #1f1f1f!important;  
  1065. }
  1066.  
  1067. html[dir] ._2EXPL._1f1zm:after,
  1068. html[dir] ._2EXPL:hover ._3j7s9,
  1069. html[dir] ._2EXPL._3df_h ._3j7s9
  1070. {
  1071.     border-top-color: #666;  
  1072. }
  1073.  
  1074. html[dir] ._2EXPL:hover:after,
  1075. html[dir] ._2EXPL._3df_h:after,
  1076. html[dir] ._2EXPL._1f1zm:after
  1077. {
  1078.     border-top: 1px solid #666;
  1079. }
  1080.  
  1081. html[dir] ._2EXPL:hover
  1082. {
  1083.     background-color: #3e3e3e;  
  1084. }
  1085.  
  1086. body
  1087. {
  1088.     font-size: 12px;
  1089. }
  1090.  
  1091. ._2EXPL._1f1zm ._1AwDx,
  1092. ._25Ooe,
  1093. ._1AwDx,
  1094. ._2zCDG,
  1095. .CxUIE ._3Bxar
  1096. {
  1097.     color: #cecece;
  1098.     font-size: 14px;
  1099. }
  1100.  
  1101. html[dir] ._1GX8_,
  1102. html[dir] ._2jVLL
  1103. {
  1104.     background-color: transparent;  
  1105. }
  1106.  
  1107. html[dir] ._3j7s9
  1108. {
  1109.     border-top: transparent;  
  1110. }
  1111.  
  1112. ._3Bxar,
  1113. ._7HWvs
  1114. {
  1115.     color: #cecece;
  1116.     font-size: 14px;  
  1117. }
  1118.  
  1119. ._3NFp9,
  1120. ._1bX-5
  1121. {
  1122.     font-size: 12px;  
  1123. }
  1124.  
  1125. ._2EXPL.CxUIE ._1AwDx,
  1126. .CxUIE ._25Ooe
  1127. {
  1128.     color: #fff;
  1129. }
  1130.  
  1131. html[dir] ._2EYZY,
  1132. html[dir] ._1qdni,
  1133. html[dir] ._3ETD3,
  1134. html[dir] ._1CnF3
  1135. {
  1136.     background-color: #2e2e2e;  
  1137. }
  1138.  
  1139. html[dir] .R0lQ6
  1140. {
  1141.     background-color: #3e3e3e;  
  1142. }
  1143.  
  1144. html[dir] .mnt6B,
  1145. html[dir] ._3XpR2
  1146. {
  1147.     background-color: #222;
  1148. }
  1149.  
  1150. .Gz6Af
  1151. {
  1152.     color: #cecece;  
  1153. }
  1154.  
  1155. html[dir] ._2-ptl ._27BA_,
  1156. html[dir] ._3WvAg ._27BA_
  1157. {
  1158.     background-color: rgba(0,0,0,0.2);    
  1159. }
  1160.  
  1161. html[dir=ltr] ._1fkhx
  1162. {
  1163.     border-left: 1px solid #666;  
  1164. }
  1165.  
  1166. html[dir] ._3gUiM
  1167. {
  1168.     background-color: rgba(0, 0, 0, 0.70);
  1169. }
  1170.  
  1171. ._228tA
  1172. {
  1173.     overflow: hidden;    
  1174. }
  1175.  
  1176. html[dir] ._1drQ-,
  1177. html[dir] ._1dGTK,
  1178. html[dir] .r3Nu1
  1179. {
  1180.     background-color: #2e2e2e;
  1181. }
  1182.  
  1183. html[dir] .wDFKR
  1184. {
  1185.     background-color: #444746;
  1186. }
  1187.  
  1188. ._3_7SH,
  1189. ._3_7SH strong
  1190. {
  1191.     color: #d2d2d2;
  1192.     font-size: 12px;
  1193. }
  1194.  
  1195. .message-out .tail-container.highlight,
  1196. .message-out .tail-container,
  1197. html[dir] .tail-container,
  1198. html[dir] .tail-container.highlight
  1199. {
  1200.     display: none;  
  1201. }
  1202.  
  1203. html[dir] ._2bXVy
  1204. {
  1205.     border-color: #323232!important;  
  1206. }
  1207.  
  1208. html[dir] .Zq3Mc
  1209. {
  1210.     background-color: rgba(50, 50, 50, 0.92);
  1211.     box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
  1212.     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);  
  1213. }
  1214.  
  1215. html[dir] ._2fq0t
  1216. {
  1217.     background-color: #3e3e3e;
  1218. }
  1219.  
  1220. html[dir] ._1CSx9
  1221. {
  1222.     background-color: #1e1e1e;
  1223. }
  1224.  
  1225. ._1CSx9 .Ghmsz
  1226. {
  1227.     color: #fefefe;  
  1228. }
  1229.  
  1230. html[dir] ._14oqx + ._14oqx .DcItJ
  1231. {
  1232.     border-top: 1px solid #3e3e3e;
  1233. }
  1234.  
  1235. .two .k1feT {
  1236.     -webkit-flex: 0 0 25%!important;
  1237.     flex: 0 0 25%!important;
  1238. }
  1239.  
  1240. .two ._1Iexl {
  1241.     -webkit-flex: 0 0 75%!important;
  1242.     flex: 0 0 75%!important;
  1243. }
  1244.  
  1245. ._3cMIj {
  1246.     color: #fff;  
  1247. }
  1248.  
  1249. .Y9G3K {
  1250.     color: rgba(255, 255, 255, 0.6);    
  1251. }
  1252.  
  1253. html[dir] .IKxkY ._12xX7 {
  1254.     background-color: #383838;
  1255. }
  1256.  
  1257. html[dir] ._3AwwN:after {
  1258.     background-color: rgba(33, 33, 33, 0.14);
  1259.     border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  1260. }
  1261.  
  1262. html[dir] ._3gUiM._6vIwv {
  1263.     background-color: #1e1e1e;
  1264. }
  1265.  
  1266. html[dir] .BDk0G,
  1267. html[dir] ._212mA.j5Hcb
  1268. {
  1269.     background-color: #383838;
  1270. }
  1271.  
  1272. ._3zVOv
  1273. {
  1274.     color: #dedede;  
  1275. }
  1276.  
  1277. ._3QqKs
  1278. {
  1279.     color: rgba(255, 255, 255, 0.6);
  1280. }
  1281.  
  1282. html[dir] ._28ZV1 {
  1283.     background-color: #2c2c2c;
  1284. }
  1285.  
  1286. html[dir] ._1sGGp._2nFG1 {
  1287.     background-color: #333;
  1288. }
  1289.  
  1290. ._16y6t {
  1291.     -webkit-flex: none;
  1292.     flex: none;
  1293.     font-size: 12px;
  1294.     color: rgba(255, 255, 255, 0.8);
  1295. }
  1296.  
  1297. html[dir] ._2lwig._2nFG1 {
  1298.     background-color: #383838;
  1299. }
  1300.  
  1301. html[dir] ._3nuGo {
  1302.     background-color: #262626;
  1303. }
  1304.  
  1305. html[dir] ._1ypOz {
  1306.     background-color: #333;
  1307. }
  1308.  
  1309. ._1ypOz
  1310. {
  1311.     color: #fff;
  1312.     font-weight: bold;
  1313. }
  1314.  
  1315. html[dir] ._3v_lq.j5Hcb {
  1316.     background-color: #3e3e3e;
  1317. }
  1318.  
  1319. html[dir] .Uukb4 {
  1320.     background-color: #2c2c2c;
  1321. }
  1322.  
  1323. html[dir=ltr] .Uukb4 {
  1324.     border-left: 0px solid black;
  1325. }
  1326.  
  1327. html[dir=ltr] ._2Cju4._2DNgV {
  1328.     background: none;  
  1329. }
  1330.  
  1331. html[dir] ._16pld,
  1332. html[dir] ._17b-C
  1333. {
  1334.     background: #2e2e2e;  
  1335. }
  1336.  
  1337. html[dir] .Sbkt2,
  1338. html[dir] .QQnvT
  1339. {
  1340.     background: #3e3e3e;  
  1341. }
  1342.  
  1343. input
  1344. {
  1345.     color: #cecece;  
  1346. }
  1347.  
  1348. html[dir] ._2rR_l
  1349. {
  1350.     background: #3e3e3e;  
  1351. }
  1352.  
  1353. html[dir] ._2vjPO
  1354. {
  1355.     background: #303030!important;  
  1356. }
  1357.  
  1358. html[dir] ._2ByZq
  1359. {
  1360.     background: transparent;  
  1361. }
  1362.  
  1363. html[dir] ._1iopp,
  1364. html[dir] .YAPQk
  1365. {
  1366.     background: #3e3e3e!important;  
  1367. }
  1368.  
  1369. html[dir] ._2EXPL._13iu_
  1370. {
  1371.     background: #404040;  
  1372. }
  1373.  
  1374. html[dir] ._2EXPL._13iu_:hover
  1375. {
  1376.     background: #515151;  
  1377. }
  1378.  
  1379. ._2EXPL._13iu_ ._25Ooe
  1380. {
  1381.     color: #e3e3e3;  
  1382. }
  1383.  
  1384. ._2rXhY
  1385. {
  1386.     color: rgba(255, 255, 255, 0.5);  
  1387. }
  1388.  
  1389. ._3gkvk
  1390. {
  1391.     color: #d9d9d9;
  1392. }
  1393.  
  1394.  
  1395.  
  1396.  
  1397. html[dir=ltr] ._1JbDr
  1398. {
  1399.     border-left: 0;  
  1400. }
  1401.  
  1402. html[dir] .YbzIC,
  1403. html[dir] ._3tlsa
  1404. {
  1405.     background-color: transparent;  
  1406. }
  1407.  
  1408. html[dir] ._3pkkz
  1409. {
  1410.     background-color: #323232;  
  1411. }
  1412.  
  1413. html[dir] ._1Plpp {
  1414.     background-color: #202020;
  1415.     border-color: #4b4b4b;
  1416.     border-radius: 8px;
  1417. }
  1418.  
  1419. html[dir] ._1XwnX
  1420. {
  1421.     background-color: #3e3e3e;
  1422. }
  1423.  
  1424. html[dir] ._3_R6X
  1425. {
  1426.     background-color: rgba(0,0,0,0.8);
  1427. }
  1428.  
  1429. html[dir] ._3Qh77
  1430. {
  1431.         border-top: solid 1px #202020;
  1432. }
  1433.  
  1434. ._3ataZ
  1435. {
  1436.     color: #a8adaf;  
  1437. }
  1438.    
  1439. html[dir] ._3kAJH,
  1440. html[dir] .rstyJ,
  1441. html[dir] ._3SX5f
  1442. {
  1443.     background-color: #323232;  
  1444. }
  1445.  
  1446. html[dir] ._1VeYA ._3PmkG,
  1447. html[dir] .C534L ._3PmkG,
  1448. html[dir] ._1qYlt._1vWM8
  1449. {
  1450.     background-color: rgba(0, 0, 0, 0.2);
  1451. }
  1452.  
  1453. html[dir] ._3o_Eb,
  1454. html[dir] ._1qUma,
  1455. html[dir] ._2HBs4
  1456. {
  1457.     background-color: transparent;  
  1458. }
  1459.  
  1460. ._1vDUw
  1461. {
  1462.     background-color: #2e2e2e;
  1463. }
  1464.  
  1465. ._15aTv
  1466. {
  1467.     color: inherit;  
  1468. }
  1469.  
  1470. html[dir] .message-in ._3JaNE ._2R8MP, html[dir] .message-in ._3JaNE ._2Ll5c
  1471. {
  1472.     background-color: transparent;  
  1473. }
  1474.  
  1475. @media screen and (max-width: 1024px) {
  1476. html[dir=ltr] ._3AwwN
  1477. {
  1478.     border-left: none;
  1479. }
  1480. }
  1481.  
  1482. @media screen and (max-width: 1300px) and (min-width: 1025px) {
  1483. html[dir=ltr] ._3AwwN
  1484. {
  1485.     border-left: none;
  1486. }
  1487. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement