API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 14th, 2018
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 35.74 KB | None | 0 0
raw download clone embed print report
  1. /* Scrollbar
  2.    ========================================================================== */
  3.  
  4. ::-webkit-scrollbar-track-piece,
  5. ::-webkit-scrollbar-track,
  6. .bda-dark .emoji-picker .scroller::-webkit-scrollbar,
  7. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track,
  8. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-track-piece,
  9. .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar,
  10. .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track,
  11. .bda-dark .emojiPicker-3m1S-j .scroller-3vODG7::-webkit-scrollbar-track-piece,
  12. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar,
  13. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track,
  14. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-track-piece,
  15. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar,
  16. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track,
  17. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-track-piece,
  18. .bda-dark #pubs-container .scroller::-webkit-scrollbar,
  19. .bda-dark #pubs-container .scroller::-webkit-scrollbar-track,
  20. .bda-dark #pubs-container .scroller::-webkit-scrollbar-track-piece {
  21.     background-color: transparent !important;
  22.     border-color: transparent !important;
  23. }
  24.  
  25. ::-webkit-scrollbar-thumb,
  26. .bda-dark #bda-qem-twitch-container .scroller::-webkit-scrollbar-thumb,
  27. .bda-dark #bda-qem-favourite-container .scroller::-webkit-scrollbar-thumb,
  28. .bda-dark .emoji-picker .scroller::-webkit-scrollbar-thumb,
  29. .bda-dark .emojiPicker-3g68GS .scroller-3vODG7::-webkit-scrollbar-thumb,
  30. .bda-dark #pubs-container .scroller::-webkit-scrollbar-thumb {
  31.     background-color: var(--transparency) !important;
  32.     border-color: transparent !important;
  33. }
  34.  
  35. /* Fixes/Resets
  36.    ========================================================================== */
  37.  
  38. body {
  39.     font-family: var(--font-family), Whiteney, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  40. }
  41.  
  42. .chat-3bRxxu .search-results-wrap .channel-separator::before,
  43. .chat-3bRxxu .search-results-wrap .search-result::before,
  44. .chat-3bRxxu .search-results-wrap .search-result::after,
  45. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr::before,
  46. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.selected-ML3OIq::before,
  47. .guildsWrapper-5TJh6A .guilds-1q_RqH > .guild-1EfMGQ .homeIcon-1FoKUJ > g,
  48. .guildsWrapper-5TJh6A .guilds-1q_RqH > .guildSeparator-1X4GQ1,
  49. .messageGroupBlocked-3wrQQX ,
  50. .messageGroupBlockedBtn-1PBBh-,
  51. .modal-1UGdnR .divider-3WKGWk,
  52. .modal-1UGdnR .playersHeaderLine-2luL7r,
  53. .modal-3HD5ck .footerSeparator-Zin1Mp,
  54. .popout-3sVMXz .menu-Sp6bN1 .separator-2zcjq8 {
  55.     display: none !important;
  56. }
  57.  
  58. #friends .headerBar-UHpsPw,
  59. #friends .friend-table-add-header,
  60. #bd-pub-li .guildInner-3DSoA4,
  61. .content-yTz4x3,
  62. .title-3qD0b-,
  63. .messagesWrapper-3lZDfY,
  64. .members-1998pB,
  65. .layer-3QrUeG,
  66. .typing-2GQL18,
  67. .container-2lgZY8,
  68. .container-PNkimc,
  69. .container-1UB9sr,
  70. .container-2Thooq,
  71. .container-35XQWE,
  72. .layers-3iHuyZ,
  73. .ui-standard-sidebar-view .sidebar-region,
  74. .ui-standard-sidebar-view .content-region,
  75. .activityFeed-28jde9 .header-1RC2Wb,
  76. .activityFeed-28jde9 .headerBar-UHpsPw,
  77. .userPopout-3XzG_A .activity-11LB_k,
  78. .chat-3bRxxu form,
  79. .chat-3bRxxu .channelTextArea-1LDbYG .inner-zqa7da,
  80. .chat-3bRxxu .divider-3gKybi span,
  81. .chat-3bRxxu .search-results-wrap,
  82. .chat-3bRxxu .search-results-wrap .channel-name,
  83. .chat-3bRxxu .markup-2BOw-j > pre code,
  84. .chat-3bRxxu .wrapper-29NfPK,
  85. .modal-1UGdnR .headerFill-adLl4x,
  86. .modal-1UGdnR .footer-2yfCgX,
  87. .modal-1UGdnR .news-2KwXHF,
  88. .messagesPopoutWrap-1MQ1bW .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug,
  89. .messagesPopoutWrap-1MQ1bW .markup-2BOw-j > pre code,
  90. .uploadModal-2ifh8j .footer-3mqk7D button,
  91. .searchPopout-1vUlP3 .react-datepicker,
  92. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__header,
  93. .emojiPicker-3m1S-j > .header-1nkwgG .search-bar {
  94.     background: none !important;
  95. }
  96.  
  97. .contextMenu-HLZMGh,
  98. .popout-3sVMXz,
  99. .chat-3bRxxu .autocomplete-1vrmpx {
  100.     z-index: 9999 !important;
  101. }
  102.  
  103. #friends .friends-row,
  104. #friends .friend-table-add-header,
  105. .container-1UB9sr,
  106. .channelTextArea-rNsIhG,
  107. .private-channels .search-bar .search-bar-inner,
  108. .modal-1UGdnR .connectedAccounts-repVzS > .flex-1xMQg5,
  109. .modal-1UGdnR .tabBarContainer-1s1u-z,
  110. .modal-1UGdnR .userInfoSection-2acyCx,
  111. .modal-3HD5ck .search-bar,
  112. .modal-1UGdnR .footer-2yfCgX,
  113. .modal-3HD5ck .search-bar .search-bar-inner,
  114. .modal-1UGdnR .publisher-2ZxPEd,
  115. .modal-1UGdnR .quickswitcher-3JagVE .tipsWithResults-HhTE9b,
  116. .modal-1UGdnR .quickswitcher-3JagVE .tipsWithoutResults-lGY-De,
  117. .messagesPopoutWrap-1MQ1bW .messageGroupWrapper-o-Zw7G,
  118. .userPopout-3XzG_A .footer-1fjuF6,
  119. .userPopout-3XzG_A .quickMessage-1yeL4E,
  120. .ui-standard-sidebar-view .tools .closeButton-1tv5uR,
  121. .ui-standard-sidebar-view .connectedAccounts-2-XP1G .accountBtnInner-sj5jLs,
  122. .chat-3bRxxu .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
  123. .contextMenu-HLZMGh .itemGroup-1tL0uz,
  124. .searchPopout-1vUlP3 {
  125.     border: 0 !important;
  126. }
  127.  
  128. .newMessagesBar-mujexs,
  129. .jumpToPresentBar-9P20AM,
  130. .base-3dtUhz,
  131. .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2_Yu-C,
  132. .modal-1UGdnR .inner-1JeGVc > .modal-3HD5ck > .scrollerWrap-2lJEkd,
  133. .modal-1UGdnR .content-2BXhLs {
  134.     border-radius: 0 !important;
  135. }
  136.  
  137. #friends .headerBar-UHpsPw,
  138. .channels-Ie2l6A .container-2Rl01u .header-2o-2hj,
  139. .title-3qD0b-,
  140. .searchBar-2_Yu-C,
  141. .private-channels .search-bar,
  142. .guildsWrapper-5TJh6A .unreadMentionsBar-1VrBNe,
  143. .chat-3bRxxu .search-results-wrap .search-header,
  144. .chat-3bRxxu .search-results-wrap .search-result-message,
  145. .modal-3HD5ck .search-bar,
  146. .modal-3HD5ck .search-bar .search-bar-inner,
  147. .modal-3HD5ck .separator-6YbWrc,
  148. .modal-1UGdnR .footer-2yfCgX,
  149. .modal-1UGdnR .quickswitcher-3JagVE .input-2VB9rf,
  150. .messagesPopoutWrap-1MQ1bW .header-ykumBX,
  151. .messagesPopoutWrap-1MQ1bW .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug,
  152. .activityFeed-28jde9 .headerBar-UHpsPw,
  153. .userPopout-3XzG_A {
  154.     box-shadow: none !important;
  155. }
  156.  
  157. /* Transitions
  158.    ========================================================================== */
  159.  
  160. .userPopout-3XzG_A .role-2irmRk,
  161. .userPopout-3XzG_A .role-2irmRk.addButton-pcyyf6,
  162. .userPopout-3XzG_A .role-2irmRk .roleCircle-3xAZ1j .roleRemoveIcon-2-TeGW,
  163. .userPopout-3XzG_A .actionButton-VzECiy svg,
  164. .channels-Ie2l6A .contentHoveredText-2D9B-x,
  165. .channels-Ie2l6A .container-2Rl01u .header-2o-2hj:hover,
  166. .channels-Ie2l6A .button-2KyEfG::after,
  167. .channels-Ie2l6A .button-2b6hmh::after {
  168.     -webkit-transition: all 200ms ease;
  169.     transition: all 200ms ease;
  170. }
  171.  
  172. /* App Background
  173.    ========================================================================== */
  174.  
  175. .appMount-3VJmYg {
  176.     background: var(--bg-app) center/cover no-repeat;
  177.     animation: none;
  178. }
  179.  
  180. /* Emoji Picker
  181.    ========================================================================== */
  182.  
  183. .bda-dark #bda-qem {
  184.     border-bottom: 0 !important;
  185.     padding-right: 0 !important;
  186. }
  187.  
  188. .bda-dark #bda-qem button {
  189.     border-left: 0 !important;
  190.     box-shadow: none !important;
  191. }
  192.  
  193. .emojiPicker-3m1S-j,
  194. .emojiPicker-3m1S-j .premiumPromo-yVfLiA,
  195. #bda-qem-twitch-container,
  196. #bda-qem-favourite-container {
  197.     background: var(--bg-popout) center/cover no-repeat;
  198. }
  199.  
  200. .emojiPicker-3m1S-j,
  201. .emojiPicker-3m1S-j .premiumPromo-yVfLiA {
  202.     border-radius: 5px !important;
  203. }
  204.  
  205. .emojiPicker-3m1S-j > .header-1nkwgG,
  206. .emojiPicker-3m1S-j > .scrollerWrap-2lJEkd,
  207. .emojiPicker-3m1S-j > .categories-1feg4n,
  208. .emojiPicker-3m1S-j .search-bar-inner,
  209. .emojiPicker-3m1S-j .premiumPromo-yVfLiA::after,
  210. .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ,
  211. #bda-qem-twitch-container .scroller-wrap,
  212. #bda-qem-favourite-container .scroller-wrap,
  213. .bda-dark #bda-qem button {
  214.     background-color: var(--transparency) !important;
  215. }
  216.  
  217. .emojiPicker-3m1S-j .dimmer-3iH-5D {
  218.     height: calc(100% - 30px);
  219.     z-index: 99;
  220.     border-radius: 0 0 5px 5px;
  221. }
  222.  
  223. .emojiPicker-3m1S-j > .categories-1feg4n {
  224.     padding: 0 12px;
  225.     margin: 0;
  226. }
  227.  
  228. .emojiPicker-3m1S-j .scroller-2FKFPG {
  229.     padding: 0;
  230. }
  231.  
  232. .emojiPicker-3m1S-j .row-3j9Kuo {
  233.     margin-left: 8px;
  234. }
  235.  
  236. .emojiPicker-3m1S-j .stickyHeader-1SS0JU {
  237.     background: none !important;
  238.     width: 96%;
  239.     left: 0;
  240. }
  241.  
  242. .emojiPicker-3m1S-j .category-2U57w6 {
  243.     padding-left: 8px;
  244.     background: var(--transparency) !important;
  245.     color: var(--primary-text) !important;
  246. }
  247.  
  248. .emojiPicker-3m1S-j .premiumPromo-yVfLiA::after {
  249.     content: " ";
  250.     position: absolute;
  251.     width: 100%;
  252.     height: 100%;
  253.     border-radius: 5px !important;
  254. }
  255.  
  256. .emojiPicker-3m1S-j .premiumPromoTitle-1SQQfF {
  257.     color: var(--primary-text);
  258. }
  259.  
  260. .emojiPicker-3m1S-j .premiumPromoDescription-2Mn515 {
  261.     color: var(--secondary-text);
  262. }
  263.  
  264. .bda-dark #bda-qem button.active,
  265. .bda-dark #bda-qem button:hover,
  266. .emojiPicker-3m1S-j .premiumPromo-yVfLiA .lookFilled-1Gx00P.colorBrand-3pXr91 {
  267.     background: var(--default-color) !important;
  268. }
  269.  
  270. .emojiPicker-3m1S-j .premiumPromo-yVfLiA .lookFilled-1Gx00P.colorBrand-3pXr91:hover {
  271.     background: var(--default-hover-color);
  272. }
  273.  
  274. .emojiPicker-3m1S-j .premiumPromo-yVfLiA > * {
  275.     z-index: 99;
  276. }
  277.  
  278. .emojiPicker-3m1S-j {
  279.     border-radius: 0 0 5px 5px !important;
  280.     border: 0 !important;
  281. }
  282.  
  283. .emojiPicker-3m1S-j > .header-1nkwgG {
  284.     border: 0 !important;
  285.     background-color: #2b2b2b;
  286. }
  287.  
  288. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S {
  289.     border-bottom-color: var(--default-color) !important;
  290. }
  291.  
  292. /* Title Bar
  293.    ========================================================================== */
  294.  
  295. .titleBar-AC4pGV {
  296.     margin-top: 0;
  297.     padding-top: 4px;
  298.     background: var(--transparency) !important;
  299. }
  300.  
  301. .titleBar-AC4pGV .wordmark-2iDDfm::after {
  302.     /* For credits don't remove */
  303.     display: inline-block;
  304.     position: absolute;
  305.     top: 5px;
  306.     left: 70px;
  307.     width: 280px;
  308.     height: 16px;
  309.     content: " ";
  310.     color: #fff;
  311.     font-weight: bold;
  312.     font-size: 13px;
  313.     z-index: 999;
  314. }
  315.  
  316. .titleBar-AC4pGV .winButtonMinMax-PBQ2gm:hover {
  317.     background: var(--transparency) !important;
  318. }
  319.  
  320. /* Guilds/Server Selector
  321.    ========================================================================== */
  322.  
  323. #bd-pub-li {
  324.     width: 100%;
  325.     margin-left: 0;
  326. }
  327.  
  328. #bd-pub-li .guildInner-3DSoA4 {
  329.     cursor: default !important;
  330. }
  331.  
  332. #bd-pub-li .guildInner-3DSoA4 a #bd-pub-button {
  333.     background-color: var(--transparency) !important;
  334.     border-radius: 5px;
  335.     width: 50px;
  336.     text-align: center;
  337. }
  338.  
  339. .guildsWrapper-5TJh6A {
  340.     background-color: var(--transparency) !important;
  341. }
  342.  
  343. .guildsWrapper-5TJh6A .guilds-1q_RqH > .friendsOnline-_wi_fM {
  344.     color: var(--secondary-text) !important;
  345. }
  346.  
  347. .guildsWrapper-5TJh6A .guilds-1q_RqH > .guildsAdd-21_IdK {
  348.     background: var(--transparency) !important;
  349. }
  350.  
  351. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr::before {
  352.     left: -2px;
  353.     top: 5px;
  354.     z-index:9000;
  355.     background: var(--default-color);
  356. }
  357.  
  358. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ .homeIcon-1FoKUJ {
  359.     background: var(--bg-home-btn) no-repeat center/cover;
  360. }
  361.  
  362. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr .guildInner-3DSoA4 {
  363.     border: var(--unread-border-size) solid var(--default-color);
  364.     width: calc(50px - var(--unread-border-size) * 2);
  365.     height: calc(50px - var(--unread-border-size) * 2);
  366. }
  367.  
  368. .guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr .guildInner-3DSoA4 .iconSizeLarge-161qtT {
  369.     width: calc(50px - var(--unread-border-size) * 2);
  370.     height: calc(50px - var(--unread-border-size) * 2);
  371. }
  372.  
  373.  
  374. /* Channels
  375.    ========================================================================== */
  376.  
  377. .channels-Ie2l6A,
  378. .channels-Ie2l6A .contentHoveredVoice-3p_NEO:active,
  379. .channels-Ie2l6A .contentConnectedVoice-qL-YrL:active,
  380. .channels-Ie2l6A .contentHoveredText-2D9B-x,
  381. .channels-Ie2l6A .container-2Rl01u .header-2o-2hj:hover,
  382. .channels-Ie2l6A .container-2Rl01u.popout-open .header-2o-2hj,
  383. .channels-Ie2l6A .wrapper-2NJDcI,
  384. .channels-Ie2l6A .unreadBottom-1px0d1 .bar-30k2ka {
  385.     background-color: var(--transparency) !important;
  386. }
  387.  
  388. .channels-Ie2l6A .nameDefault-2DI02H,
  389. .channels-Ie2l6A .nameUnreadText-DfkrI4,
  390. .channels-Ie2l6A .nameHovered-1gxhWH,
  391. .channels-Ie2l6A .nameCollapsed-34uFWo,
  392. .channels-Ie2l6A .nameHoveredCollapsed-2orEWB,
  393. .channels-Ie2l6A .nameDefaultText-24KCy5,
  394. .channels-Ie2l6A .nameHoveredText-1uO31y,
  395. .channels-Ie2l6A .nameMutedText-3Vj4bM,
  396. .channels-Ie2l6A .icon-sxakjD,
  397. .channels-Ie2l6A .iconCollapsed-3hFp_8,
  398. .channels-Ie2l6A .iconDefault-3Gr8d2 {
  399.     color: var(--primary-text) !important;
  400. }
  401.  
  402. .channels-Ie2l6A .button-2KyEfG,
  403. .channels-Ie2l6A .button-2b6hmh {
  404.     border-radius: 100%;
  405. }
  406.  
  407. .channels-Ie2l6A .unread-1Dp-OI {
  408.     background-color: var(--primary-text);
  409. }
  410.  
  411. .channels-Ie2l6A .nameDefaultText-24KCy5,
  412. .channels-Ie2l6A .nameMutedText-3Vj4bM {
  413.     opacity: var(--dimmed) !important;
  414. }
  415.  
  416. .channels-Ie2l6A .contentSelectedText-3wUhMi {
  417.     background-color: var(--default-color) !important;
  418. }
  419.  
  420. .channels-Ie2l6A .actionIcon-2Hi9ZG,
  421. .channels-Ie2l6A .colorHoveredText-OZnAgu.icon-sxakjD .foreground-2W-aJk,
  422. .channels-Ie2l6A .colorSelectedText-1y4Wvs.icon-sxakjD .foreground-2W-aJk {
  423.     opacity: 1;
  424. }
  425.  
  426. .channels-Ie2l6A .button-2KyEfG::after,
  427. .channels-Ie2l6A .button-2b6hmh::after {
  428.     content: " ";
  429.     position: absolute;
  430.     width: 100%;
  431.     height: 100%;
  432.     left: 0px;
  433.     pointer-events: none;
  434.     transform: scale(1.2);
  435.     z-index: 4;
  436.     opacity: 0;
  437.     border-radius: 50%;
  438.     background-color: var(--transparency) !important;
  439. }
  440.  
  441. .channels-Ie2l6A .button-2KyEfG:hover::after,
  442. .channels-Ie2l6A .button-2b6hmh:hover::after {
  443.     transform: scale(1.2);
  444.     opacity: 1;
  445.     animation: scale 100ms cubic-bezier(0.4, 0, 0, 1), opacity 100ms ease;
  446. }
  447.  
  448. /* Private Channels
  449.    ========================================================================== */
  450.    
  451. .private-channels .channel.selected a,
  452. .private-channels .channel:hover a {
  453.     background: var(--transparency) !important;
  454. }
  455.  
  456. .private-channels .search-bar ::-webkit-input-placeholder {
  457.     color: var(--primary-text) !important;
  458. }
  459.  
  460. .private-channels .channel .channel-name {
  461.     opacity: var(--dimmed) !important;
  462.     color: var(--primary-text) !important;
  463. }
  464.  
  465. .private-channels .channel.selected .channel-name,
  466. .private-channels .channel:hover .channel-name {
  467.     opacity: 1 !important;
  468. }
  469.  
  470. .private-channels .channel .channel-activity {
  471.     color: var(--secondary-text) !important;
  472. }
  473.  
  474. .private-channels .search-bar .search-bar-inner {
  475.     background: var(--default-color) !important;
  476. }
  477.  
  478. .private-channels .search-bar:hover .search-bar-inner {
  479.     background: var(--default-hover-color) !important;
  480. }
  481.  
  482. /* Chat Area
  483.    ========================================================================== */
  484.  
  485. .chat-3bRxxu,
  486. .chat-3bRxxu .aka-1mqp34,
  487. .chat-3bRxxu .embedInner-1-fpTo,
  488. .chat-3bRxxu .attachment-33OFj0,
  489. .chat-3bRxxu .search .search-bar,
  490. .chat-3bRxxu .search-results-wrap .search-header,
  491. .chat-3bRxxu .search-results-wrap .search-result-message,
  492. .chat-3bRxxu .search-results-wrap .action-buttons .jump-button,
  493. .chat-3bRxxu .markup-2BOw-j > pre,
  494. .chat-3bRxxu .hasMore-3e72_v > button,
  495. .chat-3bRxxu .wrapper-35wsBm,
  496. .chat-3bRxxu .wrapperHover-1GktnT,
  497. .chat-3bRxxu code.inline,
  498. .chat-3bRxxu .jumpToPresentBar-9P20AM,
  499. .chat-3bRxxu .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r {
  500.     background-color: var(--transparency) !important;
  501. }
  502.  
  503. .chat-3bRxxu .video-1FfuMD {
  504.     background-color: transparent !important;
  505. }
  506.  
  507. .chat-3bRxxu .buttonContainer-37UsAw > * {
  508.     visibility: visible;
  509.     opacity: 0;
  510.     transform: translateX(8px);
  511.     transition: 150ms ease all;
  512. }
  513.  
  514. .chat-3bRxxu .content-3dzVd8:hover .buttonContainer-37UsAw > * {
  515.     opacity: 1;
  516.     transform: translateX(0px);
  517. }
  518.  
  519. .chat-3bRxxu .isMentioned-N-h9aa {
  520.     background: rgba(250,166,26,.1) !important;
  521.     margin: 2px 0px 2px 6px;
  522.     padding: 0px 2px !important;
  523. }
  524.  
  525. .chat-3bRxxu .newMessagesBar-mujexs {
  526.     left: 0 !important;
  527.     width: 100% !important;
  528.     background: var(--default-color) !important;
  529. }
  530.  
  531. .chat-3bRxxu .jumpToPresentBar-9P20AM {
  532.     left: 0 !important;
  533.     width: 100% !important;
  534. }
  535.  
  536. .chat-3bRxxu .newMessagesBar-mujexs button:last-child,
  537. .chat-3bRxxu .jumpToPresentBar-9P20AM button:last-child {
  538.     color: var(--primary-text) !important;
  539. }
  540.  
  541. .chat-3bRxxu .messages-3amgkR > .default-1VPH9n > h1,
  542. .chat-3bRxxu .search-results-wrap .action-buttons .jump-button {
  543.     text-align: center;
  544.     color: var(--primary-text) !important;
  545. }
  546.  
  547. .chat-3bRxxu .messages-3amgkR > .divider-3gKybi {
  548.     padding: 16px 0;
  549. }
  550.  
  551. .chat-3bRxxu .messages-3amgkR > .divider-3gKybi:before {
  552.     height: 0 !important;
  553. }
  554.  
  555. .chat-3bRxxu .messages-3amgkR > .divider-3gKybi.dividerRed-MKoLlr > span,
  556. .chat-3bRxxu .messages-3amgkR > .divider-3gKybi:not(.red-1YQ4s7) span {
  557.     padding: 8px 12px 6px 12px !important;
  558.     line-height: 1em !important;
  559. }
  560.  
  561. .chat-3bRxxu .messages-3amgkR > .divider-3gKybi > span {
  562.     padding: 2px 10px;
  563.     border-radius: 14px;
  564. }
  565.  
  566. .chat-3bRxxu form .channelTextArea-1LDbYG {
  567.     padding-top: 4px !important;
  568.     margin-bottom: 20px !important;
  569. }
  570.  
  571. .chat-3bRxxu form .typing-2GQL18 {
  572.     bottom: -2px;
  573. }
  574.  
  575. .chat-3bRxxu .wrapperHover-1GktnT {
  576.     border-radius: 4px;
  577. }
  578.  
  579. .chat-3bRxxu .messages-3amgkR > .divider-3gKybi:not(.dividerRed-MKoLlr) > span {
  580.     color: var(--secondary-text);
  581. }
  582.  
  583. .chat-3bRxxu .hasMore-3e72_v > button,
  584. .chat-3bRxxu .wrapperHover-1GktnT,
  585. .chat-3bRxxu .anchor-3Z-8Bb {
  586.     color: var(--default-color);
  587. }
  588.  
  589. .chat-3bRxxu .anchor-3Z-8Bb:hover {
  590.     color: var(--default-hover-color);
  591. }
  592.  
  593. .chat-3bRxxu .wrapperHover-1GktnT:hover,
  594. .chat-3bRxxu .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
  595.     color: var(--primary-text);
  596.     background: var(--default-color) !important;
  597. }
  598.  
  599. .chat-3bRxxu .messages-3amgkR > .divider-3gKybi:not(.dividerRed-MKoLlr) > div {
  600.     background: var(--secondary-text);
  601. }
  602.  
  603. .chat-3bRxxu .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover {
  604.     background: var(--default-hover-color);
  605. }
  606.  
  607. /* Members
  608.    ========================================================================== */
  609.  
  610. .membersWrap-2h-GB4 .memberOnline-1CIh-0:hover > .content-OzHfo4,
  611. .membersWrap-2h-GB4 .memberOnline-1CIh-0.popout-open > .content-OzHfo4,
  612. .membersWrap-2h-GB4 .memberOffline-2lN7gt:hover > .content-OzHfo4,
  613. .membersWrap-2h-GB4 .memberOffline-2lN7gt.popout-open > .content-OzHfo4 {
  614.     background-color: var(--transparency) !important;
  615. }
  616.  
  617. .membersWrap-2h-GB4 .membersGroup-v9BXpm {
  618.     text-align: center;
  619.     color: var(--primary-text);
  620. }
  621.  
  622. .membersWrap-2h-GB4 .ownerIcon-uZ6mE7 path {
  623.     fill: rgb(170, 170, 170);
  624. }
  625.  
  626. /* COG View
  627.    ========================================================================== */
  628.  
  629. .ui-standard-sidebar-view .Select-menu-outer {
  630.     background: var(--bg-popout) center/cover no-repeat !important;
  631. }
  632.  
  633. .ui-standard-sidebar-view,
  634. .ui-standard-sidebar-view .container-2VW0UT,
  635. .ui-standard-sidebar-view .itemDefault-3Jdr52:hover,
  636. .ui-standard-sidebar-view .ui-tab-bar-item:not(.selected):hover,
  637. .ui-standard-sidebar-view .input-cIJ7To,
  638. .ui-standard-sidebar-view .authedApp-mj2Hmd,
  639. .ui-standard-sidebar-view .userInfoViewing-16kqK3,
  640. .ui-standard-sidebar-view .formNotice-2_hHWR,
  641. .ui-standard-sidebar-view .accountList-33MS45,
  642. .ui-standard-sidebar-view .select-2TCrqx .Select-control,
  643. .ui-standard-sidebar-view .container-CpszHS,
  644. .ui-standard-sidebar-view .container-1s4HBn,
  645. .ui-standard-sidebar-view .card-FDVird:before,
  646. .ui-standard-sidebar-view .card-FDVird .game-name-input:hover,
  647. .ui-standard-sidebar-view .card-FDVird .game-name-input:focus,
  648. .ui-standard-sidebar-view .user-settings-games .not-detected,
  649. .ui-standard-sidebar-view .switch-3wwwcV,
  650. .ui-standard-sidebar-view .searchBar-1MOL6S,
  651. .ui-standard-sidebar-view .ui-switch,
  652. .ui-standard-sidebar-view .card-KeAWkA,
  653. .ui-standard-sidebar-view .tools .closeButton-1tv5uR,
  654. .ui-standard-sidebar-view .item-3T2z1R:not(.denySelected-1mh2mZ):not(.passthroughSelected-1Eq0Kl):not(.allowSelected-25S_i5),
  655. .ui-standard-sidebar-view .card-2j1p1_,
  656. .ui-standard-sidebar-view .lookFilled-1Gx00P.colorPrimary-3b3xI6,
  657. .ui-standard-sidebar-view .defaultIndicator-G3c16x,
  658. .ui-standard-sidebar-view .bda-slist li,
  659. .ui-standard-sidebar-view .connectedAccounts-2-XP1G .accountBtnInner-sj5jLs,
  660. .ui-standard-sidebar-view .Select-menu-outer .Select-menu,
  661. .ui-standard-sidebar-view .Select-menu-outer .Select-menu .Select-option.is-selected {
  662.     background-color: var(--transparency) !important;
  663. }
  664.  
  665. .ui-standard-sidebar-view .connectedAccounts-2-XP1G .accountBtn-2Nozo3 {
  666.     margin-right: 4px;
  667.     margin-bottom: 4px;
  668. }
  669.  
  670. .ui-standard-sidebar-view .accountList-33MS45 {
  671.     padding-bottom: 16px;
  672. }
  673.  
  674. .ui-standard-sidebar-view .cardPrimaryEditable-3KtE4g,
  675. .ui-standard-sidebar-view .bar-2Qqk5Z {
  676.     background-color: var(--transparency);
  677. }
  678.  
  679. .ui-standard-sidebar-view .header-2RyJ0Y,
  680. .ui-standard-sidebar-view .ui-tab-bar-header,
  681. .ui-standard-sidebar-view .title-3sZWYQ {
  682.     color: var(--primary-text) !important;
  683. }
  684.  
  685. .ui-standard-sidebar-view .description-3_Ncsb,
  686. .ui-standard-sidebar-view .desc-2Dttbk,
  687. .ui-standard-sidebar-view .hoverRoll-YK53gQ,
  688. .ui-standard-sidebar-view .ui-switch-item .style-description,
  689. .ui-standard-sidebar-view .tools .keybind-KpFkfr {
  690.     color: var(--secondary-text) !important;
  691. }
  692.  
  693. .ui-standard-sidebar-view .ui-tab-bar-header {
  694.     font-size: 12px !important;
  695.     font-weight: 700 !important;
  696.     line-height: 16px !important;
  697.     text-transform: uppercase;
  698. }
  699.  
  700. .ui-standard-sidebar-view .ui-switch.checked,
  701. .ui-standard-sidebar-view .valueChecked-m-4IJZ,
  702. .ui-standard-sidebar-view .itemSelected-1qLhcL,
  703. .ui-standard-sidebar-view .ui-tab-bar-item.selected,
  704. .ui-standard-sidebar-view .colorBrand-3pXr91,
  705. .ui-standard-sidebar-view .barFill-23-gu-,
  706. .ui-standard-sidebar-view [style*="background-color: rgb(114, 137, 218)"],
  707. .ui-standard-sidebar-view .bd-pfbtn,
  708. .ui-standard-sidebar-view .bda-slist .bda-footer button {
  709.     background-color: var(--default-color) !important;
  710. }
  711.  
  712. .ui-standard-sidebar-view .button-38aScr:not(.lookLink-9FtZy-):not(.colorGreen-29iAKY):not(.colorRed-1TFJan):not(.deleteApp-dtfZIe):hover,
  713. .ui-standard-sidebar-view .tools .closeButton-1tv5uR:hover,
  714. .ui-standard-sidebar-view .tools .closeButton-1tv5uR:focus,
  715. .ui-standard-sidebar-view .bd-pfbtn:hover,
  716. .ui-standard-sidebar-view .bda-slist .bda-footer button:hover:not(:disabled) {
  717.     background-color: var(--default-hover-color) !important;
  718. }
  719.  
  720. .ui-standard-sidebar-view:before {
  721.     /* For credits don't remove */
  722.     content: 'TransparencyTheme v2.6.5 by _Twiistrz#8016';
  723.     color: #fff;
  724.     position: absolute;
  725.     right: 10px;
  726.     bottom: 7px;
  727.     opacity: 0.3;
  728. }
  729.  
  730. .ui-standard-sidebar-view .checked-3_4uQ9 svg polyline {
  731.     stroke: var(--default-color) !important;
  732. }
  733.  
  734. .ui-standard-sidebar-view .checked-3_4uQ9 {
  735.     background-color: var(--primary-text) !important;
  736.     border-color: var(--primary-text) !important;
  737. }
  738.  
  739. /* Activity Tab
  740.    ========================================================================== */
  741.  
  742. .activityFeed-28jde9,
  743. .activityFeed-28jde9 .dock-10JPBX .dockItem-2kQDqg:hover,
  744. .activityFeed-28jde9 .card-7JP0BX {
  745.     background-color: var(--transparency) !important;
  746. }
  747.  
  748. /* Friends Tab
  749.    ========================================================================== */
  750.  
  751. #friends,
  752. #friends .friends-table .friends-row:hover,
  753. #friends .tab-bar .tab-bar-item:not(.selected):not(.tab-bar-item-primary):hover,
  754. #friends .wrapper-1cBijl {
  755.     background-color: var(--transparency) !important;
  756. }
  757.  
  758. #friends .tab-bar .tab-bar-item.tab-bar-item-primary,
  759. #friends .lookFilled-1Gx00P.colorBrand-3pXr91 {
  760.     background-color: var(--default-color) !important;
  761. }
  762.  
  763. #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected,
  764. #friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover,
  765. #friends .lookFilled-1Gx00P.colorBrand-3pXr91:hover:not(:disabled) {
  766.     background-color: var(--default-hover-color) !important;
  767. }
  768.  
  769.  
  770. #friends .tab-bar .tab-bar-item.tab-bar-item-primary.selected,
  771. #friends .tab-bar .tab-bar-item.tab-bar-item-primary:hover,
  772. #friends .friends-column {
  773.     color: var(--primary-text) !important;
  774. }
  775.  
  776. #friends .friend-table-add-description,
  777. #friends .friends-empty > p {
  778.     color: var(--secondary-text) !important;
  779. }
  780.  
  781. /* Menu Popout
  782.    ========================================================================== */
  783.  
  784. .popout-3sVMXz {
  785.     background: var(--bg-popout) center/cover no-repeat;
  786. }
  787.  
  788. .popout-3sVMXz .menu-Sp6bN1,
  789. .popout-3sVMXz .menu-Sp6bN1 .item-1GzJrl:hover {
  790.     background: var(--transparency);
  791. }
  792.  
  793. /* User Popout
  794.    ========================================================================== */
  795.  
  796. .userPopout-3XzG_A {
  797.     background: var(--bg-popout) center/cover no-repeat;
  798. }
  799.  
  800. .userPopout-3XzG_A .role-2irmRk,
  801. .userPopout-3XzG_A .header-2BwW8b,
  802. .userPopout-3XzG_A .body-3iLsc4,
  803. .userPopout-3XzG_A .footer-1fjuF6,
  804. .userPopout-3XzG_A .quickMessage-1yeL4E,
  805. .userPopout-3XzG_A .note-3kmerW textarea:focus {
  806.     background: var(--transparency) !important;
  807. }
  808.  
  809. .userPopout-3XzG_A .role-2irmRk {
  810.     height: 32px;
  811.     border-radius: 16px;
  812.     border: 0 !important;
  813. }
  814.  
  815. .userPopout-3XzG_A .role-2irmRk.addButton-pcyyf6:hover,
  816. .userPopout-3XzG_A .tip-2ab612,
  817. .userPopout-3XzG_A .bodyTitle-Y0qMQz {
  818.     color: var(--primary-text) !important;
  819. }
  820.  
  821. .userPopout-3XzG_A .note-3kmerW {
  822.     color: var(--secondary-text) !important;
  823. }
  824.  
  825. .userPopout-3XzG_A .role-2irmRk:not(.addButton-pcyyf6) {
  826.     padding-left: 0 !important;
  827. }
  828.  
  829. .userPopout-3XzG_A .role-2irmRk.addButton-pcyyf6 {
  830.     width: 32px;
  831.     border-radius: 50%;
  832. }
  833.  
  834. .userPopout-3XzG_A .actionButton-VzECiy.popout-open {
  835.     background: var(--default-color) !important;
  836. }
  837.  
  838. .userPopout-3XzG_A .role-2irmRk .roleCircle-3xAZ1j {
  839.     border-radius: 50% !important;
  840.     height: 32px;
  841.     width: 32px;
  842. }
  843.  
  844. .userPopout-3XzG_A .role-2irmRk .roleCircle-3xAZ1j .roleRemoveIcon-2-TeGW {
  845.     position: relative;
  846.     transform: scale(0.25);
  847.     width: 24px;
  848.     height: 24px;
  849.     display: block;
  850.     opacity: 0;
  851. }
  852.  
  853. .userPopout-3XzG_A .role-2irmRk:hover .roleCircle-3xAZ1j .roleRemoveIcon-2-TeGW {
  854.     transform: scale(1) rotate(90deg);
  855.     opacity: 1;
  856. }
  857.  
  858. .userPopout-3XzG_A .role-2irmRk .addButtonIcon-1NMJ8u {
  859.     cursor: pointer;
  860.     height: 10px;
  861.     width: 10px;
  862. }
  863.  
  864. .userPopout-3XzG_A .actionButton-VzECiy.popout-open svg {
  865.     transform: rotate(45deg);
  866. }
  867.  
  868. .userPopout-3XzG_A .actionButton-VzECiy.popout-open svg g {
  869.     fill: rgb(255, 255, 255);
  870. }
  871.  
  872. /* Modal Popout
  873.    ========================================================================== */
  874.  
  875. .modal-1qeMox {
  876.     min-height: 0;
  877. }
  878.  
  879. .modal-3HD5ck,
  880. .modal-1UGdnR .inner-1JeGVc > .flex-1xMQg5,
  881. .modal-1UGdnR .inner-1JeGVc > .modal-3HD5ck,
  882. .modal-1UGdnR .quickswitcher-3JagVE,
  883. .messagesPopoutWrap-1MQ1bW,
  884. .uploadModal-2ifh8j,
  885. .searchPopout-1vUlP3,
  886. .modal-1UGdnR .Select-menu-outer {
  887.     background: var(--bg-popout) center/cover no-repeat !important;
  888. }
  889.  
  890. .modal-3HD5ck .friendWrapper-2fdY14 .friendSelected--wQP3f,
  891. .modal-3HD5ck .header-1R_AjF,
  892. .modal-3HD5ck .notFriends-sbKbp1,
  893. .modal-3HD5ck .scrollerWrap-2lJEkd,
  894. .modal-3HD5ck .footer-1W7DZI,
  895. .modal-3HD5ck .search-bar,
  896. .modal-3HD5ck .search-bar .anchor-3Z-8Bb,
  897. .modal-1UGdnR .topSectionNormal-2-vo2m,
  898. .modal-1UGdnR .body-3ND3kc,
  899. .modal-1UGdnR .body-3ND3kc .note-QfFU8y textarea:focus,
  900. .modal-1UGdnR .connectedAccounts-repVzS > .flex-1xMQg5,
  901. .modal-1UGdnR .topSectionPlaying-1J5E4n,
  902. .modal-1UGdnR .topSectionSpotify-1lI0-P,
  903. .modal-1UGdnR .tabBarContainer-1s1u-z,
  904. .modal-1UGdnR .inner-1JeGVc > .modal-3HD5ck > .flex-1xMQg5,
  905. .modal-1UGdnR .inner-1JeGVc > .modal-3HD5ck > .scrollerWrap-2lJEkd,
  906. .modal-1UGdnR .inner-1JeGVc > .modal-3HD5ck > .scrollerWrap-2lJEkd .message-2qRu38,
  907. .modal-1UGdnR .button-38aScr:not(.colorRed-1TFJan):not(.actionButton-3W1xZa):not(.lookLink-9FtZy-):not(.close-18n9bP):not(.emojiButtonNormal-TdumYh):not(.emojiButtonHovered-1rWNal),
  908. .modal-1UGdnR .wrapperHover-1GktnT,
  909. .modal-1UGdnR .switch-3wwwcV,
  910. .modal-1UGdnR .item-26Dhrx:not([style*="background-color: rgb(114, 137, 218)"]),
  911. .modal-1UGdnR .select-2TCrqx .Select-control,
  912. .modal-1UGdnR .override-2YgiXd:hover,
  913. .modal-1UGdnR .inputDefault-_djjkz,
  914. .modal-1UGdnR .footer-2yfCgX,
  915. .modal-1UGdnR .sideBar-2_lxpG,
  916. .modal-1UGdnR .body-1SVoBw,
  917. .modal-1UGdnR .body-1SVoBw > .news-2KwXHF,
  918. .modal-1UGdnR .root-3tU4d2,
  919. .modal-1UGdnR .playersSections-1EnWZ8,
  920. .modal-1UGdnR .disabledButton-3apIHo,
  921. .modal-1UGdnR .quickswitcher-3JagVE::after,
  922. .modal-1UGdnR .quickswitcher-3JagVE .input-2VB9rf,
  923. .modal-1UGdnR .quickswitcher-3JagVE .resultFocused-3aIoYe,
  924. .messagesPopoutWrap-1MQ1bW .header-ykumBX,
  925. .messagesPopoutWrap-1MQ1bW .scroller-wrap,
  926. .messagesPopoutWrap-1MQ1bW .footer-SRC48P,
  927. .messagesPopoutWrap-1MQ1bW .markup-2BOw-j > pre,
  928. .messagesPopoutWrap-1MQ1bW .messageGroupWrapper-o-Zw7G,
  929. .messagesPopoutWrap-1MQ1bW .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .jumpButton-3DTcS_,
  930. .uploadModal-2ifh8j .inner-3nWsbo,
  931. .uploadModal-2ifh8j .footer-3mqk7D,
  932. .uploadModal-2ifh8j .inner-zqa7da,
  933. .searchPopout-1vUlP3::after,
  934. .searchPopout-1vUlP3 .option-96V44q.selected-rZcOL-,
  935. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation,
  936. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__day,
  937. .searchAnswer-3Dz2-q,
  938. .searchFilter-2ESiM3,
  939. .modal-1UGdnR .Select-menu-outer .Select-menu,
  940. .modal-1UGdnR .Select-menu-outer .Select-menu .Select-option.is-selected {
  941.     background-color: var(--transparency) !important;
  942. }
  943.  
  944. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation {
  945.     border-color: var(--transparency) !important;
  946. }
  947.  
  948. .uploadModal-2ifh8j .inner-3nWsbo {
  949.     border-radius: 10px 10px 0 0;
  950.     border: 0;
  951.     padding: 10px;
  952.     margin: 0;
  953. }
  954.  
  955. .uploadModal-2ifh8j .footer-3mqk7D {
  956.     border-radius: 0 0 10px 10px;
  957. }
  958.  
  959. .searchPopout-1vUlP3::after,
  960. .modal-1UGdnR .quickswitcher-3JagVE::after {
  961.     content: "";
  962.     position: absolute;
  963.     top: 0;
  964.     left: 0;
  965.     width: 100%;
  966.     height: 100%;
  967. }
  968.  
  969. .searchPopout-1vUlP3 > *,
  970. .modal-1UGdnR .quickswitcher-3JagVE .input-2VB9rf,
  971. .modal-1UGdnR .quickswitcher-3JagVE .emptyState-2gL-9T,
  972. .modal-1UGdnR .quickswitcher-3JagVE .scrollerWrap-2lJEkd,
  973. .modal-1UGdnR .quickswitcher-3JagVE .tipsWithResults-HhTE9b,
  974. .modal-1UGdnR .quickswitcher-3JagVE .tipsWithoutResults-lGY-De {
  975.     z-index: 999;
  976. }
  977.  
  978. .modal-1UGdnR .quickswitcher-3JagVE .scrollerWrap-2lJEkd {
  979.     margin-top: 5px;
  980. }
  981.  
  982. .modal-1UGdnR .sideBar-2_lxpG {
  983.     margin: 0 !important;
  984.     padding: 40px 20px 20px;
  985. }
  986.  
  987. .modal-1UGdnR .playersSections-1EnWZ8 {
  988.     margin: 0;
  989.     padding: 20px;
  990. }
  991.  
  992. .messagesPopoutWrap-1MQ1bW .messageGroupWrapper-o-Zw7G .actionButtons-1sUUug .jumpButton-3DTcS_ {
  993.     -webkit-transition: none !important;
  994.     transition: none !important;
  995. }
  996.  
  997. .modal-1UGdnR .listRow-hutiT_:hover {
  998.     background: -webkit-gradient(linear,left top,right top,color-stop(90%,var(--transparency)),to(hsla(0,0%,100%,0))) !important;
  999.     background: linear-gradient(90deg,var(--transparency) 90%,hsla(0,0%,100%,0)) !important;
  1000. }
  1001.  
  1002. .modal-3HD5ck .lookFilled-1Gx00P.colorBrand-3pXr91,
  1003. .modal-1UGdnR .inner-1JeGVc .close-18n9bP:hover,
  1004. .modal-1UGdnR .button-38aScr.colorBrand-3pXr91:not(.colorRed-1TFJan):not(.colorPrimary-3b3xI6):not(.actionButton-3W1xZa):not(.close-18n9bP):not(.emojiButtonNormal-TdumYh):not(.emojiButtonHovered-1rWNal),
  1005. .modal-1UGdnR .switch-3wwwcV.valueChecked-m-4IJZ,
  1006. .modal-1UGdnR [style*="background-color: rgb(114, 137, 218);"],
  1007. .uploadModal-2ifh8j .footer-3mqk7D button.button-primary,
  1008. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation:hover,
  1009. .searchPopout-1vUlP3 .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
  1010.     background-color: var(--default-color) !important;
  1011. }
  1012.  
  1013. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation:hover {
  1014.     border-color: var(--default-color) !important;
  1015. }
  1016.  
  1017. .modal-3HD5ck .notFriends-sbKbp1,
  1018. .modal-1UGdnR .body-3ND3kc .userInfoSectionHeader-CBvMDh,
  1019. .modal-1UGdnR .tabBarContainer-1s1u-z .tabBarItem-1b8RUP,
  1020. .modal-1UGdnR .listRow-hutiT_ .listRowContent-3Kih4Q .listName-3w10cx,
  1021. .modal-1UGdnR .emptyText-6tYmO5,
  1022. .modal-1UGdnR .gameName-1W6Ym-,
  1023. .messagesPopoutWrap-1MQ1bW .emptyPlaceholder-1zh-Eu .body-bvcIjN,
  1024. .uploadModal-2ifh8j .footer-3mqk7D button.button-primary {
  1025.     color: var(--primary-text) !important;
  1026. }
  1027.  
  1028. .modal-1UGdnR .publisher-2ZxPEd,
  1029. .modal-1UGdnR .listRow-hutiT_ .listRowContent-3Kih4Q .guildNick-3uAm3i,
  1030. .messagesPopoutWrap-1MQ1bW .tip-2ab612 {
  1031.     color: var(--secondary-text) !important;
  1032. }
  1033.  
  1034. .modal-1UGdnR .tabBarContainer-1s1u-z .tabBarItem-1b8RUP:not(.selected),
  1035. .modal-1UGdnR .listRow-hutiT_ .listRowContent-3Kih4Q {
  1036.     opacity: var(--dimmed);
  1037. }
  1038.  
  1039. .modal-1UGdnR .tabBarContainer-1s1u-z .tabBarItem-1b8RUP.selected,
  1040. .modal-1UGdnR .tabBarContainer-1s1u-z .tabBarItem-1b8RUP:hover,
  1041. .modal-1UGdnR .listRow-hutiT_:hover .listRowContent-3Kih4Q {
  1042.     opacity: 1;
  1043.     border-bottom-color: var(--primary-text) !important;
  1044. }
  1045.  
  1046. .modal-3HD5ck .lookFilled-1Gx00P.colorBrand-3pXr91:hover,
  1047. .modal-1UGdnR .button-38aScr.colorBrand-3pXr91:not(.colorRed-1TFJan):not(.colorPrimary-3b3xI6):not(.actionButton-3W1xZa):not(.emojiButtonHovered-1rWNal):hover,
  1048. .uploadModal-2ifh8j .footer-3mqk7D button.button-primary:hover,
  1049. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__day:hover:not(.react-datepicker__day--disabled),
  1050. .searchPopout-1vUlP3 .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after,
  1051. .searchPopout-1vUlP3 .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
  1052.     opacity: 1;
  1053.     background-color: var(--default-hover-color) !important;
  1054.     color: var(--primary-text);
  1055. }
  1056.  
  1057. .modal-3HD5ck .header-1R_AjF,
  1058. .messagesPopoutWrap-1MQ1bW .header-ykumBX {
  1059.     border-radius: 5px 5px 0 0;
  1060. }
  1061.  
  1062. .modal-3HD5ck .footer-1W7DZI,
  1063. .messagesPopoutWrap-1MQ1bW .footer-SRC48P {
  1064.     border-radius: 0 0 5px 5px;
  1065. }
  1066.  
  1067. .modal-1UGdnR .wrapperHover-1GktnT {
  1068.     border-radius: 4px;
  1069. }
  1070.  
  1071. .modal-1UGdnR .hasMore-3e72_v > button,
  1072. .modal-1UGdnR .wrapperHover-1GktnT,
  1073. .modal-1UGdnR .anchor-3Z-8Bb {
  1074.     color: var(--default-color);
  1075. }
  1076.  
  1077. .modal-1UGdnR .anchor-3Z-8Bb:hover {
  1078.     color: var(--default-hover-color);
  1079. }
  1080.  
  1081. .modal-1UGdnR .wrapperHover-1GktnT:hover,
  1082. .modal-1UGdnR .lookOutlined-3sRXeN.colorPrimary-3b3xI6 {
  1083.     color: var(--primary-text);
  1084.     background: var(--default-color) !important;
  1085. }
  1086.  
  1087. .uploadModal-2ifh8j .icon-kyxXVr.image-2yrs5j {
  1088.     border-color: var(--default-color) !important;
  1089. }
  1090.  
  1091. .modal-3HD5ck .checked-3_4uQ9 svg polyline {
  1092.     stroke: var(--default-color) !important;
  1093. }
  1094.  
  1095. .modal-3HD5ck .checked-3_4uQ9 {
  1096.     background-color: var(--primary-text) !important;
  1097.     border-color: var(--primary-text) !important;
  1098. }
  1099.  
  1100. /* BD Toast
  1101.    ========================================================================== */
  1102.  
  1103. .bd-toasts .bd-toast {
  1104.     background-color: var(--transparency);
  1105. }
  1106.  
  1107. /* Tooltip
  1108.    ========================================================================== */
  1109.  
  1110. .tooltip {
  1111.     z-index: 99999 !important;
  1112.     background-color: var(--default-color) !important;
  1113.     color: var(--primary-text) !important;
  1114. }
  1115.  
  1116. .tooltip.tooltip-top:after {
  1117.     border-top-color: var(--default-color) !important;
  1118. }
  1119.  
  1120. .tooltip.tooltip-bottom:after {
  1121.     border-bottom-color: var(--default-color) !important;
  1122. }
  1123.  
  1124. .tooltip.tooltip-right:after {
  1125.     border-right-color: var(--default-color) !important;
  1126. }
  1127.  
  1128. .tooltip.tooltip-left:after {
  1129.     border-left-color: var(--default-color) !important;
  1130. }
  1131.  
  1132. /* For MacOS
  1133.    ========================================================================== */
  1134.  
  1135. .typeMacOS-3EmCyP {
  1136.     -webkit-box-sizing: border-box;
  1137.     box-sizing: border-box;
  1138.     padding-left: 67px;
  1139.     position: absolute;
  1140.     width: 125px;
  1141.     padding-bottom: 16px;
  1142. }
  1143. .macButton-c_Adir {
  1144.    left: -54px;
  1145.    position: relative;
  1146. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!