Kemii

DiscordCSS

Jan 12th, 2019
259
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.23 KB | None | 0 0
  1. .container-2lgZY8 {
  2.     background-color: rgba(0, 0, 0, 0);
  3. }
  4.  
  5. .channels-Ie2l6A {
  6.     -ms-flex-negative: 0;
  7.     background-color: rgba(0, 0, 0, 0.88);
  8.     flex-shrink: 0;
  9.     width: 240px;
  10. }
  11.  
  12. .container-2Thooq {
  13.     -ms-flex-align: center;
  14.     -ms-flex-negative: 0;
  15.     -webkit-box-align: center;
  16.     align-items: center;
  17.     background: rgba(0, 0, 0, 0);
  18.     color: #fff;
  19.     display: -webkit-box;
  20.     display: -ms-flexbox;
  21.     display: flex;
  22.     flex-shrink: 0;
  23.     font-size: 14px;
  24.     font-weight: 400;
  25.     height: 52px;
  26.     margin-bottom: 0px;
  27.     padding: 0 10px;
  28.     border-top: 1px solid hsla(0,0%,100%,.1);
  29. }
  30.  
  31. .guildsWrapper-5TJh6A{width: 126px;}
  32. .guildsWrapper-5TJh6A .scroller-wrap{width: 155px;}
  33. .guildsWrapper-5TJh6A .guilds-1q_RqH {
  34.     display: flex;
  35.     flex-flow: row wrap;
  36.     padding-left: 0;
  37.     align-content: flex-start;
  38.     background-color: rgba(0, 0, 0, 0.4)
  39. }
  40. .guildsWrapper-5TJh6A .scroller-wrap {
  41.     width: 136px;
  42.    
  43. }
  44. .scrollerWrap-1IAIlv {
  45.     width: 132px;
  46. }
  47. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ {
  48.     margin-left: 8px;
  49.     margin-top: 8px;
  50. }
  51.  
  52. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr::before {
  53.     left: -2px;
  54.     top: 5px;
  55.     z-index:9000;
  56. }
  57.  
  58. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ:first-child {
  59.     position: relative;
  60.     left: 0;
  61.     margin-left: 42px;
  62.     margin-bottom: 5px;
  63.     margin-top: 5px;
  64. }
  65.  
  66. #bd-pub-li {
  67.     position: absolute;
  68.     top: 0px;
  69.     left: 0px;
  70. }
  71.  
  72. #bd-pub-li #bd-pub-button {
  73.     position:absolute;
  74.     width: 100%;
  75.     text-align: center;
  76. }
  77.  
  78. .guildsWrapper-5TJh6A .guilds-1q_RqH .guildSeparator-1X4GQ1 {
  79.     position: relative;
  80.     width: 100%;
  81.     margin-top: 10px;
  82. }
  83.  
  84. .guildsWrapper-5TJh6A .guilds-1q_RqH .friendsOnline-_wi_fM {
  85.     position: relative;
  86.     width: 100%;
  87.     margin-left: -5px;
  88.     margin-bottom: 0px;
  89.     margin-top: 5px;
  90. }
  91.  
  92. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.selected-ML3OIq:before {
  93.     display: none;
  94. }
  95.  
  96. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ {
  97.     position: relative;
  98. }
  99.  
  100. .guildsWrapper-5TJh6A .guilds-1q_RqH .dms-rcsEnV {
  101.     width: 100%;
  102.     display: flex;
  103.     flex-flow: row wrap;
  104. }
  105.  
  106. .guildsWrapper-5TJh6A .guilds-1q_RqH .dms-rcsEnV .guild-1EfMGQ {
  107.     left: 0;
  108. }
  109.  
  110. .theme-dark .guildsWrapper-5TJh6A {
  111.     background-color: rgba(0, 0, 0, 0.8);
  112. }
  113.  
  114. .guild-1EfMGQ.selected-ML3OIq:before, .guild-1EfMGQ.unread-qLkInr:before {
  115.     border-radius: 50px !important;
  116.     content: " ";
  117.     height: 54px !important;
  118.     left: -15px !important;
  119.     margin-top: -20px !important;
  120.     position: absolute !important;
  121.     top: 50% !important;
  122.     width: 54px !important;
  123. }
  124.  
  125. .guild-1EfMGQ.unread-qLkInr:before {
  126.     margin-top: 0px !important;
  127. }
  128.  
  129. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr::before {
  130.     left: -2px !important;
  131.     top: -2px !important;
  132.     z-index: -1 !important;
  133. }
  134.  
  135. .theme-dark .guild-1EfMGQ.unread-qLkInr:before {
  136.     background: #00effd;
  137. }
  138.  
  139. .theme-dark .title-3qD0b- {
  140.     background: rgb(15, 19, 21);
  141. }
  142.  
  143. .newMessagesBar-mujexs {
  144.     background-color: rgb(31, 163, 171);
  145. }
  146. .title-3qD0b-, .titleCall-_b9o8P {
  147.     background-color: rgba(0, 0, 0, 1):
  148. }
  149.  
  150. .titleWrapper-1l0xT9 {
  151.     background-color: rgba(0, 70, 60, 0);
  152.  
  153. }
  154. .theme-dark .layer-3QrUeG, .theme-dark .layers-3iHuyZ {
  155.     background: rgba(0, 0, 0, 0);
  156. }
  157. .container-PNkimc {
  158.     background-color: rgba(0, 0, 0, 0.0);
  159.     contain: layout;
  160.     min-height: 0;
  161.     position: relative;
  162. }
  163.  
  164. .theme-dark .members-1998pB {
  165.     background-color: rgba(0, 0, 0, 0.0);
  166. }
  167.  
  168. .theme-dark .chat>.content {
  169.     background-color: rgba(0, 0, 0, 0);
  170. }
  171. .theme-dark .chat {
  172.     background-color: rgba(0, 0, 0, 0.8);
  173. }
  174. .theme-dark .friends-table, .theme-dark .messages-wrapper {
  175.     background-color: rgba(0, 0, 0, 0);
  176. }
  177.  
  178. .theme-dark .chat form {
  179.     -webkit-box-shadow: 0 -1px 0 hsla(0,0%,100%,.06);
  180.     background-color: rgba(0, 0, 0, 0);
  181.     box-shadow: 0 -1px 0 hsla(0,0%,100%,.06);
  182. }
  183.  
  184. .theme-dark .members-1998pB {
  185.     background-color: rgba(0, 0, 0, 0);
  186. }
  187.  
  188. .theme-dark #friends {
  189.     background-color: rgba(0, 0, 0, 0.8);
  190. }
  191.  
  192. .guilds-wrapper {
  193.     -ms-flex-direction: column;
  194.     -ms-flex-negative: 0;
  195.     -webkit-box-direction: normal;
  196.     -webkit-box-orient: vertical;
  197.     background-color: rgba(0, 0, 0, 0.8);
  198.     contain: layout;
  199.     display: -webkit-box;
  200.     display: -ms-flexbox;
  201.     display: flex;
  202.     flex-direction: column;
  203.     flex-shrink: 0;
  204.     overflow: hidden;
  205.     position: relative;
  206.     width: 70px;
  207. }
  208.  
  209. .theme-dark .title-3qD0b- {
  210.     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 0);
  211.     background: rgba(0, 0, 0, 0.8);
  212.     box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(0, 0, 0, 0);
  213. }
  214.  
  215. .theme-dark .inner-zqa7da {
  216.     background-color: hsla(0, 0%, 0%, 0.7);
  217. }
  218.  
  219. .contentSelectedText-3wUhMi {
  220.     background-color: rgba(0, 0, 0, 0.0);
  221. }
  222.  
  223. .container-1UB9sr {
  224.     -ms-flex-align: center;
  225.     -ms-flex-negative: 0;
  226.     -webkit-box-align: center;
  227.     align-items: center;
  228.     background: rgba(0, 0, 0, 0);
  229.     border-bottom: 1px solid rgba(0, 0, 0, 0);
  230.     color: #fff;
  231.     display: -webkit-box;
  232.     display: -ms-flexbox;
  233.     display: flex;
  234.     flex-shrink: 0;
  235.     font-size: 14px;
  236.     font-weight: 500;
  237.     padding: 10px;
  238. }
  239.  
  240. .theme-dark .chat-3bRxxu form, .theme-dark .content-yTz4x3 {
  241.     background-color: #0f1314;
  242.    
  243. }  
  244. .theme-dark .markup-2BOw-j code, .theme-dark .markup-2BOw-j code.inline {
  245.     background-color: #040606;
  246. }
  247. .scrollerWrap-2su1QI {
  248.     background-color: #0f1314;
  249. }
  250.  
  251. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
  252.     background-color: rgba(0, 0, 0, 0);
  253.     border-color: rgba(0, 0, 0, );
  254. }
  255.  
  256. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
  257.     background-color: rgba(0, 0, 0, 0.);
  258.     border-color: rgba(0, 0, 0, 0);
  259. }
  260.  
  261. .appMount-3VJmYg {
  262.     -ms-flex-direction: column;
  263.     -webkit-box-direction: normal;
  264.     -webkit-box-orient: vertical;
  265.     background-color: #000000;
  266.     display: -webkit-box;
  267.     display: -ms-flexbox;
  268.     display: flex;
  269.     flex-direction: column;
  270.     height: 100vh;
  271.     overflow: hidden;
  272.     position: absolute;
  273.     width: 100vw;
  274. }
  275.  
  276. .videoInner-3OR9J2{
  277.     background-color: rgba(0, 0, 0, 0);
  278.  
  279. }
  280. .private-channels .channel.selected a {
  281.     background-color: rgba(0, 0, 0, 0.8);
  282.     color: #fff;
  283. }
  284.  
  285. .theme-dark .message-group .mentioned .message-text {
  286.     background: rgba(114, 137, 218, 0.2);
  287. }
  288.  
  289. .message-group .mentioned .message-text:after {
  290.     background: rgba(114, 137, 218, 0.25);
  291.     border-left: 4px solid rgba(114, 137, 218, 0);
  292.     border-radius: 2px 0 0 2px;
  293.     bottom: 0;
  294.     content: " ";
  295.     left: -6px;
  296.     position: absolute;
  297.     top: 0;
  298.     width: 2px;
  299. }
  300.  
  301. .theme-dark .friends-table .messages .divider:before, .theme-dark .friends-table .messages .divider span, .theme-dark .messages-wrapper .messages .divider:before, .theme-dark .messages-wrapper .messages .divider span {
  302.     background-color: rgba(0, 239, 253, 0.8);
  303. }
  304.  
  305. .theme-dark .friends-table .messages .divider:not(.red) div, .theme-dark .messages-wrapper .messages .divider:not(.red) div {
  306.     background: rgba(0, 239, 253, 0.8);
  307. }
  308.  
  309.  
  310. .theme-dark .headerBar-UHpsPw {
  311.     -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06);
  312.     background: rgba(9, 11, 12, 1);
  313.     box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06);
  314. }
  315.  
  316. .theme-dark .typing-2GQL18 {
  317.     background-color: rgba(54, 57, 62, 0);
  318. }
  319.  
  320. .guilds-wrapper {
  321.   width: 148px;
  322.   border-right: 1px solid hsla(0,0%,100%,.1) !important;
  323. }
  324.  
  325. .guilds-wrapper .scroller-wrap {
  326.   width: 150px;
  327.   left: 12px;
  328. }
  329.  
  330. .guilds-wrapper .guilds {
  331.   display: flex;
  332.   flex-flow: row wrap;
  333.   padding-left: 0;
  334.   align-content: flex-start;
  335. }
  336.  
  337. .guilds-wrapper .guilds .guild {
  338.   margin-left: 8px;
  339.   margin-top: 8px;
  340. }
  341.  
  342. .guilds-wrapper .guilds .guild:first-child {
  343.   position: relative;
  344.   left: 0px;
  345.   margin: 40px;
  346.   margin-top: 15px;
  347. }
  348.  
  349. .guilds-wrapper .guilds .guild-separator {
  350.   position: relative;
  351.   width: 100%;
  352.   margin-top: 2px;
  353. }
  354.  
  355. .guilds-wrapper .guilds .friends-online {
  356.   position: relative;
  357.   width: 100%;
  358.   margin: auto;
  359.   margin-top: 5px;
  360. }
  361.  
  362. .guilds-wrapper .guilds .guild.selected:before {
  363.   display: none;
  364. }
  365.  
  366. .guilds-wrapper .guilds .guild {
  367.   position: relative;
  368. }
  369.  
  370. .guilds-wrapper .guilds .dms {
  371.   width: 100%;
  372.   display: flex;
  373.   flex-flow: row wrap;
  374. }
  375.  
  376. .guilds-wrapper .guilds .dms .guild {
  377.   left: 0;
  378. }
  379.  
  380. .guilds-wrapper .guilds .dms .guild:first-child {
  381.     margin-left: 8px;
  382.     margin-right: 0;
  383.     margin-top: 8px;
  384. }
  385.  
  386. .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  387.     background-color: rgba(255, 255, 255, 0);
  388. }
  389.  
  390. .scroller-wrap .scroller::-webkit-scrollbar-thumb, .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
  391.     background-clip: padding-box;
  392.     background-color: rgba(255, 255, 255, 0);
  393.     border: 4px solid rgba(0, 0, 0, 1);
  394.     border-radius: 2px;
  395. }
  396.  
  397. .theme-dark .messagesWrapper-3lZDfY .scroller-wrap ::-webkit-scrollbar-track-piece {
  398.     background-color: #0f1314;
  399.     border-color: #0f1314;
  400. }
  401.  
  402. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-track-piece, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-track-piece {
  403.     background-color: rgba(0, 0, 0, 0);
  404.     border-color: rgba(0, 0, 0, 0);
  405. }
  406.  
  407. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
  408.     background-color: rgba(255, 255, 255, 0.15);
  409.     border-color: rgba(255, 255, 255, 0.15);
  410. }
  411.  
  412. .theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-track-piece {
  413.     background-color: rgba(0, 0, 0, 0);
  414.     border: 3px solid rgba(0, 0, 0, 0);
  415.     border-radius: 2px;
  416. }
  417.  
  418. .scrollerThemed-2oenus.themeGhostHairlineChannels-3G0x9_ .scroller-2FKFPG::-webkit-scrollbar-thumb {
  419.     background-color: rgba(255, 255, 255, 0);
  420.     width: 4px;
  421. }
  422. .theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scroller-2FKFPG::-webkit-scrollbar-thumb {
  423.     background-color: rgba(255, 255, 255, 0.1);
  424.     border-color: rgba(0, 0, 0, 0);
  425.     width: 4px;
  426. }
  427.  
  428. .theme-dark .message-group .comment .markup pre {
  429.     background: rgba(0, 0, 0, 0.7);
  430.     border-color: #000000;
  431. }
  432. .contentHoveredText-2D9B-x, .contentHoveredVoice-3p_NEO:active, .contentSelectedVoice-1WDIBM:active {
  433.     background-color: rgba(0, 0, 0, 0);
  434. }
  435.  
  436. .theme-dark .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code {
  437.     background: rgba(255, 255, 255, .15);
  438. }
  439.  
  440. .theme-dark .member-3W1lQa:hover .content-OzHfo4 {
  441.     background-color: rgba(255, 255, 255, 0.15);
  442.     color: #fff;
  443. }
  444.  
  445. .wrapper-2NJDcI {
  446.     background-color: rgba(255, 255, 255, 0);
  447.     border-radius: 2px;
  448.     color: #c5c5c5;
  449.     display: inline-block;
  450.     font-family: SourceCodePro,Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
  451.     font-size: 12px;
  452.     height: 16px;
  453.     line-height: 16px;
  454.     padding: 0 4px;
  455. }
  456.  
  457. .theme-dark .headerNormal-T_seeN {
  458.     background-color: #080a0a;
  459. }
  460.  
  461. .theme-dark .body-3iLsc4, .theme-dark .footer-1fjuF6 {
  462.     background-color: #0f1314;
  463.     color: hsla(0,0%,100%,.8);
  464. }
  465.  
  466. .theme-dark .quickMessage-1yeL4E {
  467.     background-color: #080a0a;
  468.     border-color: #2f3136;
  469.     color: hsla(0,0%,100%,.7);
  470. }
  471.  
  472. .theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 {
  473.     background-color: rgba(0, 0, 0, 0.4);
  474.     color: #fff;
  475. }
  476.  
  477. .guilds-wrapper .guild-separator:after {
  478.     background: hsla(0,0%,100%,.1);
  479.     content: "";
  480.     height: 1px;
  481.     left: 20%;
  482.     position: relative;
  483.     right: 20%;
  484.     top: 0;
  485. }
  486.  
  487. .theme-dark .search .search-bar {
  488.     background-color: hsla(0, 0%, 1%, 0.8);
  489. }
  490.  
  491.  
  492. .unread-1Dp-OI {
  493.     background-color: rgba(0, 239, 253, .6);
  494.     border-radius: 100px;
  495.     height: 8px;
  496.     left: -4px;
  497.     margin-top: -4px;
  498.     position: absolute;
  499.     top: 50%;
  500.     width: 8px;
  501. }
  502.  
  503.  
  504. /* Blocked meesages color */
  505. .theme-dark .friends-table .messages .message-group-blocked .message-group-blocked-btn, .theme-dark .messages-wrapper .messages .message-group-blocked .message-group-blocked-btn {
  506.     background: rgba(15, 19, 20, 0.05);
  507.     color: #0f1314;
  508. }
  509.  
  510. .theme-dark .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh- {
  511.    background-color: rgba(15, 19, 20, 1);
  512.    color: #999999
  513. }
  514. .container-1YxwTf {
  515.     background-color: rgba(15, 19, 20, 0.8);
  516.     color: #0f1314
  517. }
  518.  
  519. .theme-dark .friends-table .messages .message-group-blocked, .theme-dark .messages-wrapper .messages .message-group-blocked {
  520.     background: rgba(15, 19, 20, 0.05);
  521.     border-color: #0f1314;
  522. }
  523.  
  524. .theme-dark .friends-table .messages .message-group-blocked.revealed, .theme-dark .messages-wrapper .messages .message-group-blocked.revealed {
  525.     background: rgba(15, 19, 20, 0.05);
  526.     border-color: #0f1314;
  527. }
  528.  
  529. .base-3dtUhz {
  530.     border-radius: 0;
  531. }
  532.  
  533. .video-1FfuMD {
  534.     background-color: rgba(0,0,0,1) !important;
  535. }
  536.  
  537. .private-channels .channel:hover a {
  538.     background-color: rgba(255,255,255,0.15);
  539.     color: #fff;
  540. }
  541.  
  542.  
  543.  
  544. .private-channels .channel.selected .status {
  545.     border-color: transparent;
  546. }
  547.  
  548. .private-channels .channel:hover .status {
  549.     border-color: transparent;
  550. }
  551.  
  552. .private-channels .status {
  553.     border: 2px solid transparent;
  554. }
  555.  
  556.  
  557. .theme-dark .friends-table .messages .divider:before, .theme-dark .friends-table .messages .divider span, .theme-dark .messages-wrapper .messages .divider:before, .theme-dark .messages-wrapper .messages .divider span {
  558.     background-color: transparent;
  559. }
  560.  
  561.  
  562. .theme-dark .messages-wrapper .messages .divider span {
  563.     display: block;
  564.     width: 100% !important;
  565.     text-align: center;
  566.     border-radius: 0 !important;
  567.     background-color: rgba(150, 150, 150, 0.1);
  568.     padding: 2px 0;
  569. }
  570.  
  571. .theme-dark .friends-table .messages .divider:not(.red) span, .theme-dark .messages-wrapper .messages .divider:not(.red) span {
  572.     color: rgba(0, 239, 253, 0.9);
  573. }
  574.  
  575. .theme-dark .friends-table .messages .divider.divider-red>span, .theme-dark .messages-wrapper .messages .divider.divider-red>span {
  576.     color: #00effd;
  577. }
  578.  
  579. .theme-dark .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code {
  580.     background: rgba(255, 255, 255, 0.15);
  581. }
  582.  
  583. .theme-dark .message-group .comment .markup pre code {
  584.     background: rgba(0, 0, 0, 0.15);
  585. }
  586.  
  587. .theme-dark .message-group .comment .markup pre {
  588.     background: rgba(0, 0, 0, 0.6);
  589.     border-color: #000;
  590. }
  591.  
  592. .message-group .comment .markup pre {
  593.     border-radius: 0 !important;
  594. }
  595.  
  596. .iconCollapsed-3hFp_8, .iconDefault-3Gr8d2, .nameCollapsed-34uFWo, .nameDefault-2DI02H {
  597.     color: rgb(0, 239, 253);
  598. }
  599.  
  600. .theme-dark #friends .friends-table .friends-row:hover {
  601.     background: rgba(255, 255, 255, .15);
  602.     border-color: transparent;
  603. }
  604.  
  605. .theme-dark #friends .tab-bar .tab-bar-item:hover:not(.selected) {
  606.     background-color: rgba(255,255,255,.15);
  607. }
  608.  
  609. /* extras optional */
  610. .theme-dark .topSectionNormal-2-vo2m {
  611.     background-color: rgba(8,10,10,1);
  612. }
  613.  
  614. .theme-dark .body-3ND3kc {
  615.     background-color: rgba(15,19,20,1);
  616. }
  617.  
  618. .theme-dark .messagesPopoutWrap-1MQ1bW .header-ykumBX {
  619.     background-color: rgba(15,20,19,.6);
  620. }
  621.  
  622. .theme-dark .messagesPopoutWrap-1MQ1bW {
  623.     background-color: rgba(15,19,20,.6);
  624. }
  625.  
  626. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group {
  627.     background-color: rgba(11,11,11,.6);
  628. }
  629.  
  630. .theme-dark .messagesPopoutWrap-1MQ1bW .messagesPopout-24nkyi .message-group .actionButtons-1sUUug .jumpButton-3DTcS_ {
  631.     background-color: rgba(33,33,33,.6);
  632.     color: hsla(0,0%,100%,.8);
  633. }
  634.  
  635. .actionButtons-1sUUug {
  636.     box-shadow: none;
  637. }
  638.  
  639. .theme-dark .themed-popout .header {
  640.     background-color: rgba(22,22,22,.6);
  641. }
  642.  
  643. .theme-dark .themed-popout {
  644.     background-color: rgba(33,33,33,.6);
  645. }
  646.  
  647. .theme-dark .private-channel-recipients-invite .friend.selected, .theme-dark .private-channel-recipients-invite .friend:hover {
  648.     background: rgba(0,0,0,.05);
  649. }
  650.  
  651. .theme-dark .private-channel-recipients-invite .friend {
  652.     background: rgba(0,0,0,.5);
  653.     color: #fff;
  654. }
  655.  
  656. .theme-dark .quickswitcher-3JagVE {
  657.     background-color: rgba(22,22,22,.6);
  658.     color: #dcddde;
  659. }
  660.  
  661. .theme-dark .input-2VB9rf {
  662.     background-color: rgba(11,11,11,.8);
  663. }
  664.  
  665. .theme-dark .menu-Sp6bN1 {
  666.     background: rgba(0,0,0,.8);
  667. }
  668.  
  669. .theme-dark .item-1GzJrl:hover {
  670.     background-color: rgba(255,255,255,.15);
  671. }
  672.  
  673. /* end extras */
  674.  
  675. div.unread-mentions-indicator-bottom {
  676.     display: none !important;
  677. }
  678.  
  679. .tooltip.tooltip-black {
  680.     background-color: rgba(33,33,33,.68);
  681. }
  682.  
  683. .theme-dark .status-2s6iDp {
  684.     border-color: rgba(0,0,0,0);
  685. }
  686.  
  687. .container-2Thooq .status {
  688.     border: 2px solid rgba(0,0,0,0);
  689. }
  690.  
  691. .actionButtons-1sUUug {
  692.     background-color: rgba(0,0,0,0);
  693. }
  694.  
  695.  
  696. .iconHovered-2L3-fB,
  697. .iconHoveredCollapsed-3caIIZ,
  698. .nameHovered-1gxhWH,
  699. .nameHoveredCollapsed-2orEWB {
  700.     color: rgb(0, 239, 253);
  701. }
  702.  
  703. .theme-dark .member-3W1lQa.popout-open .content-OzHfo4 .status-2s6iDp, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 .status-2s6iDp {
  704.     border-color: rgba(0,0,0,0);
  705. }
  706.  
  707. .theme-dark .member-3W1lQa:hover .content-OzHfo4 .status-2s6iDp {
  708.     border-color: rgba(0,0,0,0);
  709. }
  710.  
  711. .guilds-wrapper .guilds .guild.unread:before {
  712.     background: rgba(0, 239, 253, 0.8);
  713. }
  714.  
  715. .theme-dark .iconBadge-2dji3k {
  716.     border-color: rgba(0,0,0,0);
  717. }
  718.  
  719. .iconBadge-2dji3k {
  720.     -webkit-box-shadow: none;
  721.     background-color: #f04747;
  722.     border: 2px solid transparent;
  723.     border-radius: 8px;
  724.     box-shadow: none;
  725.     height: 4px;
  726.     position: absolute;
  727.     right: 5px;
  728.     top: 3px;
  729.     width: 4px;
  730. }
  731.  
  732. .video-1FfuMD {
  733.     background-color: rgba(0,0,0,0) !important;
  734. }
  735.  
  736. .theme-dark .private-channel-call {
  737.     background-color:  rgba(0,0,0,.35) !important
  738. }
  739.  
  740. .theme-dark .attachPopoutRow-KrE-f6:hover {
  741.     background-color: rgba(255,255,255,.15);
  742. }
  743.  
  744. .theme-dark .attachPopout-1n-ZKM {
  745.     background-color: rgba(22,22,22,0.8);
  746. }
  747.  
  748.  
  749. .guilds-wrapper .guilds .guild-icon {
  750.     border-radius: 100% !important;
  751. }
  752.  
  753. .guilds-wrapper .guilds .guild.selected:hover:before,
  754. .guilds-wrapper .guilds .guild.unread:hover:before {
  755.     border-radius: 25px !important;
  756. }
  757.  
  758. .guilds-wrapper .guilds .guild.unread:before {
  759.     background: rgba(0, 239, 253, 0.8);
  760. }
  761.  
  762.  
  763. .guilds-wrapper .guilds .guild .guild-inner a {
  764.     color: #fff;
  765.     display: block;
  766.     border-radius: 100px;
  767.     height: 50px;
  768.     width: 50px;
  769. }
  770.  
  771. .guilds-wrapper .guilds .guild .guild-inner {
  772.     background: rgba(0, 0, 0, 0);
  773.     border-radius: 25px;
  774.     cursor: pointer;
  775.     font-size: 18px;
  776.     line-height: 50px;
  777.     overflow: hidden;
  778.     text-align: center;
  779. }
  780.  
  781. .guilds-wrapper .guilds .guild {
  782.     transition: .3s;
  783. }
  784.  
  785. .guilds-wrapper .guilds .guild:hover {
  786.    transform: scale(1.08);
  787. }
  788.  
  789. .guilds-wrapper .guilds .guild .guild-inner a {
  790.     color: #fff;
  791.     display: block;
  792.     border-radius: 100px;
  793.     height: 50px;
  794.     width: 50px;
  795. }
  796.  
  797. .guilds-wrapper .guilds .guild .guild-inner {
  798.     background: rgba(0, 0, 0, 0);
  799.     border-radius: 25px;
  800.     cursor: pointer;
  801.     font-size: 18px;
  802.     line-height: 50px;
  803.     overflow: hidden;
  804.     text-align: center;
  805. }
  806.  
  807. .guilds-wrapper .guilds .guild.unread::before {
  808.     left: -2px;
  809.     top: 16px;
  810.     z-index: -1;
  811.     width: 54px;
  812.     height: 54px;
  813. }
  814.  
  815. .guilds-wrapper .guilds .guild.unread:before {
  816.     border-radius: 100px;
  817.     height: 50px;
  818.     margin-top: 0;
  819. }
  820.  
  821. .guilds-wrapper .guilds .guild.selected:before, .guilds-wrapper .guilds .guild.unread:before {
  822.     border-radius: 1000px;
  823.     content: " ";
  824.     height: 0;
  825.     left: -2px;
  826.     margin-top: -24px;
  827.     position: absolute;
  828.     top: 22px;
  829.     width: 54px;
  830.     height: 54px;
  831. }
  832.  
  833. .scroller-wrap .scroller::-webkit-scrollbar {
  834.     width: 4px !important;
  835.     color: #000;
  836. }
  837.  
  838. .guilds-wrapper .guilds .guild-separator {
  839.     position: relative;
  840.     width: 100%;
  841.     margin-top: 10px;
  842.     margin-left: 10px;
  843.     left: -1px;
  844. }
  845.  
  846. .guilds-wrapper .guilds .friends-online {
  847.     position: relative;
  848.     width: 100%;
  849.     margin-left: 42px;
  850.     left: -15px;
  851.     margin-top: 5px;
  852. }
  853.  
  854. .guilds-wrapper .guilds .guild:first-child {
  855.     position: relative;
  856.     left: -11px;
  857.     margin: auto;
  858.     margin-top: 11px;
  859. }
  860.  
  861. .guilds-wrapper .guilds .dms {
  862.     width: 100%;
  863.     display: flex;
  864.     margin-right: auto;
  865.     margin-left: 10px;
  866.     flex-flow: row wrap;
  867. }
  868.  
  869. .guilds-wrapper .guilds .dms .guild {
  870.     left: -11px;
  871. }
  872.  
  873. .message-group.compact.message-group {
  874.     padding: 7px 0;
  875. }
  876. [class~=app] {
  877.     background: url(https://i.imgur.com/AggNUaC.png) !important;
  878.     background-size: cover !important;
  879. }
  880. .guilds-wrapper .guilds .friends-icon {
  881.     background-image: url(https://discordapp.com/assets/322c936a8c8be1b803cd94861bdfa868.png);
  882.     background-position: top center;
  883.     background-repeat: no-repeat;
  884.     background-size: 100%;
  885.     height: 50px;
  886.     width: 50px;
  887. }
  888. .theme-dark .message-group .comment .markup {
  889.     color: rgba(255, 255, 255, 0.8);
  890. }
  891.  
  892.  
  893.  
  894. .message-group .comment .markup {
  895.     font-size: 0.9375rem;
  896.     line-height: 1.1em;
  897.     margin-top: 6px;
  898.     white-space: pre-wrap;
  899.     word-wrap: break-word;
  900. }
  901.  
  902.  
  903.  
  904.  
  905. .nameSelectedText-sp_EUw, .nameSelectedVoice-1qSph5 {
  906.     color: #f6f6f7 !important;
  907. }
  908. .nameHoveredText-1uO31y {
  909.     color: #b9bbbe !important;
  910. }
  911. .nameHoveredVoice-YJ1Vfd {
  912.     color: #f6f6f7 !important;
  913. }
  914. .nameUnreadText-DfkrI4, .nameUnreadVoice-EVo-wI {
  915.     color: #a0e2ea;
  916. }
  917.  
  918. .theme-dark .friends-table .scroller-wrap ::-webkit-scrollbar-thumb, .theme-dark .messages-wrapper .scroller-wrap ::-webkit-scrollbar-thumb {
  919.     background-color: rgba(255, 255, 255, 0.15);
  920.     border-color: rgba(255, 255, 255, 0.15);
  921. }
  922. .iconCollapsed-3hFp_8, .iconDefault-3Gr8d2, .nameCollapsed-34uFWo, .nameDefault-2DI02H {
  923.     color: rgb(0, 239, 253
  924. }
  925.    
  926. .unread-1Dp-OI {
  927.     background-color: rgba(0, 239, 253);
  928.     border-radius: 100px;
  929.     height: 8px;
  930.     left: -4px;
  931.     margin-top: -4px;
  932.     position: absolute;
  933.     top: 50%;
  934.     width: 8px;
  935. }
Advertisement
Add Comment
Please, Sign In to add comment