Guest User

Untitled

a guest
Nov 19th, 2019
134
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url("https://tropix126.github.io/BetterDiscordStuff/blockBetterDocs.css");
  2. :root {
  3. --backgroundColor: #101010;
  4. --backgroundImage: url('https://i.imgur.com/8v3mMBf.jpg');
  5. --backgroundImageOpacity: .75;
  6. --homeButtonImage: url('https://i.imgur.com/YRztItH.png');
  7. --uiGradient1: #084780;
  8. --uiGradient2: #0b7ee3;
  9. --customFont: 'Ubuntu';
  10. --textNormal: #dcddde;
  11. --textMuted: #72767d;
  12. --textLinks: #0b7ee3;
  13. --channelsDefault: #e4e4e4;
  14. --channelsNormal: #fff;
  15. --channelsHover: #0b7ee3;
  16. --channelsActive: #fff;
  17. --channelsMuted: #7d7d7d;
  18. --succes: #17e81d;
  19. --error: #FF0000;
  20. --warning: #e7a418;
  21. }
  22. /* == Theme core == */
  23. /* app font */
  24. ::-webkit-input-placeholder,body:not([class*=hljs]):not(code):not([class*=ace_]){font-family:var(--customFont)!important}
  25. .ace_editor{font:17px/normal Monaco,Menlo,'Ubuntu Mono',Consolas,source-code-pro,monospace!important}
  26. /* background color */
  27. .placeholderWrapper-3FaLtZ,
  28. .wrapper-3UweLa,
  29. .appMount-3lHmkl {background-color: var(--backgroundColor) !important;}
  30. /* background image */
  31. .appMount-3lHmkl::after {
  32. content: "";
  33. width: 100%;
  34. height: 100%;
  35. position: absolute;
  36. pointer-events: none;
  37. background-image: var(--backgroundImage);
  38. background-position: center;
  39. background-repeat: no-repeat;
  40. background-size: cover;
  41. background-clip: border-box;
  42. background-attachment: fixed;
  43. background-origin: border-box;
  44. -webkit-mask: radial-gradient(#000 40%, transparent);
  45. z-index: 0;
  46. opacity: var(--backgroundImageOpacity);
  47. }
  48. .app-19_DXt {z-index: 200;}
  49. /* remove background color */
  50. .bg-h5JY_x,
  51. .layers-3q14ss,
  52. .wrapper-1Rf91z,
  53. .chatContent-a9vAAp,
  54. .container-1r6BKw.themed-ANHk51,
  55. .chat-3bRxxu,
  56. .scroller-2TZvBN,
  57. .sidebar-2K8pFh,
  58. .members-1998pB,
  59. .messages-3amgkRn,
  60. .base-3dtUhz,
  61. .messages-3amgkR,
  62. .panels-j1Uci_,
  63. .container-PNkimc,
  64. .standardSidebarView-3F1I7i,
  65. .header-39GIC8,
  66. .scroller-1JbKMe,
  67. .sidebarRegionScroller-3MXcoP,
  68. .container-3baos1,
  69. .sidebar-2K8pFh,
  70. .contentRegion-3nDuYy,
  71. .layer-3QrUeG,
  72. .container-3gCOGc,
  73. .privateChannels-1nO12o,
  74. .scroller-5bBood,
  75. .scroller-1IIF0A,
  76. .contentRegionScroller-26nc1e,
  77. .scroller-9moviB,
  78. .scroller-305q3I,
  79. .applicationStore-1pNvnv,
  80. .activityFeed-1C0EmJ,
  81. .bodyInner-245q0L,
  82. .footer-1fjuF6,
  83. .paginator-166-09,
  84. .root-1BQpZw,
  85. .pageWrapper-1PgVDX,
  86. .payment-xT17Mq,
  87. .searchResultsWrap-2DKFzt,
  88. .searchHeader-1l-wpR,
  89. .channelSeparator-1X1FuH .channelName-1QajIf,
  90. .headerNormal-T_seeN,
  91. .friendsTable-133bsv .friendsTableBody-1ZhKif,
  92. .layer-3QrUeG.baseLayer-35bLyl,
  93. .app-2rEoOp {background: transparent!important;}
  94. .bg-AYqtMd {display: none;}
  95. /* remove shadows */
  96. .container-1r6BKw,
  97. .searchBar-6Kv8R2,
  98. .emojiRow-zIc7ZX,
  99. .title-3qD0b-,
  100. .content-yTz4x3:before,
  101. .container-3T1zWi:before,
  102. .container-19hC9u:before,
  103. .container-xm7Ad0:before,
  104. .friendsTable-133bsv:before,
  105. .member-1q7VfX,
  106. .bannedUser-1IalTM,
  107. .inviteSettingsInviteRow-3p2O-N,
  108. .searchResult-3pzFAB .hit-NLlWXA,
  109. .searchHeader-1l-wpR,
  110. .item-3eFBNF,
  111. .game-1ipmAa,
  112. .header-2o-2hj {box-shadow: none!important;}
  113. .searchResult-3pzFAB:before,
  114. .searchResult-3pzFAB:after,
  115. .channelSeparator-1X1FuH:before,
  116. .children-19S4PO:after {display: none!important}
  117. /* remove borders */
  118. .header-39GIC8,
  119. .channelTextArea-rNsIhG,
  120. .leaveActionWrapper-34XGz6,
  121. .featureBorder-7j4v58,
  122. .card-FDVird:before,
  123. .paymentHeader-3QlZQi,
  124. .bottomDivider-1K9Gao,
  125. .divider-3wNib3,
  126. .rowWrapper-2fB6P0+.rowWrapper-2fB6P0 .row-ZLfFhY,
  127. .friendsTable-133bsv .friendsTableHeader-32yE7d,
  128. .friendsTable-133bsv .friendsRow-2yicud+.friendsRow-2yicud,
  129. .dividerEnabled-2TTlcf {border: none!important;}
  130. #bd-settings-sidebar .ui-tab-bar-separator,
  131. .divider-3573oO,
  132. .attachButtonDivider-3Glu60,
  133. .side-8zPYf6 .separator-gCa7yv {display: none!important;}
  134. /* scrollbar */
  135. ::-webkit-scrollbar {border: none !important;width: 6px !important;}
  136. ::-webkit-scrollbar-track {background: transparent;border: none !important;}
  137. ::-webkit-scrollbar-track-piece {background: transparent !important;border: none !important;}
  138. ::-webkit-scrollbar-thumb {background: rgba(0,0,0,.5)!important;border-radius: 20px !important;border: none !important;}
  139. /* plugin updates notice */
  140. #pluginNotice {
  141. position: absolute;
  142. z-index: 5000;
  143. left: 50%;
  144. width: 500px;
  145. margin-left: -250px;
  146. border-radius:0!important;
  147. background: transparent;
  148. box-shadow: none!important;
  149. opacity: 0;
  150. transform: translateY(-100%);
  151. animation: fadeInFromTop .3s ease-out;
  152. animation-fill-mode: forwards;
  153. box-sizing: border-box;
  154. }
  155. @keyframes fadeInFromTop {
  156. from{opacity: 0;transform: translateY(-100%);}
  157. to{opacity: 1;transform: translateX(0);}
  158. }
  159. /* xeno */
  160. .wordmarkWindows-1v0lYD svg *{display: none!important;}
  161. .wordmarkWindows-1v0lYD {
  162. }
  163. .wordmark-2iDDfm svg{
  164. background-image:url('https://i.imgur.com/8m8XpGC.png');
  165. background-position:center;
  166. background-repeat:no-repeat;
  167. background-size:contain;
  168. width:80px;
  169. height:16px;
  170. padding-left:15px;
  171. padding-right:15px;
  172. margin-left:0;
  173. display:block;
  174. opacity: .6;
  175. }
  176. /* windows buttons */
  177. .winButton-iRh8-Z,
  178. .typeWindows-1za-n7 {
  179. height: 25px;
  180. }
  181. .typeWindows-1za-n7 {
  182. padding: 5px 0;
  183. margin: 0;
  184. box-sizing: border-box;
  185. }
  186. .winButton-iRh8-Z svg * {display: none;}
  187. .winButton-iRh8-Z svg {
  188. position: absolute;
  189. top: 2.5px;
  190. background-position: center;
  191. background-repeat: no-repeat;
  192. background-size: 45% 45%;
  193. background-color: transparent;
  194. background-color: var(--bg0);
  195. }
  196. .winButton-iRh8-Z:hover {background-color: transparent;}
  197. .winButtonMinMax-PBQ2gm:nth-child(3) svg {
  198. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRkZGRkZGIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTRINXY1aDV2LTJIN3YtM3ptLTItNGgyVjdoM1Y1SDV2NXptMTIgN2gtM3YyaDV2LTVoLTJ2M3pNMTQgNXYyaDN2M2gyVjVoLTV6Ii8+PC9zdmc+);
  199. background-position: center;
  200. background-size: 77%;
  201. background-repeat: no-repeat;
  202. border-radius: 50%;
  203. padding: 3px;
  204. transition: all .2s ease;
  205. }
  206. .winButtonMinMax-PBQ2gm:nth-child(4) svg {
  207. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ1OS4zMTNweCIgaGVpZ2h0PSI0NTkuMzE0cHgiIHZpZXdCb3g9IjAgMCA0NTkuMzEzIDQ1OS4zMTQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDU5LjMxMywyMjkuNjQ4YzAsMjIuMjAxLTE3Ljk5Miw0MC4xOTktNDAuMjA1LDQwLjE5OUg0MC4xODFjLTExLjA5NCwwLTIxLjE0LTQuNDk4LTI4LjQxNi0xMS43NzQgQzQuNDk1LDI1MC44MDgsMCwyNDAuNzYsMCwyMjkuNjZjLTAuMDA2LTIyLjIwNCwxNy45OTItNDAuMTk5LDQwLjIwMi00MC4xOTNoMzc4LjkzNiBDNDQxLjMzMywxODkuNDcyLDQ1OS4zMDgsMjA3LjQ1Niw0NTkuMzEzLDIyOS42NDh6Ii8+PC9zdmc+);
  208. background-position: center;
  209. background-size: 45%;
  210. background-repeat: no-repeat;
  211. border-radius: 50%;
  212. padding: 3px;
  213. transition: all .2s ease;
  214. }
  215. .winButtonClose-1HsbF- svg {
  216. background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYzMi44LDQ5OS42bDMyOS4xLDMyOS4xYzM3LjUsMzcuNSwzNy41LDk1LjMsMCwxMzIuOGMtMTcuMywxNy4zLTQzLjMsMjguOS02Ni40LDI4LjljLTIzLjEsMC00OS4xLTExLjUtNjYuNC0yOC45TDUwMCw2MzIuNEwxNzAuOSw5NjEuNWMtMTcuMywxNy4zLTQzLjMsMjguOS02Ni40LDI4LjljLTIzLjEsMC00OS4xLTExLjUtNjYuNC0yOC45Yy0zNy41LTM3LjUtMzcuNS05NS4zLDAtMTMyLjhsMzI5LjEtMzI5LjFMMzguMSwxNzAuNkMwLjYsMTMzLDAuNiw3NS4zLDM4LjEsMzcuOGMzNy41LTM3LjUsOTUuMy0zNy41LDEzMi44LDBMNTAwLDM2Ni45TDgyOS4xLDM3LjhjMzcuNS0zNy41LDk1LjMtMzcuNSwxMzIuOCwwYzM3LjUsMzcuNSwzNy41LDk1LjMsMCwxMzIuOEw2MzIuOCw0OTkuNkw2MzIuOCw0OTkuNnoiLz48L3N2Zz4=);
  217. background-position: center;
  218. background-size: 45%;
  219. background-repeat: no-repeat;
  220. border-radius: 50%;
  221. padding: 3px;
  222. transition: all .2s ease;
  223. }
  224. .winButtonMinMax-PBQ2gm:nth-child(4):hover svg {background-color: var(--succes)}
  225. .winButtonMinMax-PBQ2gm:nth-child(3):hover svg {background-color: var(--warning);}
  226. .winButtonClose-1HsbF-:hover svg {background-color: var(--error);}
  227. /* == Home button == */
  228. .wrapper-1BJsBx[aria-label="Home"] .childWrapper-anI2G9 {
  229. background-image: var(--homeButtonImage);
  230. background-position: center;
  231. background-size: cover;
  232. background-clip: border-box;
  233. background-repeat: no-repeat;
  234. }
  235. svg[name="Nova_Discord"] {display: none!important;}
  236. /* == better formating redux plguin == */
  237. .bf-toolbar:before {
  238. background-color: var(--backgroundColor);
  239. }
  240. .bf-toolbar .format:hover {
  241. background: var(--uiGradient1);
  242. box-shadow: inset 0 0 100000px 0 rgba(0,0,0,.35);
  243. }
  244. /* == Gradients == */
  245. .container-2ax-kl {
  246. display: inline-block;
  247. background: -webkit-linear-gradient(30deg, var(--uiGradient1), var(--uiGradient2));
  248. -webkit-background-clip: text;
  249. -webkit-text-fill-color: transparent;
  250. font-weight: bold;
  251. }
  252. .uploadModal-2ifh8j {background: -webkit-linear-gradient(-30deg, var(--uiGradient1), var(--uiGradient2));}
  253. .uploadModal-2ifh8j .footer-3mqk7D {
  254. background: transparent;
  255. }
  256. #bd-settings-sidebar .ui-tab-bar-header,
  257. .header-2RyJ0Y {
  258. display: inline-block;
  259. background: -webkit-linear-gradient(30deg, var(--uiGradient1), var(--uiGradient2));
  260. -webkit-background-clip: text;
  261. -webkit-text-fill-color: transparent;
  262. font-weight: bold;
  263. font-size: 14px;
  264. letter-spacing: 1.5px;
  265. margin-bottom: 6px;
  266. }
  267. .circleIconButton-jET_ig {
  268. background: -webkit-linear-gradient(30deg, var(--uiGradient1), var(--uiGradient2));
  269. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.5);
  270. color: #e6e6e6;
  271. }
  272. .circleIconButton-jET_ig.selected-ugP_am {box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.15);}
  273. .newMessagesBar-mujexs {background: -webkit-linear-gradient(100deg, var(--uiGradient1), var(--uiGradient2));}
  274. /* == modals == */
  275. .autocomplete-1vrmpx,
  276. .modal-yWgWj- {
  277. background-color: var(--backgroundColor)!important;
  278. }
  279. .modal-yWgWj->* {background-color: transparent!important;}
  280. .selectorSelected-1_M1WV {
  281. background-color: rgba(0,0,0,.5)!important;
  282. }
  283. /* == embeds == */
  284. .attachment-33OFj0,
  285. .wrapper-35wsBm,
  286. .embedInner-1-fpTo {
  287. background-color: var(--backgroundColor)!important;
  288. border: none!important;
  289. position: relative;
  290. overflow: hidden;
  291. }
  292. .wrapper-35wsBm:after,
  293. .attachment-33OFj0:after,
  294. .embedInner-1-fpTo:after {
  295. content: "";
  296. left: 0;
  297. top: 0;
  298. width: 100%;
  299. height: 100%;
  300. position: absolute;
  301. pointer-events: none;
  302. background-image: var(--backgroundImage);
  303. background-position: center;
  304. background-repeat: no-repeat;
  305. background-size: cover;
  306. background-clip: border-box;
  307. background-attachment: fixed;
  308. background-origin: border-box;
  309. pointer-events: none;
  310. z-index: 0;
  311. opacity: .25;
  312. filter: blur(10px);
  313. }
  314. .wrapper-35wsBm>*,
  315. .attachment-33OFj0>*,
  316. .embedInner-1-fpTo>* {
  317. z-index: 100;
  318. position: relative;
  319. }
  320. .wrapper-39oAo3 {background-color: var(--backgroundColor)!important;}
  321. /* == reactions == */
  322. .reaction-1ELvT8 {background-color: var(--backgroundColor)!important;}
  323. .wanderingCubesItem-WPXqao {
  324. border-radius: 50%;
  325. background-color: var(--uiGradient1);
  326. background-image: radial-gradient(var(--uiGradient1), var(--uiGradient2));
  327. }
  328. /* == welcome message == */
  329. .welcomeMessage-3_Mcht .h1-1IDj26 {color:var(--main-blue-light) !important;}
  330. .welcomeMessage-3_Mcht .emptyMessage-2wGhmr,
  331. .welcomeMessage-3_Mcht h1{display:none;}
  332. .welcomeMessage-3_Mcht .itemContainer-WiE19S {
  333. width: 25%;
  334. height: 100px;
  335. overflow: hidden;
  336. }
  337. .welcomeMessage-3_Mcht p {
  338. margin: 0;
  339. padding: 0 0 0 10px;
  340. }
  341. .welcomeMessage-3_Mcht {flex-direction: row;overflow: hidden;}
  342. .welcomeMessage-3_Mcht .exclamation-1mi7Vi {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikdyb3VwXzFfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZyBpZD0iRWxsaXBzZV8yX2NvcHkiIG9wYWNpdHk9IjAuMTAyIj48Zz48cGF0aCBmaWxsPSIjZmZjYzAwIiBkPSJNMjUsMTVjOC44LDAsMTYsNy4yLDE2LDE2LjFzLTcuMiwxNi4xLTE2LDE2LjFTOSw0MCw5LDMxLjFTMTYuMiwxNSwyNSwxNSBNMjUsMTNjLTkuOSwwLTE4LDguMS0xOCwxOC4xICAgIHM4LjEsMTguMSwxOCwxOC4xczE4LTguMSwxOC0xOC4xUzM0LjksMTMsMjUsMTNMMjUsMTN6Ii8+PC9nPjwvZz48ZyBpZD0iRWxsaXBzZV8yIiBvcGFjaXR5PSIwLjIiPjxnPjxwYXRoIGZpbGw9IiNmZmNjMDAiIGQ9Ik0yNSwxOS43YzYuMiwwLDExLjMsNS4xLDExLjMsMTEuNFMzMS4yLDQyLjQsMjUsNDIuNFMxMy43LDM3LjMsMTMuNywzMVMxOC44LDE5LjcsMjUsMTkuNyBNMjUsMTYuNyAgICBjLTcuOSwwLTE0LjMsNi40LTE0LjMsMTQuNFMxNy4xLDQ1LjQsMjUsNDUuNFMzOS4zLDM5LDM5LjMsMzEuMVMzMi45LDE2LjcsMjUsMTYuN0wyNSwxNi43eiIvPjwvZz48L2c+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmY2MwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iICBNMzQuNCw3LjhjMS0zLjctMC40LTUuNi0yLjUtNi4yQzI5LjcsMSwyNy42LDIsMjYuNiw1LjdjLTEsMy43LTAuNSwxNy4zLTAuNSwxNy4zUzMzLjQsMTEuNCwzNC40LDcuOHoiLz48Y2lyY2xlIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmNjMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIyNSIgY3k9IjMxIiByPSI1Ii8+PC9zdmc+) !important;}
  343. .welcomeMessage-3_Mcht .share-1EA-d2 {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxwYXRoIGZpbGw9IiM0ZDk2M2EiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTI0LDEwIEMyNy4zMTQyODU3LDEwIDMwLDEyLjY4NTcxNDMgMzAsMTYgQzMwLDE5LjMxNDI4NTcgMjcuMzE0Mjg1NywyMiAyNCwyMiBDMjAuNjg1NzE0MywyMiAxOCwxOS4zMTQyODU3IDE4LDE2IEMxOCwxMi42ODU3MTQzIDIwLjY4NTcxNDMsMTAgMjQsMTAgTDI0LDEwIFogTTM4LDM0IEwzOCwzOCBMMTAsMzggTDEwLDM0IEMxMCwzMiAxNy4xODM2MDY2LDI4IDI0LDI4IEMzMC44MTYzOTM0LDI4IDM4LDMyIDM4LDM0IFogTTI0LDggQzE5LjU4LDggMTYsMTEuNTggMTYsMTYgQzE2LDIwLjQyIDE5LjU4LDI0IDI0LDI0IEMyOC40MiwyNCAzMiwyMC40MiAzMiwxNiBDMzIsMTEuNTggMjguNDIsOCAyNCw4IFogTTI0LDI2IEMxOC42NiwyNiA4LDI4LjY4IDgsMzQgTDgsNDAgTDQwLDQwIEw0MCwzNCBDNDAsMjguNjggMjkuMzQsMjYgMjQsMjYgWiIvPiAgICA8cG9seWdvbiBmaWxsPSIjNGQ5NjNhIiBwb2ludHM9IjQyIDIwIDQ3IDIwIDQ3IDIyIDQyIDIyIDQyIDI3IDQwIDI3IDQwIDIyIDM1IDIyIDM1IDIwIDQwIDIwIDQwIDE1IDQyIDE1Ii8+ICAgIDxwb2x5Z29uIHBvaW50cz0iMCAwIDQ4IDAgNDggNDggMCA0OCIvPiAgPC9nPjwvc3ZnPg==) !important;}
  344. .welcomeMessage-3_Mcht .mobile-3_KEmF {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIxNyAtMTcgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTcgLTE3IDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzM5NzNhYzt9PC9zdHlsZT48ZyBpZD0idG9vbF8tX2NlbGxfcGhvbmVfYW5kcm9pZF9tb2JpbGUiPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MiwxNmMtMS4xLDAtMiwwLjktMiwyYzAsMS4xLDAuOSwyLDIsMmMxLjEsMCwyLTAuOSwyLTJDNDQsMTYuOSw0My4xLDE2LDQyLDE2eiBNNDgtOEgzNmMtMy4zLDAtNiwyLjctNiw2ICAgIHYyMGMwLDMuMywyLjcsNiw2LDZoMTJjMy4zLDAsNi0yLjcsNi02Vi0yQzU0LTUuMyw1MS4zLTgsNDgtOHogTTUyLDE5YzAsMS43LTEuMywzLTMsM0gzNWMtMS43LDAtMy0xLjMtMy0zVi0zYzAtMS43LDEuMy0zLDMtMyAgICBoMTRjMS43LDAsMywxLjMsMywzVjE5eiBNNDUtNGgtNmMtMC42LDAtMSwwLjQtMSwxYzAsMC42LDAuNCwxLDEsMWg2YzAuNiwwLDEtMC40LDEtMUM0Ni0zLjYsNDUuNi00LDQ1LTR6Ii8+PC9nPjwvZz48L3N2Zz4=) !important;}
  345. .welcomeMessage-3_Mcht .twitter-1TN3uJ {background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMzYgMzAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPkdyb3VwPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzLz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+ICAgICAgICA8ZyBpZD0id2VsY29tZS10d2l0dGVyIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiBmaWxsPSIjMDBhY2VkIj4gICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzMsMiBMMzEsNiBMMzQsNSBMMzEsOCBMMzEsOC41IEMzMSw5IDMwLjksOS42IDMwLjgsMTAuMSBDMzAuNywxNC4yIDI5LjQsMTkuNyAyNCwyNCBDMjAuMiwyNy4xIDE2LjIsMjggMTIuOCwyOCBDNi43LDI4IDIsMjUgMiwyNSBDMTEsMjUgMTEsMjIgMTEsMjIgQzksMjIgNSwxOCA1LDE4IEM1LjMsMTguMyA1LjgsMTguNCA2LjIsMTguNCBDNy4xLDE4LjQgOCwxOCA4LDE4IEMzLDE1IDMsMTIgMywxMiBDMy4zLDEyLjMgMy44LDEyLjQgNC4yLDEyLjQgQzUuMSwxMi40IDYsMTIgNiwxMiBDMSw4IDQsMyA0LDMgQzUsOCAxOCwxMCAxOCwxMCBMMTguMiw5LjkgQzE4LjEsOS40IDE4LDguNSAxOCw4IEMxOCw0LjQgMjAuOSwyIDI0LjUsMiBDMjYuNSwyIDI4LjIsMi45IDI5LjQsNC4zIEwzMCw0IEwzMywyIEwzMywyIFogTTMzLDAgQzMyLjYsMCAzMi4yLDAuMSAzMS45LDAuMyBMMjkuNywxLjggQzI4LjIsMC42IDI2LjQsMCAyNC41LDAgQzE5LjgsMCAxNi4yLDMuMiAxNiw3LjYgQzExLjUsNi42IDYuNCw0LjYgNiwyLjYgQzUuOCwxLjggNS4yLDEuMiA0LjQsMSBMNC4xLDEgQzMuNCwxIDIuOCwxLjQgMi40LDIgQzEuNCwzLjcgMC41LDcgMi4xLDEwLjMgQzEuNSwxMC43IDEuMSwxMS4zIDEuMSwxMiBDMS4xLDEyLjMgMS4yLDE0LjQgMy41LDE2LjggQzMsMTcuNiAzLDE4LjcgMy43LDE5LjQgQzQuNCwyMC4xIDUuOCwyMS40IDcuMywyMi40IEM2LjIsMjIuNyA0LjYsMjIuOSAyLjEsMjIuOSBDMS4yLDIyLjkgMC40LDIzLjUgMC4yLDI0LjMgQy0wLjEsMjUuMSAwLjMsMjYuMSAxLDI2LjUgQzEuMiwyNi42IDYuMiwyOS45IDEyLjgsMjkuOSBDMTcuNCwyOS45IDIxLjYsMjguNCAyNS4zLDI1LjQgQzMxLjMsMjAuNiAzMi43LDE0LjUgMzIuOCwxMC4yIEMzMi45LDkuNyAzMyw5LjIgMzMsOC43IEwzNS40LDYuMyBDMzUuOCw1LjkgMzYsNS40IDM2LDQuOCBDMzYsMy45IDM1LjQsMy4yIDM0LjcsMi45IEwzNC44LDIuNyBDMzUuMiwxLjkgMzUsMC45IDM0LjMsMC4zIEMzMy45LDAuMiAzMy41LDAgMzMsMCBMMzMsMCBMMzMsMCBaIiBpZD0iU2hhcGUiLz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=) !important;}
  346. .welcomeMessage-3_Mcht .icon-2shpbb {
  347. height: 40px;
  348. width: 63.5px;
  349. background-position: center !important;
  350. background-size: 80% !important;
  351. background-repeat: no-repeat !important;
  352. }
  353. /* == user popout == */
  354. .body-3ND3kc,
  355. .topSectionNormal-2-vo2m {
  356. background-color: var(--backgroundColor)!important;
  357. }
  358. .userPopout-3XzG_A {
  359. background-color: var(--backgroundColor)!important;
  360. box-shadow: 0 0 7px 3px rgba(0,0,0,.4);
  361. position: relative;
  362. }
  363. .userPopout-3XzG_A:after {
  364. content: "";
  365. left: 0;
  366. top: 0;
  367. width: 100%;
  368. height: 100%;
  369. position: absolute;
  370. pointer-events: none;
  371. background-image: var(--backgroundImage);
  372. background-position: center;
  373. background-repeat: no-repeat;
  374. background-size: cover;
  375. background-clip: border-box;
  376. background-attachment: fixed;
  377. background-origin: border-box;
  378. z-index: 0;
  379. opacity: .15;
  380. filter: blur(10px);
  381. }
  382. .userPopout-3XzG_A>* {z-index: 10;}
  383. .topSectionPlaying-1J5E4n,
  384. .headerPlaying-j0WQBV {
  385. overflow: hidden;
  386. background-color: transparent;
  387. background-image: linear-gradient(220deg, var(--uiGradient2), var(--uiGradient1));
  388. }
  389. .headerPlaying-j0WQBV:after {
  390. content: "";
  391. left: 0;
  392. top: 0;
  393. width: 100%;
  394. height: 100%;
  395. position: absolute;
  396. pointer-events: none;
  397. background-image: var(--backgroundImage);
  398. background-position: center;
  399. background-repeat: no-repeat;
  400. background-size: cover;
  401. background-clip: border-box;
  402. background-attachment: fixed;
  403. background-origin: border-box;
  404. z-index: 0;
  405. opacity: .15;
  406. filter: blur(10px);
  407. }
  408. .headerStreaming-2FjmGz:after {
  409. content: "";
  410. left: 0;
  411. top: 0;
  412. width: 100%;
  413. height: 100%;
  414. position: absolute;
  415. pointer-events: none;
  416. background-image: var(--backgroundImage);
  417. background-position: center;
  418. background-repeat: no-repeat;
  419. background-size: cover;
  420. background-clip: border-box;
  421. background-attachment: fixed;
  422. background-origin: border-box;
  423. z-index: 0;
  424. opacity: .15;
  425. filter: blur(10px);
  426. }
  427. .headerSpotify-zpWxgT:after {
  428. content: "";
  429. left: 0;
  430. top: 0;
  431. width: 100%;
  432. height: 100%;
  433. position: absolute;
  434. pointer-events: none;
  435. background-image: var(--backgroundImage);
  436. background-position: center;
  437. background-repeat: no-repeat;
  438. background-size: cover;
  439. background-clip: border-box;
  440. background-attachment: fixed;
  441. background-origin: border-box;
  442. z-index: 0;
  443. opacity: .15;
  444. filter: blur(10px);
  445. }
  446. .inner-1ilYF7 {background-color: var(--backgroundColor);}
  447. .emptyPlayers-dx3qig,
  448. .players-1zg2l8,
  449. .footer-3J5oP4,
  450. .news-2KwXHF {background-color: transparent!important;}
  451. /* == Pings == */
  452. .wrapper-3WhCwL {
  453. color: #fff!important;
  454. background: -webkit-linear-gradient(30deg, var(--uiGradient1), var(--uiGradient2))!important;
  455. border-radius: 50px!important;
  456. padding: 1px 8px;
  457. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.35);
  458. transition: all .2s ease;
  459. }
  460. .wrapper-3WhCwL:hover,
  461. .wrapper-3WhCwL.popout-open {
  462. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,0);
  463. }
  464. .isMentioned-N-h9aa {
  465. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2)) !important;
  466. box-shadow: inset 0 0 100000px 0 rgba(0,0,0,.85);
  467. }
  468. .isMentioned-N-h9aa>* {z-index: 10;}
  469. .isMentioned-N-h9aa:before {
  470. content: "";
  471. left: 0;
  472. top: 0;
  473. width: 100%;
  474. height: 100%;
  475. position: absolute;
  476. pointer-events: none;
  477. background-image: var(--backgroundImage);
  478. background-position: center;
  479. background-repeat: no-repeat;
  480. background-size: cover;
  481. background-clip: border-box;
  482. background-attachment: fixed;
  483. background-origin: border-box;
  484. z-index: 0;
  485. opacity: .15;
  486. filter: blur(10px);
  487. }
  488. .isMentionedCozy-3isp7y:after {
  489. position: absolute;
  490. top: 0;
  491. left: -6px;
  492. bottom: 0;
  493. content: " ";
  494. width: 4px;
  495. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2));
  496. border: none;
  497. border-radius: 3px 0 0 3px;
  498. }
  499. /* == Chat == */
  500. .dividerContent-2L12VI:after,
  501. .dividerContent-2L12VI:before {
  502. background-color: rgba(255,255,255,.45);
  503. }
  504. .dividerContent-2L12VI {
  505. color: #fff;
  506. font-weight: bold;
  507. opacity: .65;
  508. }
  509. .container-3cGP6G {background-color: var(--backgroundColor);}
  510. .reactionSelected-1pqISmn,
  511. .clickable-11uBi-:hover,
  512. .selected-BYpGTS {
  513. background-color: rgba(150,150,150,.1);
  514. }
  515. /* == Member list == */
  516. .layout-2DM8Md {
  517. transition: padding .2s ease;
  518. position: relative;
  519. }
  520. .selected-aXhQR6 .layout-2DM8Md,
  521. .clickable-1JJAn8:hover .layout-2DM8Md {
  522. background-color: transparent!important;
  523. padding: 0 8px 0 20px;
  524. }
  525. .layout-2DM8Md:after {
  526. content: "";
  527. position: absolute;
  528. left: 0;
  529. top: 0;
  530. height: 100%;
  531. width: 4px;
  532. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2));
  533. border-radius: 50px;
  534. transition:
  535. transform .4s ease,
  536. opacity .2s ease;
  537. transform: translateX(-100%);
  538. opacity: 0;
  539. }
  540. .selected-aXhQR6 .layout-2DM8Md:after {
  541. opacity: 1;
  542. transform: translateX(0);
  543. }
  544. /* == channels list == */
  545. .content-3at_AU {transition: padding .2s ease;}
  546. .content-3at_AU:after {
  547. content: "";
  548. position: absolute;
  549. left: 0;
  550. top: .5px;
  551. height: 98%;
  552. width: 4px;
  553. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2));
  554. border-radius: 50px;
  555. transition:
  556. transform .4s ease,
  557. opacity .2s ease;
  558. transform: translateX(-100%);
  559. opacity: 0;
  560. }
  561. .modeSelected-1zApJ_ .content-3at_AU:after,
  562. .modeSelected-1zApJ_:hover .content-3at_AU:after {
  563. opacity: 1;
  564. transform: translateX(8px);
  565. }
  566. .wrapper-1ucjTd:hover .content-3at_AU,
  567. .modeSelected-1zApJ_ .content-3at_AU,
  568. .modeSelected-1zApJ_:hover .content-3at_AU {
  569. background-color: transparent;
  570. padding: 0 8px 0 16px;
  571. }
  572. .clickable-2ap7je .header-2o-2hj:hover,
  573. .selected-WP3kCM .header-2o-2hj {
  574. background-color: transparent;
  575. }
  576. .menu-Sp6bN1 {background: var(--backgroundColor);}
  577. .itemBase-1Qj4z6:hover {
  578. background-color: var(--uiGradient1);
  579. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.45);
  580. }
  581. .button-14-BFJ.enabled-2cQ-u7:hover {
  582. background: var(--backgroundColor);
  583. box-shadow: 0 0 10px 5px rgba(0,0,0,.25);
  584. }
  585. /* == settings == */
  586. #bd-settings-sidebar .ui-tab-bar-item,
  587. .side-8zPYf6 .item-PXvHYJ {transition: padding .2s ease;}
  588. #bd-settings-sidebar .ui-tab-bar-item:after,
  589. .side-8zPYf6 .item-PXvHYJ:after {
  590. content: "";
  591. position: absolute;
  592. left: 0;
  593. top: .5px;
  594. height: 98%;
  595. width: 4px;
  596. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2));
  597. border-radius: 50px;
  598. transition:
  599. transform .4s ease,
  600. opacity .2s ease;
  601. transform: translateX(-100%);
  602. opacity: 0;
  603. }
  604. .side-8zPYf6 .item-PXvHYJ {color: #fff!important;}
  605. .side-8zPYf6 .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"],
  606. .side-8zPYf6 .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"]:hover,
  607. #bd-settings-sidebar .ui-tab-bar-item.selected,
  608. #bd-settings-sidebar .ui-tab-bar-item.selected:hover,
  609. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
  610. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover,
  611. .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
  612. .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover {
  613. background-color: var(--backgroundColor)!important;
  614. color: #fff!important;
  615. }
  616. .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover,
  617. #bd-settings-sidebar .ui-tab-bar-item:hover,
  618. .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover {background-color: transparent!important;}
  619. .side-8zPYf6 .item-PXvHYJ[style*="background-color: rgb(114, 137, 218)"]:after,
  620. #bd-settings-sidebar .ui-tab-bar-item.selected:after,
  621. .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:after {
  622. transform: translateX(0);
  623. opacity: 1;
  624. }
  625. /* == custom css == */
  626. .bda-dark~div #ace_settingsmenu {
  627. background-color: var(--backgroundColor)!important;
  628. position: relative;
  629. flex-direction: column;
  630. padding: 15px 50px;
  631. }
  632. .bda-dark~div #ace_settingsmenu:after {
  633. content: "";
  634. left: 0;
  635. top: 0;
  636. width: 100%;
  637. height: 100%;
  638. position: absolute;
  639. pointer-events: none;
  640. background-image: var(--backgroundImage);
  641. background-position: center;
  642. background-repeat: no-repeat;
  643. background-size: cover;
  644. background-clip: border-box;
  645. background-attachment: fixed;
  646. background-origin: border-box;
  647. z-index: -1;
  648. opacity: .18;
  649. filter: blur(10px);
  650. }
  651. .bda-dark~div #ace_settingsmenu>* {z-index: 10;}
  652. .ace_optionsMenuEntry {margin-bottom: 5px;}
  653. .bda-dark~div #ace_settingsmenu select,
  654. .bda-dark~div #ace_settingsmenu input[type=text] {
  655. border-radius: 4px;
  656. margin-bottom: 5px;
  657. padding: 0 7px;
  658. background-color: var(--backgroundColor)!important;
  659. border: none!important;
  660. }
  661. .ace_editor {
  662. border-radius: 8px 8px 0 0 !important;
  663. background-color: var(--backgroundColor)!important;
  664. }
  665. .contentRegion-3nDuYy #bd-customcss-attach-controls, #bd-customcss-detach-container #bd-customcss-attach-controls {
  666. border-radius: 0 0 8px 8px !important;
  667. background-color: var(--backgroundColor)!important;
  668. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.25)!important;
  669. }
  670. .ace_gutter-layer {
  671. background-color: var(--backgroundColor)!important;
  672. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.25);
  673. }
  674. .ace-monokai .ace_marker-layer .ace_active-line {
  675. background-color: var(--uiGradient1)!important;
  676. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.55);
  677. }
  678. #bd-customcss-attach-controls .help-text {
  679. box-sizing: border-box;
  680. padding: 5px 0;
  681. }
  682. #bd-customcss-attach-controls .help-text .inline {
  683. background-color: var(--backgroundColor)!important;
  684. box-shadow: inset 0 0 10000px 0 rgba(0255,255,255,.15);
  685. padding: 2px 5px;
  686. }
  687. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button,
  688. .bd-detached-css-editor #bd-customcss-attach-controls button {
  689. background-color: var(--uiGradient1)!important;
  690. border-radius: 12px!important;
  691. border: none!important;
  692. transition: all .2s ease;
  693. }
  694. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:hover,
  695. .bd-detached-css-editor #bd-customcss-attach-controls button:hover {
  696. border-radius: 8px!important;
  697. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.25);
  698. }
  699. .standardSidebarView-3F1I7i #bd-customcss-attach-controls button:nth-child(2),
  700. .bd-detached-css-editor #bd-customcss-attach-controls button:nth-child(2) {
  701. margin: 0 5px;
  702. }
  703. /* == add role popout == */
  704. .autocompleteArrow-Zxoy9H,
  705. .autocompleteShadow-iiGWFU {box-shadow: none!important;}
  706. .autocompleteArrow-Zxoy9H,
  707. .autocompleteHeaderBackground-30T70q,
  708. .container-VSDcQc .sectionTag-pXyto9 {
  709. color: #e6e6e6;
  710. background-color: var(--backgroundColor)!important;
  711. }
  712. .row-rrHHJU.selected-1pIgLL {
  713. background: var(--backgroundColor)!important;
  714. box-shadow: inset 0 0 100000px 0 rgba(0,0,0,.25);
  715. }
  716. /* == server folder == */
  717. .footer-3rDWdC,
  718. .root-1gCeng {
  719. background-color: var(--backgroundColor)!important;
  720. box-shadow: none!important;
  721. border: none!important;
  722. }
  723. .root-1gCeng .input-cIJ7To {transition: all .2s ease;}
  724. .root-1gCeng .input-cIJ7To.focused-1mmYsC,
  725. .root-1gCeng .input-cIJ7To:focus {
  726. border: 1px solid var(--uiGradient1)!important;
  727. box-shadow: 0 0 10px 0 var(--uiGradient1)!important;
  728. }
  729. .expandedFolderBackground-2sPsd- {
  730. background-color: var(--backgroundColor);
  731. box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
  732. }
  733. .folder-21wGz3 {background-color: var(--backgroundColor);}
  734. .folder-21wGz3.hover-2ji_A7 {background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2));}
  735. /* == emojis == */
  736. .popout-2iWAc- {
  737. box-shadow: 0 0 10px 5px rgba(0,0,0,.25)!important;
  738. }
  739. .bda-dark .emojiPicker-3m1S-j,
  740. .bda-dark .emojiPicker-3m1S-j .category-2U57w6,
  741. .bda-dark #bda-qem button.active,
  742. .bda-dark #bda-qem-favourite-container,
  743. .bda-dark #bda-qem-twitch-container,
  744. .bda-dark #bda-qem {
  745. background: var(--backgroundColor)!important;
  746. border: none !important;
  747. }
  748. .bda-dark #bda-qem button:hover,
  749. .bda-dark #bda-qem button {
  750. background-color: rgba(0,0,0,.5);
  751. border: none !important;
  752. }
  753. .bda-dark .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ {
  754. background-color: var(--backgroundColor);
  755. border: 1px solid var(--uiGradient1);
  756. box-shadow: 0 0 10px 0 var(--uiGradient1);
  757. }
  758. .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq.selected-39BZ4S {border-bottom-color: var(--uiGradient1);}
  759. .bda-dark .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {background-color: transparent!important}
  760. /* == searchbars / inputs == */
  761. .inner-zqa7da,
  762. .libraryFilter-31ZUa2,
  763. .browseSearch-e9jF-f,
  764. .searchBar-TUoVPN,
  765. .searchBar-s2JxlI,
  766. .wrapper-1cBijl,
  767. .emojiAliasInput-1y-NBz .emojiInput-1aLNse,
  768. .message-2qRu38,
  769. .css-15ejc46-control,
  770. .css-13kbzi0-control,
  771. .css-2yldzf-control,
  772. .inner-2P4tQO,
  773. .item-26Dhrx,
  774. .note-3kmerW textarea:focus,
  775. .searchBox-3Y2Vi7,
  776. .container-CpszHS,
  777. .formNotice-2_hHWR,
  778. .container-1RjyoP .preview-2nSL_2,
  779. .cardPrimary-1Hv-to,
  780. .cardPrimaryEditable-3KtE4g,
  781. .cardPrimaryOutline-29Ujqw,
  782. .quickMessage-1yeL4E,
  783. .container-3ayLPN,
  784. .css-1wqqa50-container,
  785. .paymentPane-3bwJ6A,
  786. .inputDefault-_djjkz,
  787. .gameNameInput-385LoS:focus,
  788. .auditLog-3jNbM6,
  789. .gameNameInput-385LoS:hover,
  790. .copyInputDefault-21sXtF,
  791. .codeRedemptionRedirect-1wVR4b,
  792. .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC,
  793. .searchBar-6Kv8R2 .searchBarComponent-32dTOx,
  794. .searchBar-3dMhjb {
  795. background-color: var(--backgroundColor) !important;
  796. box-shadow: 0 0 7px 3px rgba(0,0,0,.25);
  797. border-color: rgba(0,0,0,.5)!important;
  798. border-radius: 8px!important;
  799. }
  800. .searchBox-3Y2Vi7 .inputDefault-_djjkz {
  801. background-color: transparent !important;
  802. box-shadow: none;
  803. border-color: none!important;
  804. }
  805. .container-3PXSwK {border-radius: 4px;}
  806. .progress-1IcQ3A {
  807. background-color: var(--backgroundColor)!important;
  808. box-shadow: inset 0 0 10000px rgba(150,150,150,.15);
  809. }
  810. .notches-1sAcEM {
  811. background-image: linear-gradient(var(--backgroundColor),var(--backgroundColor))!important;
  812. -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='20' fill='%2336393f'%3E%3Cpath fill-rule='evenodd' d='M0 0h8v20H0V0zm4 2a2 2 0 00-2 2v12a2 2 0 104 0V4a2 2 0 00-2-2z'/%3E%3C/svg%3E");
  813.  
  814. }
  815. .cardPrimaryEditable-3KtE4g[style*="rgb(67, 181, 129)"] {background-color: var(--succes)!important;}
  816. .cardPrimaryEditable-3KtE4g[style*="rgb(250, 166, 26)"] {background-color: var(--warning)!important;}
  817. .cardPrimaryEditable-3KtE4g[style*="rgb(240, 71, 71)"] {background-color: var(--error)!important;}
  818. #bd-settingspane-container .ui-switch-item {
  819. background-color: var(--backgroundColor) !important;
  820. box-shadow: 0 0 7px 3px rgba(0,0,0,.25);
  821. border-color: rgba(0,0,0,.5)!important;
  822. padding: 7px 12px;
  823. border-radius: 8px;
  824. }
  825. .bda-slist .bda-footer,
  826. .bda-slist .bda-header,
  827. #bd-settingspane-container .ui-switch-item .style-description {border: none!important;}
  828. .searchResult-3pzFAB .searchResultMessage-2VxO12.hit-NLlWXA {border: none!important;}
  829. .css-1gnr91b-option,
  830. .tier1Banner-1B_WXY,
  831. .css-12o7ek3-option {
  832. background-color: var(--backgroundColor) !important;
  833. }
  834. .checked-3_4uQ9[style*="rgb(114, 137, 218)"] {
  835. background-color: var(--backgroundColor)!important;
  836. border-color: var(--uiGradient1)!important;
  837. }
  838. .checked-3_4uQ9[style*="rgb(114, 137, 218)"] svg g polyline {stroke: var(--uiGradient1)!important;}
  839. .css-181m2lf-menu {
  840. border-radius: 0 0 10px 10px;
  841. border: 1px solid rgba(0,0,0,.5)!important;
  842. border-top: none!important;
  843. }
  844. .rowBody-10yI-R {color: #e6e6e6!important;}
  845. .installationPath-24giJj {box-shadow: none!important}
  846. .css-1ye7vu0 {border-radius: 0 0 9px 9px;}
  847. .foreground-2aE44H {stroke: var(--uiGradient1) !important;}
  848. .background-yZEZik {stroke: var(--backgroundColor) !important;}
  849. .bar-2Qqk5Z {background-color: var(--backgroundColor) !important;}
  850. .defaultIndicator-2X8Auf {
  851. background-color: var(--uiGradient1)!important;
  852. padding: 2px 7px;
  853. }
  854. .barFill-23-gu- {background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2));}
  855. .item-26Dhrx[style*="rgb(114, 137, 218)"] {
  856. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2))!important;
  857. box-shadow: inset 0 0 10000px rgba(0,0,0,.25);
  858. border-color: rgba(0,0,0,.5)!important;
  859. }
  860. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch.checked,
  861. .themeDefault-24hCdX.valueChecked-m-4IJZ {
  862. background: linear-gradient(50deg, var(--uiGradient1), var(--uiGradient2))!important;
  863. box-shadow: inset 0 0 10000px rgba(0,0,0,.25);
  864. }
  865. #bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch,
  866. .themeDefault-24hCdX {
  867. background-color: var(--backgroundColor) !important;
  868. box-shadow: 0 0 7px 3px rgba(0,0,0,.25);
  869. }
  870. .option-96V44q:after {display: none;}
  871. .option-96V44q.selected-rZcOL- {
  872. background: linear-gradient(40deg, var(--uiGradient1), var(--uiGradient2))!important;
  873. box-shadow: inset 0 0 10000px rgba(0,0,0,.75);
  874. border-radius: 30px;
  875. }
  876. .searchAnswer-3Dz2-q,
  877. .searchFilter-2ESiM3 {
  878. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2))!important;
  879. box-shadow: inset 0 0 10000px rgba(0,0,0,.25);
  880. border-radius: 4px;
  881. }
  882. .elevationBorderHigh-2WYJ09 {box-shadow: none!important;}
  883. .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next,
  884. .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous {
  885. background-color: var(--backgroundColor)!important;
  886. border: none!important;
  887. }
  888. .calendarPicker-2yf6Ci .react-datepicker__header,
  889. .calendarPicker-2yf6Ci .react-datepicker {background-color: var(--backgroundColor)!important;}
  890. .calendarPicker-2yf6Ci .react-datepicker__current-month {border: none!important;}
  891. .calendarPicker-2yf6Ci .react-datepicker__day--disabled,
  892. .calendarPicker-2yf6Ci .react-datepicker__day--outside-month {background-color: rgba(0,0,0,.35)!important}
  893. .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover,
  894. .calendarPicker-2yf6Ci .react-datepicker__day:hover,
  895. .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z,
  896. .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after {
  897. background: linear-gradient(80deg, var(--uiGradient1), var(--uiGradient2))!important;
  898. box-shadow: inset 0 0 10000px rgba(0,0,0,.15);
  899. }
  900. .searchResult-3pzFAB.expanded-v2Szsz {border: none!important;}
  901. .searchResult-3pzFAB .hit-NLlWXA {
  902. background-color: var(--backgroundColor)!important;
  903. position: relative;
  904. }
  905. .searchResult-3pzFAB.expanded-v2Szsz .searchResultMessage-2VxO12.hit-NLlWXA {border-radius: 8px;}
  906. .searchResult-3pzFAB .hit-NLlWXA>* {z-index: 10;}
  907. .searchResult-3pzFAB .hit-NLlWXA:after {
  908. content: "";
  909. left: 0;
  910. top: 0;
  911. width: 100%;
  912. height: 100%;
  913. position: absolute;
  914. pointer-events: none;
  915. background-image: var(--backgroundImage);
  916. background-position: center;
  917. background-repeat: no-repeat;
  918. background-size: cover;
  919. background-clip: border-box;
  920. background-attachment: fixed;
  921. background-origin: border-box;
  922. z-index: 0;
  923. opacity: .15;
  924. filter: blur(10px);
  925. }
  926. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover {background-color: var(--succes)!important;}
  927. .friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9.actionDeny-18IZiW:hover {background-color: var(--error)!important;}
  928. .friendsTable-133bsv .friendsRow-2yicud:hover {
  929. background-color: var(--backgroundColor);
  930. position: relative;
  931. overflow: hidden;
  932. }
  933. .friendsTable-133bsv .friendsRow-2yicud:hover:after {
  934. content: "";
  935. left: 0;
  936. top: 0;
  937. width: 100%;
  938. height: 100%;
  939. position: absolute;
  940. pointer-events: none;
  941. background-image: var(--backgroundImage);
  942. background-position: center;
  943. background-repeat: no-repeat;
  944. background-size: cover;
  945. background-clip: border-box;
  946. background-attachment: fixed;
  947. background-origin: border-box;
  948. z-index: 0;
  949. opacity: .15;
  950. filter: blur(10px);
  951. }
  952. svg[aria-label="Verified"] path {
  953. fill: var(--succes) !important;
  954. }
  955. /* == activities / library & more == */
  956. .card-3DjzTQ,
  957. .outer-2IVh5n,
  958. .empty-hejAOj,
  959. .unwrapped-37iUtM,
  960. .wrapped-15rg6t,
  961. .recentlyPlayedContainer-2F3MqS,
  962. .popoutContainer-3WC9HR:hover,
  963. .popout-2sKjHu,
  964. .popout-3G62UL,
  965. .cardPlaceholder-1zrbbe {
  966. background-color: var(--backgroundColor)!important;
  967. }
  968. .gameUpdates-2GPqBU {background-color: transparent!important}
  969. .popout-2sKjHu {border-color: #040405 #040405 rgba(0,0,0,.3)!important;}
  970. .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
  971. background-color: var(--uiGradient1)!important;
  972. box-shadow: inset 0 0 100000px 0 rgba(0,0,0,.25);
  973. }
  974. .running-ol_ES1 {background-color: var(--uiGradient1)!important;}
  975. .wrapper-9ppXpy {box-shadow: none!important;}
  976. .rowWrapperActive-2L7i9f {
  977. background-color: var(--backgroundColor)!important;
  978. position: relative;
  979. }
  980. .rowWrapperActive-2L7i9f:after {
  981. content: "";
  982. left: 0;
  983. top: 0;
  984. width: 100%;
  985. height: 100%;
  986. position: absolute;
  987. pointer-events: none;
  988. background-image: var(--backgroundImage);
  989. background-position: center;
  990. background-repeat: no-repeat;
  991. background-size: cover;
  992. background-clip: border-box;
  993. background-attachment: fixed;
  994. background-origin: border-box;
  995. z-index: 0;
  996. opacity: .15;
  997. filter: blur(10px);
  998. }
  999. .divider-38zUJA {background-color: transparent!important;}
  1000. .rowWrapperActive-2L7i9f>* {z-index: 100;}
  1001. .installSize-1eXbBX {
  1002. background-color: var(--uiGradient1)!important;
  1003. box-shadow: inset 0 0 100000px 0 rgba(0,0,0,.25);
  1004. }
  1005. .lookFilled-1h1y05.select-1Pkeg4:focus {
  1006. border-color: var(--uiGradient1)!important;
  1007. box-shadow: 0 0 5px 0 var(--uiGradient1)!important;
  1008. }
  1009. .marginTop20-3TxNs6 .input-1Rv96N {
  1010. background-color: var(--backgroundColor)!important;
  1011. border: 1px solid var(--uiGradient1) !important;
  1012. box-shadow: none !important;
  1013. }
  1014. /* == pinned messages / mentions == */
  1015.  
  1016. .messagesPopoutWrap-1MQ1bW {
  1017. background-color: var(--backgroundColor)!important;
  1018. border: none!important;
  1019. box-shadow: 0 0 10px 5px rgba(0,0,0,.35)!important;
  1020. }
  1021. .messagesPopout-24nkyi,
  1022. .themedPopout-1TrfdI .footer-1K57q_,
  1023. .header-ykumBX {background-color: transparent!important;}
  1024. .contextMenu-HLZMGh,
  1025. .messageGroupWrapper-o-Zw7G {
  1026. background-color: var(--backgroundColor)!important;
  1027. border: none!important;
  1028. }
  1029. .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {
  1030. background-color: transparent!important;
  1031. box-shadow: none!important;
  1032. }
  1033. .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .jumpButton-3DTcS_ {
  1034. background: linear-gradient(-30deg, var(--uiGradient1), var(--uiGradient2))!important;
  1035. color: #fff;
  1036. font-weight: bold;
  1037. }
  1038. .top-28JiJ- .item-PXvHYJ[style*="border-color: rgb(255, 255, 255);"] {
  1039. border-color: var(--uiGradient1)!important;
  1040. }
  1041. /* == gifs == */
  1042. .focused-1En8bG:after, .theme-dark .result-3w1ZcL:hover:after {box-shadow: inset 0 0 0 2px var(--uiGradient1), inset 0 0 0 3px var(--backgroundColor);}
  1043. .categoryFadeBlurple-1j72_A {
  1044. background-color: transparent!important;
  1045. position: relative;
  1046. }
  1047. .categoryFadeBlurple-1j72_A:after {
  1048. position: absolute;
  1049. content: "";
  1050. background-color: var(--uiGradient1);
  1051. width: 100%;
  1052. height: 100%;
  1053. top: 0;
  1054. left: 0;
  1055. pointer-events: none;
  1056. opacity: .5;
  1057. }
  1058. /* == shadows == */
  1059. .folder-21wGz3,
  1060. .folderIconWrapper-226oVY {
  1061. box-shadow: 0 0 7px 3px rgba(0,0,0,.25);
  1062. }
  1063. .wrapper-25eVIn,
  1064. .wrapper-3t9DeA {
  1065. border-radius: 50%;
  1066. box-shadow: 0 0 7px 3px rgba(0,0,0,.25);
  1067. }
  1068. .headerText-2sdzFM,
  1069. .activity-11LB_k {
  1070. text-shadow: 1px 1px 5px rgba(0,0,0,.65);
  1071. }
  1072. .username-_4ZSMR,
  1073. .name-3YKhmS,
  1074. .name-uJV0GL {
  1075. text-shadow: 1px 1px 5px rgba(0,0,0,.95);
  1076. }
  1077. /* == spoilers == */
  1078. .spoilerText-3p6IlD.hidden-HHr2R9 {
  1079. border-radius: 8px;
  1080. background-color: var(--backgroundColor)!important;
  1081. }
  1082. .spoilerText-3p6IlD {
  1083. border-radius: 8px;
  1084. background-color: var(--backgroundColor)!important;
  1085. position: relative;
  1086. overflow: hidden;
  1087. padding: 2px 6px;
  1088. color: #fff;
  1089. }
  1090. /* == buttons == */
  1091. .pageIndicator-1gAbyA,
  1092. .pageButtonNext-V2kUq0,
  1093. .pageButtonPrev-1Y-47D {
  1094. border-color: rgba(150,150,150,.15)!important;
  1095. }
  1096. .questionMark-CWEQZn,
  1097. .lookOutlined-3sRXeN,
  1098. #bd-settingspane-container .bd-pfbtn,
  1099. .bda-slist .bda-footer button,
  1100. #bd-settingspane-container .ui-switch-item button,
  1101. .lookFilled-1Gx00P {
  1102. background-color: var(--backgroundColor)!important;
  1103. transition: all .2s ease;
  1104. border-radius: 13px!important;
  1105. color: #fff!important;
  1106. border: none!important;
  1107. }
  1108. #bd-settingspane-container .ui-switch-item button:hover,
  1109. .bda-slist .bda-footer button:hover,
  1110. #bd-settingspane-container .bd-pfbtn:hover,
  1111. .questionMark-CWEQZn:hover,
  1112. .lookOutlined-3sRXeN:hover,
  1113. .lookFilled-1Gx00P:hover {
  1114. box-shadow: inset 0 0 10000px 0 rgba(0,0,0,.15)!important;
  1115. border-radius: 8px!important;
  1116. }
  1117. .bda-slist .bda-footer button,
  1118. #bd-settingspane-container .bd-pfbtn,
  1119. .questionMark-CWEQZn,
  1120. #bd-settingspane-container .ui-switch-item button,
  1121. .lookFilled-1Gx00P.colorBrand-3pXr91 {
  1122. background-color: var(--uiGradient1)!important;
  1123. background-image: linear-gradient(-30deg, var(--uiGradient1), var(--uiGradient2))!important;
  1124. }
  1125. .lookFilled-1Gx00P.colorGreen-29iAKY {background-color: var(--succes)!important;}
  1126. .lookOutlined-3sRXeN.colorRed-1TFJan {background-color: var(--error)!important;}
  1127. .checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked+span,
  1128. .checked-3_4uQ9[style*="rgb(67, 181, 129)"] {
  1129. border-color: rgba(0,0,0,.15) !important;
  1130. border-width: 2px;
  1131. background-color: var(--succes)!important;
  1132. box-shadow: 0 0 7px 0 var(--succes);
  1133. }
  1134. .checkbox-1ix_J3 {
  1135. border-color: rgba(0,0,0,.15) !important;
  1136. background-color: var(--backgroundColor)!important;
  1137. }
  1138. .usageInfo-2WQAwr {color: #fff!important;}
  1139. .bda-slist .bda-footer a {
  1140. color: var(--textLinks)!important;
  1141. font-weight: bold;
  1142. }
  1143. #bd-settingspane-container .ui-switch-item input {
  1144. background-color: var(--backgroundColor);
  1145. box-shadow: inset 0 0 10000px 0 rgba(200,200,200,.1);
  1146. border: 1px solid rgba(0,0,0,.5);
  1147. border-radius: 8px;
  1148. color: #e6e6e6;
  1149. padding: 4px 7px;
  1150. margin: 5px 0;
  1151. transition: all .2s ease;
  1152. }
  1153. #bd-settingspane-container .ui-switch-item input:focus {
  1154. border-color: var(--uiGradient1);
  1155. box-shadow:
  1156. 0 0 8px 0 var(--uiGradient1),
  1157. inset 0 0 10000px 0 rgba(200,200,200,.1);
  1158. }
  1159. .expandedInfo-3kfShd,
  1160. .accountBtn-2Nozo3 .accountBtnInner-sj5jLs {
  1161. background-color: var(--backgroundColor)!important;
  1162. box-shadow: inset 0 0 10000px 0 rgba(200,200,200,.1);
  1163. }
  1164. .card-FDVird:before,
  1165. .option-n0icdO,
  1166. .button-2CgfFz,
  1167. .css-181m2lf-menu {background-color: var(--backgroundColor)!important}
  1168. .wrapper-3jrx9n {border-color: var(--uiGradient1);}
  1169. .selected-mKYnfr.option-n0icdO {background-color: var(--uiGradient1)!important;}
  1170. .disabled-3I9jyo {color: #000!important}
  1171. /* == hljs == */
  1172. .markup-2BOw-j code,
  1173. .markup-2BOw-j code.inline {
  1174. background-color: var(--backgroundColor);
  1175. border-radius: 0 8px 8px 8px;
  1176. }
  1177. /* == text colors == */
  1178. .text-GwUZgS,
  1179. .title-2BxgL2 {
  1180. color: #fff!important;
  1181. text-shadow: 1px 1px 5px rgba(0,0,0,.95);
  1182. }
  1183. .activity-3mKQ-i {color: #d1d1d1!important;}
  1184. .theme-dark {
  1185. --text-normal: var(--textNormal);
  1186. --text-muted: var(--textMuted);
  1187. --text-link: var(--textLinks);
  1188. --channels-default: var(--channelsDefault);
  1189. --interactive-normal: var(--channelsNormal);
  1190. --interactive-hover: var(--channelsHover);
  1191. --interactive-active: var(--channelsActive);
  1192. --interactive-muted: var(--channelsMuted);
  1193. }
  1194. .video-1FfuMD,
  1195. .wrapper-29NfPK {background: transparent!important;}
  1196. .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r {
  1197. position: relative;
  1198. background-color: var(--backgroundColor)!important;
  1199. border: none!important;
  1200. box-shadow: 0 0 8px 1px rgba(0,0,0,.25);
  1201. }
  1202. .container-1giJp5,
  1203. .activityPanel-28dQGo {border: none!important;}
  1204. .scroller-zPkAnE,
  1205. .inner-1ilYF7,
  1206. .keyboardShortcutsModal-3piNz7,
  1207. .quickswitcher-3JagVE {
  1208. background-color: var(--backgroundColor)!important;
  1209. box-shadow: none!important;
  1210. }
  1211. .action-1lSjCi,
  1212. .akaBadge-1M-1Gw,
  1213. .resultFocused-3aIoYe,
  1214. .input-2VB9rf {
  1215. background-color: var(--backgroundColor)!important;
  1216. box-shadow: inset 0 0 100000px 0 rgba(150,150,150,.05)!important;
  1217. }
  1218. .keybindShortcut-1BD6Z1 span {
  1219. color: #fff!important;
  1220. -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,.6)!important;
  1221. box-shadow: inset 0 -4px 0 rgba(0,0,0,.6)!important;
  1222. border: 1px solid rgba(0,0,0,.45)!important;
  1223. background-color: var(--uiGradient1)!important;
  1224. }
RAW Paste Data