API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 30th, 2016
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 86.82 KB | None | 0 0
raw download clone embed print report
  1. //META{"name":"Discord_Reborn","description":"A cozy modern dark theme.","author":"Omniscient","version":"4.36"}*//
  2.  
  3. /* CSS Made By @Omniscient */
  4. /*
  5. _______/\\\\\________________________________________________________________________________________________________________________________
  6. _____/\\\///\\\______________________________________________________________________________________________________________________________
  7. ___/\\\/__\///\\\_____________________________________/\\\_____________________________/\\\________________________________________/\\\______
  8. __/\\\______\//\\\____/\\\\\__/\\\\\____/\\/\\\\\\___\///___/\\\\\\\\\\_____/\\\\\\\\_\///______/\\\\\\\\___/\\/\\\\\\__________/\\\\\\\\\\\_
  9. _\/\\\_______\/\\\__/\\\///\\\\\///\\\_\/\\\////\\\___/\\\_\/\\\//////____/\\\//////___/\\\___/\\\/////\\\_\/\\\////\\\________\////\\\////__
  10. _\//\\\______/\\\__\/\\\_\//\\\__\/\\\_\/\\\__\//\\\_\/\\\_\/\\\\\\\\\\__/\\\_________\/\\\__/\\\\\\\\\\\__\/\\\__\//\\\__________\/\\\______
  11. __\///\\\__/\\\____\/\\\__\/\\\__\/\\\_\/\\\___\/\\\_\/\\\_\////////\\\_\//\\\________\/\\\_\//\\///////___\/\\\___\/\\\__________\/\\\_/\\__
  12. ____\///\\\\\/_____\/\\\__\/\\\__\/\\\_\/\\\___\/\\\_\/\\\__/\\\\\\\\\\__\///\\\\\\\\_\/\\\__\//\\\\\\\\\\_\/\\\___\/\\\__/\\\____\//\\\\\___
  13. ______\/////_______\///___\///___\///__\///____\///__\///__\//////////_____\////////__\///____\//////////__\///____\///__\///______\/////____
  14. */
  15. /* EVERY LINK HAS TO BE HTTPS:// IN ORDER TO WORK IN DISCORD */
  16. /* IMPORTANT: Default Colors to change are
  17. Color : #057F95;
  18. Hover Color: #045B6B; */
  19. .DummyClass { background: #fff; }
  20.  
  21. .app { background-image: url("https://i.imgur.com/T05iuPq.jpg") !important; background-size: cover !important; }
  22.  
  23. .callout-backdrop { background-color: black !important; background-image: url("https://imgur.com/RG03PyX.png") !important; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; background-size: cover !important; -webkit-filter: brightness(75%); }
  24.  
  25. .Select-control { background: rgba(0, 0, 0, 0.62); border: #057F95; border-color: #057F95 #057F95 #057F95; }
  26.  
  27. .form .control-group .Select-control { border: 1px solid #057F95; }
  28.  
  29. .form .control-group .Select-control:hover { border: 1px solid #057F95; }
  30.  
  31. .form .control-group .is-focused:not(.is-open) > .Select-control { border: 1px solid #057F95; }
  32.  
  33. .slider-bar { background: rgba(0, 0, 0, 0.44); }
  34.  
  35. .slider-handle, .slider-handle span { background-color: #151515; }
  36.  
  37. .form .control-group .Select-control .Select-placeholder { color: #787A7B; }
  38.  
  39. .tab-bar.SIDE { overflow-y: scroll; background-color: rgba(0, 0, 0, 0.8); }
  40.  
  41. .tab-bar.SIDE::-webkit-scrollbar { width: 0px; }
  42.  
  43. .create-guild-container .join-server .link-container input { border: 1px solid #057F95; }
  44.  
  45. .create-guild-container .join-server .sample-link { color: #057F95; }
  46.  
  47. .theme-dark .chat > .content .messages .message-group a { color: #057F95; }
  48.  
  49. .need-help-modal .footer { background-color: rgba(0, 0, 0, 0.88); border-top: 1px solid #000; }
  50.  
  51. .need-help-modal .header { background-color: #057F95; }
  52.  
  53. .need-help-button:hover { border-color: #057F95; color: #057F95; }
  54.  
  55. .need-help-button:hover .btn-help { color: #057F95; }
  56.  
  57. .settings .settings-inner { background-color: rgba(0, 0, 0, 0.7) !important; }
  58.  
  59. .notification-settings-modal .mute-server .checkbox .label { color: #fff; }
  60.  
  61. .notification-settings-modal .settings-section { color: #fff; }
  62.  
  63. .channel-notification-settings .content label { color: #ABAAAA; }
  64.  
  65. .scroller-wrap .scroller { overflow-y: scroll; }
  66.  
  67. .channel-notification-settings { border-bottom: 1px solid #057F95; }
  68.  
  69. .notification-settings-modal .notification-settings-modal-channel-settings-list { box-shadow: 0 -1px #057F95; }
  70.  
  71. .chat .new-messages-bar button { border-radius: 5px; }
  72.  
  73. .chat .new-messages-bar button:last-child { color: #fff; }
  74.  
  75. .download-apps .platforms .platform.active .download-button, .change-log .changelog-fixed, .modal-new-user .steps-wrap .steps li.on, .modal-new-user .steps-wrap .steps li.on + .divider, .modal-new-user .steps-wrap .steps li.on:before, .chat .new-messages-bar:hover { background-color: #057F95; }
  76.  
  77. .radio-image .radio-inner span:after { opacity: 0; filter: alpha(opacity=0); content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid #057F95; border-radius: 3px; -webkit-transition: .3s ease; transition: .3s ease; left: -2px; top: -2px; }
  78.  
  79. .radio-image:hover span:after { opacity: .5; filter: alpha(opacity=50); border-color: #057F95; }
  80.  
  81. .guilds li.active .guild-inner, .guilds li:hover .guild-inner { border-radius: 15px; background: #057F95; animation: FColorPulse 2s infinite alternate; }
  82.  
  83. @-webkit-keyframes FColorPulse { 0% { background: #045B6B; }
  84. 100% { background: #057F95; } }
  85.  
  86. ld-channels ul .channel-voice-states li.speaking .avatar-small { background-color: #057F95; cursor: pointer; border: 2px solid #057F95; box-shadow: inset 0 0 0 2px #2e3136; }
  87.  
  88. #unsupported-browser li:hover { -webkit-transform: scale(1.04); transform: scale(1.04); border-color: #057F95; }
  89.  
  90. #unsupported-browser li:hover .browser { background-position-y: 100px; }
  91.  
  92. #unsupported-browser li:hover .btn { background-color: #057F95; color: #fff; border-color: #057F95; }
  93.  
  94. .mentioned .highlight:hover { color: #057F95; text-decoration: underline; }
  95.  
  96. .highlight:hover { cursor: pointer; color: #fff; background-color: #057F95; }
  97.  
  98. .tooltip.tooltip-left:after { position: absolute; left: 100%; top: 50%; border-left-color: #057F95; margin-top: -5px; }
  99.  
  100. .tooltip.tooltip-right:after { position: absolute; right: 100%; top: 50%; border-right-color: #057F95; margin-top: -5px; }
  101.  
  102. .tooltip { position: absolute; background-color: #057F95; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; font-weight: 600; font-size: 12px; color: #fff; z-index: 1002; max-width: 160px; box-sizing: border-box; word-wrap: break-word; padding: 5px 10px; }
  103.  
  104. .tooltip.tooltip-bottom:after { position: absolute; bottom: 100%; left: 50%; border-bottom-color: #057F95; margin-left: -5px; }
  105.  
  106. .tooltip.tooltip-top:after { position: absolute; top: 100%; left: 50%; margin-left: -5px; border-top-color: #057F95; }
  107.  
  108. .region-select-modal { background: rgba(0, 0, 0, 0.75); }
  109.  
  110. .region-select-modal .region-select-modal-header { color: #057F95; }
  111.  
  112. .region-select-modal .region-select-modal-option { background-color: rgba(0, 0, 0, 0.48); border: 2px solid rgba(0, 0, 0, 0.35); }
  113.  
  114. .region-select-modal .region-select-modal-option:hover { border-color: #057F95; }
  115.  
  116. .form .radio-group .radio { color: #fff; }
  117.  
  118. .need-help-modal .header input[type=text] { box-shadow: 0 2px 1px #057F95; }
  119.  
  120. .change-log { background: rgba(0, 0, 0, 0.75); }
  121.  
  122. .change-log .header { color: #045B6B; border-bottom: 1px solid #4C4C4C; }
  123.  
  124. .change-log ul li { color: #057F95; }
  125.  
  126. .change-log .footer { border-top: 2px solid #057F95; color: #045B6B; background-color: transparent; }
  127.  
  128. .download-apps .platforms .platform { border: 2px solid #045B6B; }
  129.  
  130. .download-apps .footer { color: #045B6B; }
  131.  
  132. .download-apps .footer a { color: #057F95; }
  133.  
  134. .download-apps .header { color: #057F95; }
  135.  
  136. .download-apps .platforms .platform.active { border-color: #057F95; }
  137.  
  138. .user-settings-modal a:hover { color: #045B6B; }
  139.  
  140. .private-channels .channel.selected:before { border-left: 4px solid #057F95; }
  141.  
  142. .private-channels .channel:hover:before { border-left: 4px solid #057F95; }
  143.  
  144. .user-settings-modal .voice-settings .reset-voice-settings { color: #057F95; }
  145.  
  146. .user-settings-modal .voice-settings .reset-voice-settings:hover { color: #045B6B; }
  147.  
  148. .modal-content .form-inner p { color: #E6E6E6; }
  149.  
  150. .form .form-header { background: rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.53); }
  151.  
  152. .popout header { background-color: #057F95; }
  153.  
  154. .popout section { background-color: rgba(0, 0, 0, 0.7); }
  155.  
  156. #voice-connection-popout hr { border: 1px solid #057F95; }
  157.  
  158. .small-popout-box { background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.28); }
  159.  
  160. .option-popout .btn-item:hover { color: #BBBBBB; }
  161.  
  162. .member-roles .member-role { background-color: #057F95; color: #ffffff; border: 1px solid #057F95; }
  163.  
  164. .user-popout .user-popout-options .btn { background-color: #057F95; border: 1px solid #057F95; }
  165.  
  166. .user-popout .user-popout-options .btn:hover { background-color: #045B6B; }
  167.  
  168. .chat .welcome-message h1 { color: #057F95; }
  169.  
  170. .channel-members .invite-btn { background-color: #057F95; }
  171.  
  172. .channel-members .invite-btn:hover { background-color: #045B6B; }
  173.  
  174. .instant-invite-popout hr { border: 1px solid #057F95; }
  175.  
  176. .instant-invite-popout a { color: #057F95; }
  177.  
  178. .instant-invite-popout a:hover { color: #045B6B; }
  179.  
  180. .clipboard-input-inner input::selection { background: #057F95; }
  181.  
  182. .clipboard-input-inner button { border-left: 1px solid rgba(0, 0, 0, 0.69); background-color: rgba(0, 0, 0, 0.83); }
  183.  
  184. .clipboard-input-inner input { color: #045B6B; background: rgba(0, 0, 0, 0.6); }
  185.  
  186. .clipboard-input-inner { background: transparent; border: 1px solid transparent; }
  187.  
  188. .clipboard-input-inner button:first-of-type:before { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.79)); }
  189.  
  190. ::selection { color: #fff; background: #057F95; }
  191.  
  192. .theme-dark .chat .welcome-message a { color: #057F95; }
  193.  
  194. #settings-roles .roles li.selected { background: none; }
  195.  
  196. #permissions ul li { color: #F4F4F4; }
  197.  
  198. #permissions .permission-actions > div { background-color: #2E3136; border: 2px solid #2A2C31; }
  199.  
  200. #permissions .permission-actions > div.PASSTHROUGH:hover { border: #51555F; }
  201.  
  202. #settings-roles .roles header { border-bottom: 1px solid rgba(0, 0, 0, 0.47); }
  203.  
  204. #settings-roles .roles { border-right: 1px solid #057F95; }
  205.  
  206. .btn-help:hover { background: #057F95; }
  207.  
  208. #permissions .permissions-helpdesk { color: #057F95; }
  209.  
  210. #permissions .permissions-helpdesk:hover { color: #045B6B; }
  211.  
  212. #settings-roles .roles li.selected:before { background-color: #057F95; }
  213.  
  214. #settings-roles .roles li:hover:before { background-color: #045B6B; }
  215.  
  216. .instant-invites .instant-invites-header { border-bottom: 2px solid #057F95; color: #E9E9E9; }
  217.  
  218. .instant-invites .instant-invite-buttons .btn { background: #057F95; }
  219.  
  220. .instant-invites .instant-invite-buttons .btn.btn-danger { border: 1px solid #057F95; color: #fff; }
  221.  
  222. .instant-invites .instant-invite-buttons .btn.btn-danger:hover { background: #D22B3A; border-color: #D22B3A; }
  223.  
  224. .instant-invites .instant-invites-list .instant-invite .member { color: #C3C3C3; }
  225.  
  226. #permissions .permission-actions.disabled > div { border: #565963; background: #565963; position: relative; }
  227.  
  228. .checkbox .checkbox-inner span { background: rgba(0, 0, 0, 0.2); transition: .2s linear all !important; }
  229.  
  230. .form .control-group .help-text { color: #B6BBC1; }
  231.  
  232. .avatar-uploader a { color: #057F95; }
  233.  
  234. .avatar-uploader a:hover { color: #045B6B; }
  235.  
  236. .instant-invites .instant-invites-list .instant-invite .show-channel .channel { color: #D6D6D6; text-transform: capitalize; }
  237.  
  238. .instant-invites .instant-invites-list .instant-invite + .instant-invite { border-top: 1px solid #057F95; }
  239.  
  240. .form .control-groups.control-separator { border-top: 1px solid #057F95; }
  241.  
  242. .guild-settings-modal-integrations .guild-settings-modal-integrations-header { color: #CCCCCC; border-bottom: 1px solid rgba(0, 0, 0, 0.47); box-shadow: none; }
  243.  
  244. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p { color: gainsboro; }
  245.  
  246. .guild-settings-modal-integrations .guild-settings-modal-integrations-body.no-integrations p a { color: #F40000; }
  247.  
  248. .guild-settings-modal-members .guild-settings-modal-list .member .member-username { color: #CECECE; }
  249.  
  250. .guild-settings-modal-members .guild-settings-modal-members-header { border-bottom: 1px solid rgba(0, 0, 0, 0.36); }
  251.  
  252. #autocomplete-popout .empty:hover { background-color: #2E3136; }
  253.  
  254. #autocomplete-popout .empty h4 { color: #057F95; }
  255.  
  256. #autocomplete-popout h3 { color: #ECECEC; }
  257.  
  258. .popout.popout-bottom header:before { border-bottom-color: #057F95; }
  259.  
  260. .guild-settings-modal .guild-settings-modal-search { border: 1px solid rgba(0, 0, 0, 0.4); }
  261.  
  262. .guild-settings-modal .guild-settings-modal-search:focus { border: 1px solid #24272b; }
  263.  
  264. .guild-settings-modal-members .guild-settings-modal-members-footer a { color: #057F95; }
  265.  
  266. .guild-settings-modal-members .guild-settings-modal-members-footer a:hover { color: #045B6B; }
  267.  
  268. .guild-settings-modal-members .guild-settings-modal-members-footer { border-top: 1px solid rgba(0, 0, 0, 0.36); }
  269.  
  270. #settings-roles .roles li:hover { background: none; }
  271.  
  272. .form hr { border-bottom: 1px solid #057F95; }
  273.  
  274. .user-popout .user-popout-options .btn.btn-server { color: #fff; background-color: #057F95; border-color: #057F95; }
  275.  
  276. .user-popout .user-popout-options .btn.btn-server:hover { border-color: #057F95; background-color: #045B6B; }
  277.  
  278. .member-roles .manipulate:hover { border-color: #057F95; background-color: #045B6B; }
  279.  
  280. #user-profile-modal header { background-image: none; background-color: #057F95; }
  281.  
  282. #user-profile-modal .scroller { background: rgba(0, 0, 0, 0.83) !important; }
  283.  
  284. #user-profile-modal .friends .friend:hover { background: #26292D; color: #ADADAD; }
  285.  
  286. .need-help-modal a:hover { color: #045B6B; }
  287.  
  288. #user-profile-modal footer { background: rgba(0, 0, 0, 0.83); border-top: 1px solid rgba(0, 0, 0, 0.8); }
  289.  
  290. #user-profile-modal footer button { color: #057F95; }
  291.  
  292. .avatar-large { width: 40px; height: 40px; background-size: 40px 40px !important; left: 8px; }
  293.  
  294. .channel-textarea { margin: 10px 0 30px; }
  295.  
  296. .theme-dark .chat form { border-top: none; }
  297.  
  298. .guilds li.active .guild-inner:before { background: #057F95; }
  299.  
  300. .guilds li.unread .guild-inner:before { background: #057F95; }
  301.  
  302. .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before { background: #045B6B; }
  303.  
  304. .theme-dark .hljs { border: 1px solid transparent; border-radius: 4px; }
  305.  
  306. .theme-dark .chat > .content .messages .divider:not(.red) div { background: transparent; }
  307.  
  308. .theme-dark .chat > .content .messages .divider span { background: transparent; }
  309.  
  310. .chat .divider > span { color: #F1F1F1; }
  311.  
  312. .message-group .comment .markup pre { background: rgba(0, 0, 0, 0.45); border: 2px solid #29363E; }
  313.  
  314. .message-group .comment .markup pre code { background: transparent; color: #D4D4D4; }
  315.  
  316. .theme-dark .chat .title-wrap .topic a { color: #057F95; }
  317.  
  318. .guilds .friends-icon:hover { color: transparent; background-color: #057F95; }
  319.  
  320. #autocomplete-popout .row.selected a, #autocomplete-popout .row:hover a { color: #D4D4D5; }
  321.  
  322. #autocomplete-popout .row.selected, #autocomplete-popout .row:hover { background: rgba(0, 0, 0, 0.85); }
  323.  
  324. .download-apps .platforms .platform.active p { color: #057F95; }
  325.  
  326. .download-apps .platforms .platform .icon.apple.active { background-image: url(https://discordapp.com/assets/57568e1cfc37c81cf56db9498b4f128a.svg); }
  327.  
  328. .download-apps .platforms .platform .icon.windows.active { background-image: url(https://discordapp.com/assets/d6221c5e88f5cb89f125868c077e9859.svg); }
  329.  
  330. .download-apps .platforms .platform .icon.ios.active { background-image: url(https://discordapp.com/assets/0c460e9b848f5c4cc964ae9c62c0f9b9.svg); }
  331.  
  332. .download-apps .platforms .platform .icon.android.active { background-image: url(https://discordapp.com/assets/d73fd4014c02b360d9529a720ecb7c44.svg); }
  333.  
  334. .create-guild-container { background-color: transparent; }
  335.  
  336. .form .form-inner { background-image: Justincase("https://i.imgur.com/KCLIPt4.gif"); background-size: 40px 40px; background-repeat: no-repeat; background-position: 50% 74%; }
  337.  
  338. .need-help-button { visibility: hidden; }
  339.  
  340. .guilds-add { color: transparent !important; background-image: url("https://i.imgur.com/1MfzLoF.png") !important; background-size: 20px 20px !important; background-repeat: no-repeat !important; background-position: 9px 9px !important; background-color: rgba(21, 21, 21, 0.41) !important; opacity: 0.7 !important; }
  341.  
  342. .slider-handle span { border: 1px solid #057F95; }
  343.  
  344. .slider-handle span:after, .slider-handle span:before { content: none; }
  345.  
  346. .popout section:after, .popout section:before { content: none; }
  347.  
  348. .chat .welcome-message .item-container .icon.exclamation { background-image: url("https://i.imgur.com/DYPXksE.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 29px 13px; }
  349.  
  350. .chat .welcome-message .item-container .icon.share { background-image: url("https://i.imgur.com/DYPXksE.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 29px 13px; }
  351.  
  352. .chat .welcome-message .item-container .icon.apps { background-image: url("https://i.imgur.com/DYPXksE.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 29px 13px; }
  353.  
  354. .chat .welcome-message .item-container .icon.mobile { background-image: url("https://i.imgur.com/DYPXksE.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 29px 13px; }
  355.  
  356. .chat .welcome-message .item-container .icon.twitter { background-image: url("https://i.imgur.com/DYPXksE.png"); background-repeat: no-repeat; background-size: 20px 20px; background-position: 29px 13px; }
  357.  
  358. .user-settings-modal button.preview-sound:before { background-image: url("https://i.imgur.com/E8gsoBs.png"); }
  359.  
  360. .chat .new-messages-bar { background-color: #057F95; opacity: 0.8; }
  361.  
  362. .account { background-repeat: no-repeat; background-position: 12px 11px; }
  363.  
  364. .user-settings-modal-games { background: transparent; border-top: 1px solid rgba(0, 0, 0, 0.4); color: #E2E2E3; }
  365.  
  366. .user-settings-modal-games .games-table .games-row .item-game .last-played { color: #E2E2E3; }
  367.  
  368. .user-settings-modal-games .games-table .games-row .item-game .game-input { color: #E2E2E3; }
  369.  
  370. .user-settings-modal-games .games-table .games-row .item-game { border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
  371.  
  372. .user-settings-modal-games .games-table .games-row .item-overlay { border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
  373.  
  374. .now-playing { background: #057F95; padding: 22px; }
  375.  
  376. .checkbox .checkbox-inner.alt input[type=checkbox] + span { background: #2E3136; border-color: #8E8E8E; }
  377.  
  378. .checkbox .checkbox-inner.alt input[type=checkbox]:checked + span:after { border-color: #43B581; }
  379.  
  380. .sensitivity .slider .slider-bar-auto { background-color: rgba(0, 0, 0, 0.44); }
  381.  
  382. .user-settings-modal-keybinds .user-settings-modal-keybinds-header { border-bottom: 1px solid rgba(0, 0, 0, 0.44); }
  383.  
  384. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .btn { background: rgba(0, 0, 0, 0.57); border: 2px solid rgba(0, 0, 0, 0.23); background-repeat: no-repeat; background-position: 50%; }
  385.  
  386. .alert.form .form-inner .btn { border: 1px solid #045B6B; }
  387.  
  388. .alert.form .form-inner .cancel { border-color: #99aab5 !important; }
  389.  
  390. .user-settings-modal .account-warning { border: 1px solid #B54343; background: #B54343; color: #F5FBF9; }
  391.  
  392. .user-settings-modal-games .games-table .games-row .item-game .icon { background-image: url(https://i.imgur.com/DYCx6qB.png); background-repeat: no-repeat; background-position: -13px -14px; background-size: 42px; }
  393.  
  394. .theme-dark .chat > .content .messages .divider:not(.red) span { opacity: .9; }
  395.  
  396. .links:after { content: "Omniscient"; color: #8C8F94; margin-left: 6px; font-weight: bold; }
  397.  
  398. .links li + li:after { content: '\2022'; color: #535559; margin-left: 6px; }
  399.  
  400. .message-group h2 strong { color: #aaaba7; }
  401.  
  402. #emote-menu, #tc-settings-panel, .tc-switch { border: 1px solid #2B2B2B; }
  403.  
  404. .emote-container:hover { background: #057F95; }
  405.  
  406. .spinner-wandering-cubes .spinner-item { background-color: #057F95; border-radius: 10px; }
  407.  
  408. #bd-ps-container { border: 1px solid transparent; border-radius: 4px; opacity: 0.9; }
  409.  
  410. #bd-ps-header { background: #1E2124; border-bottom: 1px solid #24272B; }
  411.  
  412. #bd-ps-body table tr { border-bottom: 1px solid #2E3136 !important; background-color: none; }
  413.  
  414. #bd-ps-body table th { background-color: #25272B; }
  415.  
  416. textarea { background: transparent !important; }
  417.  
  418. .help-container { display: none; }
  419.  
  420. .links { border-top: 0px solid transparent; }
  421.  
  422. .links li a { color: #8C8F94; }
  423.  
  424. .links, .chat, .typing, .content, .guild-channels, .private-channels, .guild-header header, .divider-red span, .messages-wrapper, #voice-connection { background: transparent !important; }
  425.  
  426. .channels-wrap { background: rgba(0, 0, 0, 0.75); width: 220px; }
  427.  
  428. .content .flex-spacer { background: rgba(0, 0, 0, 0.85); }
  429.  
  430. .channel-members { background: rgba(0, 0, 0, 0.9) !important; }
  431.  
  432. .guilds-wrapper { box-shadow: inset -10px 0px 20px -10px rgba(0, 0, 0, 0.2); }
  433.  
  434. .guild-header ul { background: rgba(0, 0, 0, 0.52) !important; transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important; padding-top: 100px; top: -56px; }
  435.  
  436. .guilds-add { opacity: 0.5; }
  437.  
  438. .guilds-wrapper { border-right: none; background-color: transparent; }
  439.  
  440. .guild-header header span { margin-left: -5px; }
  441.  
  442. .guild-header header { box-shadow: none !important; color: #ddd; }
  443.  
  444. .guild-channels header h2, .guild-channels ul .channel a { color: #fff; }
  445.  
  446. .guilds { padding: 18px 20px 85px 20px; background: rgba(0, 0, 0, 0.6) !important; }
  447.  
  448. .guilds-add { font-size: 30px; background: #000; }
  449.  
  450. .guilds .friends-online { margin-left: -5px; }
  451.  
  452. .guilds li .guild-inner { background: rgba(21, 21, 21, 0.41) !important; }
  453.  
  454. .guilds li .guild-inner a, .guilds li, .guilds li .avatar-small { width: 40px; height: 40px; }
  455.  
  456. .guilds li .avatar-small { width: 40px; height: 40px; background-size: 40px 40px; }
  457.  
  458. .guilds li .guild-inner { line-height: 40px; }
  459.  
  460. .guilds .friends-icon { width: 40px; height: 40px; background-size: 25px 19px; }
  461.  
  462. .guilds li.audio .guild-inner:after { background-size: 12px; background-color: rgba(0, 0, 0, 0.8); }
  463.  
  464. .guilds-separator:after { background: rgba(28, 28, 28, 0.52) !important; }
  465.  
  466. .guilds li .guild-inner:before { left: -26px; }
  467.  
  468. .guild-channels header h2, .private-channels header { opacity: .6; }
  469.  
  470. .private-channels .search-bar { background: rgba(10, 13, 16, 0) !important; }
  471.  
  472. .private-channels .search-bar input { background: rgba(0, 0, 0, 0.4) !important; }
  473.  
  474. .search-bar-clear:before { background: #000; }
  475.  
  476. .search-bar-clear { background: #fff; }
  477.  
  478. .guild-channels ul .channel.selected, .private-channels .channel.selected, .private-channels .search-result.selected, .private-channels .search-result:hover { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, rgba(46, 49, 54, 0)) !important; }
  479.  
  480. .guild-channels ul .channel:not(.selected):hover, .private-channels .channel:not(.selected):hover { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, rgba(46, 49, 54, 0)) !important; }
  481.  
  482. .btn-hamburger { margin-right: -25px; }
  483.  
  484. .btn-hamburger span { background: #fff; }
  485.  
  486. .account { padding: 0 4px !important; background: transparent; height: 77px; border: 0px solid transparent; }
  487.  
  488. .account .status { border: 2px solid black; }
  489.  
  490. .account .btn { background: transparent; box-shadow: none !important; }
  491.  
  492. .account .btn:active { background: rgba(0, 0, 0, 0.26); }
  493.  
  494. .account .btn-deafen, .account .btn-mute { border-right: none; }
  495.  
  496. #voice-connection { border-top: none !important; padding: 15px 20px 15px 18px !important; }
  497.  
  498. #voice-connection .btn { background: rgba(0, 0, 0, 0.45); box-shadow: none !important; }
  499.  
  500. #voice-connection .btn:active { background: rgba(0, 0, 0, 0.6); }
  501.  
  502. .account .btn-deafen, .account .btn-settings { box-shadow: none !important; }
  503.  
  504. .account .btn-group, #voice-connection .btn-group { border: none; }
  505.  
  506. .title-wrap { border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important; background: rgba(0, 0, 0, 0.88) !important; }
  507.  
  508. .chat .divider:not(.divider-red) > div { background: rgba(255, 255, 255, 0.2) !important; }
  509.  
  510. .chat .divider > span { background: rgba(255, 255, 255, 0.2) !important; font-size: 12px; text-transform: uppercase; margin: 10px 0px; border-radius: 3px; opacity: 1; padding: 5px 15px; width: 100%; text-align: center; }
  511.  
  512. .chat .divider.divider-red > span { background: rgba(240, 71, 71, 0.6) !important; color: rgba(255, 255, 255, 0.8) !important; }
  513.  
  514. .chat .divider:not(.divider-red) > span { color: white !important; }
  515.  
  516. .chat .divider > div { display: none; }
  517.  
  518. .chat .new-messages-bar:hover { background-color: #045B6B; }
  519.  
  520. .chat-empty { background: rgba(20, 23, 27, 0.95); }
  521.  
  522. .chat > .title-wrap > .topic { font-size: 12px; margin-top: 5px; color: #AFAFAF !important; }
  523.  
  524. .chat > .content .messages .message-group:not(.has-divider) { border-bottom-color: rgba(255, 255, 255, 0.04) !important; }
  525.  
  526. .chat > .content .messages .message-group .markup .highlight { color: #ddd !important; padding: 1px 4px; border-radius: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; line-height: 27px; }
  527.  
  528. .chat > .content .messages .message-group .markup .highlight:hover { color: #fff !important; }
  529.  
  530. .chat > .content .messages .message-group .markup { line-height: 16px; }
  531.  
  532. .chat > .content .messages .message-group h2 .user-name { color: rgba(255, 255, 255, 0.8); }
  533.  
  534. .chat > .content .messages .message-group h2 span { color: rgba(255, 255, 255, 0.2) !important; }
  535.  
  536. .chat > .content .messages .message-group .markup pre { background: transparent !important; border-color: rgba(255, 255, 255, 0.1) !important; }
  537.  
  538. .chat > .content .messages .message-group .markup pre code.hljs { background: rgba(0, 0, 0, 0.42) !important; color: rgba(255, 255, 255, 0.7) !important; padding: 5px !important; }
  539.  
  540. .chat > .content .messages .message-group .markup code.inline { background: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.7) !important; padding: 0.3em 0.6em; }
  541.  
  542. .channel-textarea-upload { border-right-color: rgba(255, 255, 255, 0.1) !important; }
  543.  
  544. .channel-textarea-inner { border: 2px solid rgba(255, 255, 255, 0.1) !important; background: rgba(0, 0, 0, 0.6) !important; }
  545.  
  546. .typing { font-size: 11px; }
  547.  
  548. .spoiler span { display: none; }
  549.  
  550. .spoiler:before { padding-top: 7px; padding-bottom: 3px; min-height: 18px; background: none; }
  551.  
  552. #twitchcord-button { background-size: 24px; background-position: 20px; background-color: transparent; }
  553.  
  554. .message-group.compact .timestamp { position: relative; top: -4px; }
  555.  
  556. .message-group.compact .message .markup .user-name { margin-right: 10px; }
  557.  
  558. .add-friend-popout .btn:disabled { opacity: 0.4; }
  559.  
  560. .private-channels .channel.btn-friends .badge { margin-right: 10px; }
  561.  
  562. #friends { background: transparent !important; }
  563.  
  564. .friends-header { background: rgba(0, 0, 0, 0.88) !important; }
  565.  
  566. .friends-table { background: rgba(0, 0, 0, 0.85) !important; margin-top: 0 !important; }
  567.  
  568. .friends-table .friends-table-body { padding-top: 20px !important; }
  569.  
  570. .friends-table .friends-row:hover { background: rgba(0, 0, 0, 0.35) !important; }
  571.  
  572. .channel-members .member:hover { background: rgba(255, 255, 255, 0.07) !important; }
  573.  
  574. .channel-members .member .member-username { font-size: 14px; }
  575.  
  576. .channel-members .avatar-small .status { border-color: rgba(0, 0, 0, 0.7) !important; }
  577.  
  578. .user-popout .user-popout-options .btn:hover { border: 1px solid #057F95; }
  579.  
  580. .tooltip { color: #fff; }
  581.  
  582. .bd-minimal .guilds { padding-left: 10px !important; }
  583.  
  584. .bd-minimal .guilds .friends-icon { background-size: 60%; }
  585.  
  586. .bd-minimal .guilds li .guild-inner:before { height: 25px; border-radius: 5px; margin-top: -13px; }
  587.  
  588. .bd-minimal .guilds li.unread .guild-inner:before { width: 10px; height: 10px; margin-top: -5px; left: -16px; }
  589.  
  590. .bd-minimal .guilds li.active .guild-inner:before { left: -18px; border-radius: 5px; height: 25px; margin-top: -13px; }
  591.  
  592. .bd-minimal .guilds li, .bd-minimal .guilds li .avatar-small, .bd-minimal .guilds li .guild-inner, .bd-minimal .guilds li .guild-inner a, .bd-minimal .guilds .friends-icon { width: 25px; height: 25px; line-height: 25px; }
  593.  
  594. .bd-minimal .guilds li .avatar-small, #bd-pub-button { font-size: 9px !important; text-transform: uppercase; }
  595.  
  596. .bd-minimal .chat > .title-wrap > .title { font-size: 16px; }
  597.  
  598. .bd-minimal .theme-dark .comment { border-left: none !important; padding-left: 10px; }
  599.  
  600. .bd-minimal .message-group { padding: 10px 5px; }
  601.  
  602. .bd-minimal .guild-channels ul .channel-text .channel-name { padding-left: 5px; }
  603.  
  604. .bd-minimal .avatar-large { border-radius: 100%; }
  605.  
  606. .bd-minimal .message-group .edit-message .edit-container-outer { margin-left: 50px; }
  607.  
  608. .bd-minimal .message-group .edit-message .edit-container-inner { margin-left: 10px; }
  609.  
  610. .bd-minimal .channel-members h2 { margin-top: 20px; margin-bottom: 3px; padding-left: 20px; }
  611.  
  612. .bd-minimal .channel-members h2:first-of-type { margin-top: 0px; margin-bottom: 3px; }
  613.  
  614. .bd-minimal .channel-members .member { padding: 5px 15px 8px 20px; }
  615.  
  616. .bd-minimal .guild-header header span { margin-left: -13px; font-size: 14px; }
  617.  
  618. .bd-minimal .guild-channels ul .channel-text.unread:not(.selected):not(.channel-muted):before { top: 9px; width: 10px; height: 10px; }
  619.  
  620. .bd-minimal .guild-channels h2 { margin-left: 10px; }
  621.  
  622. .bd-minimal #voice-connection { width: 176px; margin-left: -46px; }
  623.  
  624. .bd-minimal .account { width: 176px; margin-left: -46px; }
  625.  
  626. .bd-minimal .account .avatar-small { display: block !important; }
  627.  
  628. .bd-minimal .account .username { display: none; }
  629.  
  630. .bd-minimal .account .btn-group { margin-left: 10px; }
  631.  
  632. .bd-minimal .account .btn-group .btn { width: 30px; }
  633.  
  634. .settings .settings-header { background: none !important; }
  635.  
  636. .channel-notification-settings .content .content-inner { background: transparent !important; }
  637.  
  638. .guild-channels ul .channel-text:hover:not(.unread):before { border-left: 4px solid #057F95; }
  639.  
  640. .guild-channels ul .channel-text.selected:before { border-left: 4px solid #057F95; }
  641.  
  642. .guilds li.active .guild-inner, .guilds li:hover .guild-inner { background: #057F95 !important; }
  643.  
  644. .theme-dark .chat > .content:first-child .scroller-wrap::-webkit-scrollbar-thumb { background-color: #057F95; }
  645.  
  646. .create-guild-container .create-or-join .form-inner { background-color: rgba(0, 0, 0, 0.8); }
  647.  
  648. .create-guild-container .action { background: rgba(0, 0, 0, 0.58); }
  649.  
  650. .create-guild-container .create-or-join .actions .or { color: #000; -webkit-filter: invert(100%); }
  651.  
  652. .form .form-inner { background-color: rgba(0, 0, 0, 0.8); }
  653.  
  654. .form header { color: #057F95; }
  655.  
  656. .form .control-group input[type=email], .form .control-group input[type=password], .form .control-group input[type=text], .form .control-group textarea { background: rgba(0, 0, 0, 0.69); color: #D6D6D6; border-bottom: 0px solid #000000; border-radius: 3px; padding: 0px 0px 0px 5px; }
  657.  
  658. .form .control-group input[type=email]:focus, .form .control-group input[type=password]:focus, .form .control-group input[type=text]:focus, .form .control-group textarea:focus { border-bottom: 2px solid #057F95; }
  659.  
  660. .region-select { background: transparent; }
  661.  
  662. .region-select .region-select-inner { background: rgba(0, 0, 0, 0.45); border: 1px solid rgba(0, 0, 0, 0.24); }
  663.  
  664. .region-select button { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.28); color: #057F95; }
  665.  
  666. .region-select:hover .region-select-inner, .region-select:hover button { border-color: #057F95; }
  667.  
  668. .region-select:hover button { background-color: #057F95; }
  669.  
  670. .create-guild-container h5 { color: #057F95; }
  671.  
  672. .avatar-uploader .avatar-uploader-inner { background-color: #057F95; border: 5px solid #045B6B; }
  673.  
  674. .form .form-actions { background-color: rgba(0, 0, 0, 0.85); border-top: 1px solid rgba(0, 0, 0, 0.53); }
  675.  
  676. .form .btn-default { background-color: rgba(0, 0, 0, 0.77); padding: 10px 0; width: 75px; height: 35.5px; border-radius: 3px; border-bottom: none; }
  677.  
  678. .form .btn-primary { background-color: #057F95; }
  679.  
  680. .create-guild-container .action.create .action-header { color: #057F95; }
  681.  
  682. .create-guild-container .action:hover.create .btn { background-color: #045B6B; }
  683.  
  684. .form .btn-primary:hover { background-color: #045B6B; }
  685.  
  686. .scroller-wrap .scroller::-webkit-scrollbar-thumb { background-color: #057F95 !important; border: 3px solid rgba(211, 5, 5, 0) !important; }
  687.  
  688. .scroller-wrap .scroller::-webkit-scrollbar-track-piece { background-color: #057F95 !important; border: 3px solid rgba(211, 5, 5, 0) !important; }
  689.  
  690. .tab-bar.SIDE .tab-bar-item:before { border-left: none; }
  691.  
  692. a:link { color: #057F95; }
  693.  
  694. .user-settings-modal a { color: #057F95; }
  695.  
  696. .user-settings-modal .settings-wrapper, .user-settings-modal .voice-settings { background: none; }
  697.  
  698. .settings .settings-actions { background-color: rgba(0, 0, 0, 0.76); border-top: 2px solid #057F95; }
  699.  
  700. .checkbox .checkbox-inner + span { color: #fff; }
  701.  
  702. .highlight { color: #057F95; background: rgba(0, 0, 0, 0.51); border-radius: 3px; transition: .3s all ease-in-out; }
  703.  
  704. .user-settings-modal-connections .user-settings-modal-accounts-list .connect-container .name { color: #fff; }
  705.  
  706. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations { color: rgba(222, 222, 222, 0.59); background-color: rgba(0, 0, 0, 0.38); }
  707.  
  708. .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations { border: 2px solid rgba(0, 0, 0, 0.45); border-top: transparent; }
  709.  
  710. .user-settings-modal-connections .user-settings-modal-connections-list { box-shadow: 0 -1px rgba(0, 0, 0, 0.37); }
  711.  
  712. .tab-bar.TOP .tab-bar-item.selected { border-bottom: 2px solid #057F95; color: #057F95; }
  713.  
  714. .checkbox .checkbox-inner input[type=checkbox]:checked + span { background-color: #057F95 !important; border-color: #057F95 !important; transition: .2s ease-in-out all !important; }
  715.  
  716. .radio .radio-inner span:after { background: #057F95; }
  717.  
  718. .slider-bar-fill { background: #057F95; }
  719.  
  720. .slider-handle { border: 1px solid #057F95; }
  721.  
  722. .radio .radio-inner { background: rgba(0, 0, 0, 0.64); border: 2px solid #057F95; }
  723.  
  724. .tab-bar.TOP { border-bottom: 1px solid #057F95; }
  725.  
  726. #bd-ps-body table tr:nth-child(odd):hover { background-color: #057F95; }
  727.  
  728. .guild-settings-modal-members .member-buttons .btn { background: #057F95; border: 1px solid #057F95; color: #EFEFEF; }
  729.  
  730. .guild-settings-modal-members .member-buttons .btn.btn-danger:hover { background: #045B6B; }
  731.  
  732. .guild-settings-modal-members .member-buttons .btn.btn-danger { border: 1px solid #045B6B; color: #FFFFFF; }
  733.  
  734. .guild-settings-modal-members .guild-settings-modal-list .member + .member { border-top: 1px solid rgba(0, 0, 0, 0.45); }
  735.  
  736. .member-roles .member-role .member-role-remove { background: url(https://i.imgur.com/O2TX2bn.png) 50% no-repeat; width: 8px; height: 12px; background-size: 8px; }
  737.  
  738. .member-roles .member-role .member-role-add { background: url(https://i.imgur.com/1MfzLoF.png) 50% no-repeat; width: 8px; height: 12px; background-size: 10px; }
  739.  
  740. .member-roles .member-role:hover { background-color: #045B6B; }
  741.  
  742. .guilds-add:hover { border-color: #2ed172; color: transparent; opacity: 1.0; -webkit-animation: color_change 1s infinite alternate; -moz-animation: color_change 1s infinite alternate; -ms-animation: color_change 1s infinite alternate; -o-animation: color_change 1s infinite alternate; animation: color_change 1s infinite alternate; }
  743.  
  744. @-webkit-keyframes color_change { from { border-color: #535559; }
  745. to { border-color: green; } }
  746.  
  747. @-moz-keyframes color_change { from { border-color: #535559; }
  748. to { border-color: green; } }
  749.  
  750. @-o-keyframes color_change { from { border-color: #535559; }
  751. to { border-color: green; } }
  752.  
  753. @keyframes color_change { from { border-color: #535559; }
  754. to { border-color: green; } }
  755.  
  756. .channel-members h2 { color: #057F95 !important; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: bold; padding: 4px 58px; background-color: rgba(0, 0, 0, 0.48); border: 1px solid; border-color: transparent; border-radius: 3px; width: 90px; margin-left: 15px; text-align: center; }
  757.  
  758. .private-channels .search-result.selected:before, .private-channels .search-result:hover:before { border-left: 4px solid #045B6B; }
  759.  
  760. .message-group .edit-message .channel-textarea-inner { border-color: #057F95; }
  761.  
  762. .channel-members .member .member-game strong { color: #057F95; }
  763.  
  764. .spoiler { Background-color: rgba(125, 58, 114, 0.28); border: 1px solid; border-color: transparent; border-radius: 6px; cursor: pointer; }
  765.  
  766. #bd-ps-body table tr:hover { background-color: #057F95; }
  767.  
  768. @keyframes swing { 0% { transform: rotate(0deg);
  769. -webkit-transform: rotate(0deg);
  770. -moz-transform: rotate(0deg);
  771. -o-transform: rotate(0deg);
  772. -ms-transform: rotate(0deg); }
  773. 25% { transform: rotate(-30deg);
  774. -webkit-transform: rotate(-30deg);
  775. -moz-transform: rotate(-30deg);
  776. -o-transform: rotate(-30deg);
  777. -ms-transform: rotate(-30deg); }
  778. 50% { transform: rotate(0deg);
  779. -webkit-transform: rotate(0deg);
  780. -moz-transform: rotate(0deg);
  781. -o-transform: rotate(0deg);
  782. -ms-transform: rotate(0deg); }
  783. 75% { transform: rotate(30deg);
  784. -webkit-transform: rotate(30deg);
  785. -moz-transform: rotate(30deg);
  786. -o-transform: rotate(30deg);
  787. -ms-transform: rotate(30deg); }
  788. 100% { transform: rotate(0deg);
  789. -webkit-transform: rotate(0deg);
  790. -moz-transform: rotate(0deg);
  791. -o-transform: rotate(0deg);
  792. -ms-transform: rotate(0deg); } }
  793.  
  794. @-webkit-keyframes swing { 0% { transform: rotate(0deg);
  795. -webkit-transform: rotate(0deg);
  796. -moz-transform: rotate(0deg);
  797. -o-transform: rotate(0deg);
  798. -ms-transform: rotate(0deg); }
  799. 25% { transform: rotate(-30deg);
  800. -webkit-transform: rotate(-30deg);
  801. -moz-transform: rotate(-30deg);
  802. -o-transform: rotate(-30deg);
  803. -ms-transform: rotate(-30deg); }
  804. 50% { transform: rotate(0deg);
  805. -webkit-transform: rotate(0deg);
  806. -moz-transform: rotate(0deg);
  807. -o-transform: rotate(0deg);
  808. -ms-transform: rotate(0deg); }
  809. 75% { transform: rotate(30deg);
  810. -webkit-transform: rotate(30deg);
  811. -moz-transform: rotate(30deg);
  812. -o-transform: rotate(30deg);
  813. -ms-transform: rotate(30deg); }
  814. 100% { transform: rotate(0deg);
  815. -webkit-transform: rotate(0deg);
  816. -moz-transform: rotate(0deg);
  817. -o-transform: rotate(0deg);
  818. -ms-transform: rotate(0deg); } }
  819.  
  820. @keyframes swing1 { 0% { left: -15px;
  821. right: 0; }
  822. 25% { left: -100px;
  823. right: 0; }
  824. 50% { left: -15px;
  825. right: 0; }
  826. 75% { left: 0;
  827. right: -100px; }
  828. 100% { left: -15px;
  829. right: 0; } }
  830.  
  831. @-webkit-keyframes swing1 { 0% { left: -15px;
  832. right: 0; }
  833. 25% { left: -100px;
  834. right: 0; }
  835. 50% { left: -15px;
  836. right: 0; }
  837. 75% { left: 0;
  838. right: -100px; }
  839. 100% { left: -15px;
  840. right: 0; } }
  841.  
  842. .header-toolbar button[data-reactid=".0.1.1.0.2.0.4.0:0"]:hover { animation: swing 4s infinite linear; -webkit-animation: swing 4s infinite linear; }
  843.  
  844. @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg);
  845. transform: rotate(0deg); }
  846. 100% { -webkit-transform: rotate(360deg);
  847. transform: rotate(360deg); } }
  848.  
  849. @keyframes load8 { 0% { -webkit-transform: rotate(0deg);
  850. transform: rotate(0deg); }
  851. 100% { -webkit-transform: rotate(360deg);
  852. transform: rotate(360deg); } }
  853.  
  854. .account .btn-settings:hover:after { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 2.8s infinite linear; animation: load8 2.8s infinite linear; }
  855.  
  856. .badge { animation: zoom 2s infinite; }
  857.  
  858. @keyframes zoom { 0% { -webkit-transform: scale(1, 1); }
  859. 50% { -webkit-transform: scale(1.2, 1.2); }
  860. 100% { -webkit-transform: scale(1, 1); } }
  861.  
  862. .guild-channels ul .channel-voice.locked:hover .icon-lock { animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }
  863.  
  864. @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); }
  865. 20%, 80% { transform: translate3d(2px, 0, 0); }
  866. 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  867. 40%, 60% { transform: translate3d(4px, 0, 0); } }
  868.  
  869. .guild-channels ul .channel-voice.locked { cursor: pointer; }
  870.  
  871. .theme-dark #friends .friends-header .tab-bar .tab-bar-item.selected { background-color: #43B581; color: #fff; }
  872.  
  873. #friends .btn { background-color: #057F95; }
  874.  
  875. #friends .btn:hover { background-color: #045B6B; }
  876.  
  877. .private-channels .channel.selected .icon-friends { background-color: #045B6B; }
  878.  
  879. .add-friend-popout { background: transparent; }
  880.  
  881. .add-friend-popout header input:focus { border-color: rgba(255, 255, 255, 0.3); }
  882.  
  883. .add-friend-popout .btn:disabled { background-color: #045B6B; }
  884.  
  885. #user-profile-modal .sub-header { background: rgba(0, 0, 0, 0.83); }
  886.  
  887. #user-profile-modal .tab-bar { background: rgba(0, 0, 0, 0.83); border-bottom: 1px solid rgba(0, 0, 0, 0.8); }
  888.  
  889. #user-profile-modal .btn { background-color: #057F95; }
  890.  
  891. #user-profile-modal .btn:hover { background-color: #045B6B; }
  892.  
  893. #user-profile-modal .header { background-color: #057F95; background-image: none; }
  894.  
  895. #user-profile-modal .guilds .guild:hover { background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 90%, transparent); color: #D8D8D8; }
  896.  
  897. #user-profile-modal .empty { background: rgba(0, 0, 0, 0.83); }
  898.  
  899. /*[[Hidden]]*/
  900. /*[[Visible]]*/
  901. .message-group-blocked { background: #fcfcfc; -webkit-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; border: 1px solid #e3e5e7; border-radius: 3px; margin: 6px 6px 6px 19px; display: none; }
  902.  
  903. .user-settings-modal-account .discord-tag { color: #057F95; }
  904.  
  905. .guilds .friends-online:hover { background: #43B581 !important; }
  906.  
  907. .add-friend-popout-info .add-friend-popout-info-confirmation:before { background: url(https://i.imgur.com/DYCx6qB.png) 50% no-repeat; content: ' '; width: 17px; height: 16px; background-size: 40px 39px; display: inline-block; vertical-align: middle; margin-top: -8px; margin-right: 4px; }
  908.  
  909. .message-group .btn-option:hover { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 2.8s infinite linear; animation: load8 2.8s infinite linear; }
  910.  
  911. .chat .has-more button { color: #057F95; }
  912.  
  913. .theme-dark #friends .friends-table .friends-table-header .friends-column[data-reactid*=".0.1.1.0.2.1.0.6"]:after { content: "Actions"; color: rgba(255, 255, 255, 0.5); font-size: 12px; text-transform: uppercase; letter-spacing: .025em; font-weight: 600; -webkit-flex-shrink: 0; flex-shrink: 0; margin-left: 60px; }
  914.  
  915. .theme-dark .friends-table .messages .message-group .comment .markup pre, .theme-dark .messages-wrapper .messages .message-group .comment .markup pre { background: rgba(46, 49, 54, 0.32); border-color: #282b30; }
  916.  
  917. .theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:hover { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 85%, rgba(46, 49, 54, 0)) !important; }
  918.  
  919. .scroller-wrap .scroller::-webkit-scrollbar-track-piece { border: 3px solid rgba(255, 255, 255, 0) !important; background-color: rgba(0, 0, 0, 0.3) !important; }
  920.  
  921. .theme-dark #friends .friends-header .tab-bar .tab-bar-item:hover:not(.selected) { background: rgba(0, 0, 0, 0.29); }
  922.  
  923. .theme-dark .friends-table .messages .message-group .comment .markup .highlight:hover, .theme-dark .messages-wrapper .messages .message-group .comment .markup .highlight:hover { background-color: #057F95; }
  924.  
  925. .user-popout { opacity: 1; }
  926.  
  927. .user-settings-modal.settings { opacity: 1; /*[[NSFWON]]*/ /*[[NSFWOFF]]*/ }
  928.  
  929. .message-group .image { -webkit-filter: none; }
  930.  
  931. .message-group .image:hover { -webkit-filter: none; }
  932.  
  933. .channel-textarea-autocomplete-inner { background: rgba(0, 0, 0, 0.84) !important; border: none !important; }
  934.  
  935. .channel-textarea-autocomplete-inner:after { display: none; }
  936.  
  937. .channel-textarea-autocomplete-inner header { background: rgba(0, 0, 0, 0.84) !important; border-radius: 5px 5px 0 0; border: none !important; }
  938.  
  939. .channel-textarea-autocomplete ul li.active { background: #057F95 !important; opacity: 0.95; color: #fff; }
  940.  
  941. #user-profile-modal .avatar-profile { border: 6px solid #057F95 !important; }
  942.  
  943. #user-profile-modal footer .btn.disabled { background: #8E8E8E !important; }
  944.  
  945. #user-profile-modal footer .btn.disabled:hover { background: #777777 !important; }
  946.  
  947. span.discriminator { font-size: 11px !important; color: rgba(255, 255, 255, 0.7) !important; margin-left: 8px !important; border-radius: 5px !important; background: rgba(0, 0, 0, 0.19) !important; font-weight: bold !important; border: 3px solid transparent !important; -webkit-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; }
  948.  
  949. span.discriminator:hover { background: rgba(0, 0, 0, 0.32) !important; color: #fff !important; font-size: 14px !important; font-weight: bold !important; }
  950.  
  951. .guilds-error { width: 40px !important; height: 40px !important; line-height: 39px !important; }
  952.  
  953. .theme-dark .friends-table .messages .invite-button, .theme-dark .messages-wrapper .messages .invite-button { background-color: rgba(0, 0, 0, 0.54); border-color: rgba(0, 0, 0, 0.35); }
  954.  
  955. .invite-button-icon { background-color: rgba(0, 0, 0, 0.62); border: 1px solid #000000; }
  956.  
  957. .private-channels .channel .icon-friends { background-color: rgba(0, 0, 0, 0.59) !important; }
  958.  
  959. .upload-modal { background-color: rgba(30, 30, 30, 0.78); }
  960.  
  961. .upload-modal .footer { background-color: rgba(0, 0, 0, 0.44); }
  962.  
  963. .upload-modal .inner { border: 2px dashed rgba(6, 6, 6, 0.52); }
  964.  
  965. .upload-modal .footer .button { background-color: #057F95; }
  966.  
  967. .upload-modal .footer .button-primary { color: #057F95; background-color: #fff; }
  968.  
  969. div.control-group .shortcut-recorder input[type=text] { border: 1px solid #057F95; text-shadow: 0 0 0 #FFFFFF; }
  970.  
  971. .private-channels .search-bar input:focus { border: 2px solid #057F95; }
  972.  
  973. @keyframes input-pulse { 0% { box-shadow: 0 0 0 0 #057F95; }
  974. 70% { box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0); }
  975. to { box-shadow: 0 0 0 0 rgba(241, 71, 71, 0); } }
  976.  
  977. .bot-tag { background: rgba(255, 255, 255, 0.28); color: rgba(255, 255, 255, 0.62); }
  978.  
  979. .bot-tag.bot-tag-invert { font-size: 11px !important; color: rgba(255, 255, 255, 0.7) !important; margin-left: 8px !important; border-radius: 5px !important; background: rgba(0, 0, 0, 0.19) !important; font-weight: bold !important; border: 3px solid transparent !important; padding: 0px; }
  980.  
  981. .channel-members .member.member-status-offline .avatar-small { -webkit-filter: grayscale(100%) blur(1px); position: relative; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transform: translateZ(0px); transform: translateZ(0px); }
  982.  
  983. .channel-members .member.popout-open .avatar-small, .channel-members .member:hover .avatar-small { -webkit-filter: none !important; filter: none; position: relative; -webkit-transition: all .8s ease-out; -moz-transition: all .8s ease-out; -o-transition: all .8s ease-out; transition: all .8s ease-out; -webkit-transform: translateZ(0px); transform: translateZ(0px); }
  984.  
  985. .offline { background-color: #982929; }
  986.  
  987. .status-offline { background-color: #982929; }
  988.  
  989. @-webkit-keyframes friend-request-pulse { 0% { box-shadow: 0 0 0 0 #43b581; }
  990. 70% { box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0); }
  991. to { box-shadow: 0 0 0 0 rgba(241, 71, 71, 0); } }
  992.  
  993. @keyframes friend-request-pulse { 0% { box-shadow: 0 0 0 0 #43b581; }
  994. 70% { box-shadow: 0 0 10px 10px rgba(241, 71, 71, 0); }
  995. to { box-shadow: 0 0 0 0 rgba(241, 71, 71, 0); } }
  996.  
  997. #user-profile-modal footer .btn.add-friend { -webkit-animation: friend-request-pulse 1.5s infinite; animation: friend-request-pulse 1.5s infinite; }
  998.  
  999. #user-profile-modal .guilds .avatar-large { background: #057F95; }
  1000.  
  1001. img.image { border-radius: 5px; }
  1002.  
  1003. #voice-connection .btn { background: rgba(0, 0, 0, 0.45); box-shadow: none !important; border-radius: 40px; }
  1004.  
  1005. .account .btn-deafen, .account .btn-mute, .account .btn-settings { background: rgba(0, 0, 0, 0.45); box-shadow: none !important; border-radius: 40px; }
  1006.  
  1007. .connecting { background: rgba(0, 0, 0, 0.8); }
  1008.  
  1009. .connecting video.ready { visibility: hidden; }
  1010.  
  1011. .connecting video { visibility: hidden; }
  1012.  
  1013. .connecting .quote { margin-bottom: 10px; color: #fff; font-weight: 400; font-style: italic; font-size: 16px; visibility: hidden; }
  1014.  
  1015. .connecting img, .connecting video { visibility: hidden; }
  1016.  
  1017. .connecting .attribution { visibility: hidden; }
  1018.  
  1019. .connecting .attribution, .connecting .connection-status, .connecting .quote { margin-bottom: -122px; font-size: 30px; text-align: center; -webkit-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite; }
  1020.  
  1021. @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); }
  1022. 50% { -webkit-transform: scale(1.1); }
  1023. 100% { -webkit-transform: scale(1); } }
  1024.  
  1025. @keyframes pulse { 0% { transform: scale(1); }
  1026. 50% { transform: scale(1.1); }
  1027. 100% { transform: scale(1); } }
  1028.  
  1029. .account .btn-settings:after { opacity: .3; }
  1030.  
  1031. .guild-header ul li:hover a { background-color: #045B6B; transition: .3s all ease-in-out; }
  1032.  
  1033. .markdown-modal .markdown-modal-footer { background-color: rgba(0, 0, 0, 0.3); border-top: 1px solid #000; }
  1034.  
  1035. .markdown-modal .markdown-modal-header { border-bottom: 1px solid #0F0F0F; }
  1036.  
  1037. .theme-dark .header-toolbar button.active { background-color: transparent; opacity: 1; }
  1038.  
  1039. #pubs-header { background: #057F95; }
  1040.  
  1041. .server-icon { border-radius: 30px; }
  1042.  
  1043. .server-info span { color: #fff; }
  1044.  
  1045. .server-row { background-color: rgba(0, 0, 0, 0.93) !important; }
  1046.  
  1047. .server-row:nth-child(odd) { background-color: rgba(0, 0, 0, 0.85) !important; }
  1048.  
  1049. .bda-dark .server-info button { background-color: #057F95; transition: .3s all ease-in-out; }
  1050.  
  1051. .server-official { color: #057F95 !important; text-shadow: 0 0 4px #057F95; background: url("https://imgur.com/oEC0fbx.gif"); }
  1052.  
  1053. .bda-dark #pubs-footer, .bda-dark #pubs-header { background: #000; }
  1054.  
  1055. #pubs-header button { color: #FDFEFE; border-radius: 3px; }
  1056.  
  1057. .bda-dark #pubs-header button { background-color: #057F95; }
  1058.  
  1059. .server-pinned { border-bottom: 1px solid #000000; border-right: 1px solid transparent; }
  1060.  
  1061. .bda-dark .bd-dropdown-list ul li:nth-child(odd) { background: #045B6B; color: #fff; }
  1062.  
  1063. .bda-dark .bd-dropdown-list ul li { background: #057F95; color: #fff; }
  1064.  
  1065. .server-info button { border-radius: 5px; background-color: #057F95; }
  1066.  
  1067. .server-info button:hover { background-color: #045B6B; }
  1068.  
  1069. .bda-dark .bd-dropdown-list ul li:nth-child(2n+1):hover { opacity: 0.7; }
  1070.  
  1071. .bda-dark .bd-dropdown-list ul li:hover { opacity: 0.7; }
  1072.  
  1073. .bda-dark #pubs-sterm { background: #212121; color: #FFF; border-radius: 3px; margin-right: 4px; }
  1074.  
  1075. #pubs-footer { background: #057F95; }
  1076.  
  1077. #pubs-container { background-image: url("https://imgur.com/RG03PyX.png") !important; transition: 0.3s all ease; background-size: cover !important; }
  1078.  
  1079. #bd-customcss-attach-controls { border: 2px solid #057F95; border-top: 1px solid #057F95; border-radius: 4px; }
  1080.  
  1081. #bd-customcss-attach-controls, #bd-customcss-detach-controls { background: rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 1px 0 0 #057F95; }
  1082.  
  1083. .tab-bar.SIDE .tab-bar-item.selected { border-bottom: 2px solid #057F95; background: rgba(0, 0, 0, 0.69); }
  1084.  
  1085. .tab-bar.SIDE .tab-bar-item:hover { font-weight: 500; border-bottom: 2px solid #057F95; background: rgba(0, 0, 0, 0.48); opacity: 0.85; }
  1086.  
  1087. .notice { background-color: rgba(251, 81, 0, 0.68); }
  1088.  
  1089. .emoji-picker .scroller .emoji-item.selected { background-color: #057F95; border-radius: 3px; }
  1090.  
  1091. .emoji-picker .dimmer { background-color: transparent; }
  1092.  
  1093. .emoji-picker .search-bar input { background-color: rgba(0, 0, 0, 0.55); color: #fff; border: 1px solid black; }
  1094.  
  1095. .emoji-picker .sticky-header { background-color: transparent; }
  1096.  
  1097. .emoji-picker .categories .item.selected { border-bottom-color: #057F95; }
  1098.  
  1099. .emoji-picker .categories .item.people { background-image: url(https://discordapp.com/assets/0509bf058793ef8ddd770a977e63614c.svg); }
  1100.  
  1101. .emoji-picker .categories .item.nature { background-image: url(https://discordapp.com/assets/aafe899a4d7ad7717acc64f5b8f36342.svg); }
  1102.  
  1103. .emoji-picker .categories .item.food { background-image: url(https://discordapp.com/assets/0eb5a2b715ff649e9757a232996817ab.svg); }
  1104.  
  1105. .emoji-picker .categories .item.activity { background-image: url(https://discordapp.com/assets/8674c1028a63d29fb605be53eeedf1bf.svg); }
  1106.  
  1107. .emoji-picker .categories .item.travel { background-image: url(https://discordapp.com/assets/13e86ddf4302f697243425b2f954d00b.svg); }
  1108.  
  1109. .emoji-picker .categories .item.objects { background-image: url(https://discordapp.com/assets/6d9a5b47dc3bf7adf54f19b1e3f6c5ad.svg); }
  1110.  
  1111. .emoji-picker .categories .item.symbols { background-image: url(https://discordapp.com/assets/83095e6af6c7cf33669e3ab169296867.svg); }
  1112.  
  1113. .emoji-picker .categories .item.flags { background-image: url(https://discordapp.com/assets/ccda5cf0a64abbd18fdb9f914b55292e.svg); }
  1114.  
  1115. .emoji-picker .categories .item.recent { background-image: url(https://discordapp.com/assets/0f1f2dff98b5e2099086e303d9be0dad.svg); }
  1116.  
  1117. .theme-dark .chat .title-wrap .topic .highlight:hover { background-color: #057F95; border-radius: 4px; }
  1118.  
  1119. .theme-dark .chat .title-wrap .topic .highlight { border-radius: 4px; }
  1120.  
  1121. .markdown-modal { background-color: rgba(0, 0, 0, 0.79); color: #A3A3A3; }
  1122.  
  1123. .form .control-group .Select.is-disabled .Select-control:hover, .form .control-group .Select.is-open .Select-control:hover { border-color: rgba(0, 0, 0, 0.51); }
  1124.  
  1125. .is-open > .Select-control { background: rgba(0, 0, 0, 0.62); }
  1126.  
  1127. .Select-menu-outer { background-color: rgba(0, 0, 0, 0.79); border: 1px solid rgba(0, 0, 0, 0.51); border-top-color: rgba(0, 0, 0, 0.51); }
  1128.  
  1129. .form .control-group .Select-option { color: #BDBDBD; }
  1130.  
  1131. .form .control-group .Select-option.is-focused { background: rgba(0, 0, 0, 0.59); color: #FFFFFF; }
  1132.  
  1133. .tab-bar.SIDE .tab-bar-item { transition: .2s ease-in-out all; }
  1134.  
  1135. span.replyer:hover { background: #057F95 !important; }
  1136.  
  1137. span.replyer { border-radius: 3px; transition: .3s ease-in-out all; }
  1138.  
  1139. .server-info button { width: 60px; height: 34px; }
  1140.  
  1141. .server-icon:hover { cursor: pointer; opacity: 0.6; transition: .3s ease-in-out all; }
  1142.  
  1143. .server-row:hover { opacity: 0.95; cursor: pointer; }
  1144.  
  1145. .chat > .content .messages .message-group:hover h2 span.timestamp { color: rgba(255, 255, 255, 0.7) !important; }
  1146.  
  1147. .streamer-mode-enabled { background: transparent; }
  1148.  
  1149. .chat > .title-wrap > .separator { background-color: #000; }
  1150.  
  1151. .chat .empty-message { border-color: rgba(0, 0, 0, 0.75); }
  1152.  
  1153. .channel-textarea-inner textarea { color: #ABABAB; }
  1154.  
  1155. .chat > .title-wrap > .title .channel-name { color: #BFBFBF; text-transform: capitalize; }
  1156.  
  1157. .member-username-inner[data-reactid*="102180837625200640"]:after { content: "Omniscient"; color: #E81C4F; margin-left: 0px; font-weight: 900; font-size: 120%; }
  1158.  
  1159. .member-username-inner[data-reactid*="172218388880293888"] { color: #E81C4F; margin-left: 0px; font-weight: 900; font-size: 120%; }
  1160.  
  1161. .member-username-inner[data-reactid*="102180837625200640"] { color: transparent; }
  1162.  
  1163. .streamer-mode-enabled .streamer-mode-enabled-image { -webkit-filter: invert(100%); opacity: 0.5; }
  1164.  
  1165. .user-settings-streamer-mode .user-settings-streamer-mode-image { -webkit-filter: invert(100%); opacity: 0.5; }
  1166.  
  1167. .alert.form.has-icon:before { -webkit-filter: invert(100%); opacity: 0.5; }
  1168.  
  1169. .notice.notice-streamer-mode { background-color: rgba(100, 61, 167, 0.71); }
  1170.  
  1171. .theme-dark .chat .has-more button { background: rgba(0, 0, 0, 0.52); border: 1px solid #000000; }
  1172.  
  1173. .streamer-mode-enabled .streamer-mode-enabled-btn { background-color: rgba(100, 61, 167, 0.41); transition: .3s all ease-in-out; }
  1174.  
  1175. .auth-inner .auth-brand { background: rgba(0, 0, 0, 0.8); }
  1176.  
  1177. form.auth-form { background: rgba(0, 0, 0, 0.56); }
  1178.  
  1179. .modal-new-user > .steps { background: rgba(0, 0, 0, 0.85); }
  1180.  
  1181. .modal-new-user h5 { color: #057F95; }
  1182.  
  1183. #friends .friends-table .friends-table-header { border-bottom: 1px solid rgba(0, 0, 0, 0.37); }
  1184.  
  1185. #friends .friends-header { border-bottom: 1px solid rgba(0, 0, 0, 0.44); box-shadow: none; }
  1186.  
  1187. #friends .friends-header .tab-bar .tab-bar-item.selected { background-color: #43B581; color: #fff; }
  1188.  
  1189. #friends .friends-table .friends-table-header .friends-column-separator { background-color: rgba(0, 0, 0, 0.54); }
  1190.  
  1191. #friends .friends-empty p { color: rgba(195, 195, 195, 0.4); }
  1192.  
  1193. .tutorial-popout .button-area .skip-tips a { color: #057F95; }
  1194.  
  1195. .button { background-color: #057F95; }
  1196.  
  1197. .button:hover { background-color: #045B6B; }
  1198.  
  1199. #friends .friends-header .tab-bar .tab-bar-separator { background-color: rgba(0, 0, 0, 0.75); }
  1200.  
  1201. .popout.popout-right header:before { border-right-color: #057F95; }
  1202.  
  1203. #friends .friends-empty.section-online .empty-state-image { opacity: 0.5; }
  1204.  
  1205. .message-group h2 .timestamp { color: #B4B5B5; }
  1206.  
  1207. .emoji-picker { overflow: hidden; background-color: rgba(0, 0, 0, 0.55); border: 1px solid rgba(0, 0, 0, 0.31); box-shadow: none; }
  1208.  
  1209. .emoji-picker .search-bar { background-color: transparent; }
  1210.  
  1211. .diversity-selector .popout { background: rgba(23, 23, 23, 0.82); border: 1px solid rgba(0, 0, 0, 0.7); }
  1212.  
  1213. .emoji-picker .dimmer.visible { pointer-events: auto; background-color: rgba(0, 0, 0, 0.7); }
  1214.  
  1215. .theme-dark #friends .friends-header { border-bottom: 1px solid rgba(0, 0, 0, 0.37); box-shadow: none; }
  1216.  
  1217. .theme-dark #friends .friends-table .friends-table-header { border-bottom: 1px solid rgba(0, 0, 0, 0.37); }
  1218.  
  1219. .theme-dark #friends .friends-table .friends-table-header .friends-column-separator { background-color: rgba(0, 0, 0, 0.54); }
  1220.  
  1221. .theme-dark #friends .friends-table .friends-table-header .friends-column { color: rgba(255, 255, 255, 0.5); }
  1222.  
  1223. .theme-dark #friends .friends-table .friends-table-header .friends-column:after { color: rgba(255, 255, 255, 0.5); }
  1224.  
  1225. .emoji-picker .category { color: #BBBBBB; }
  1226.  
  1227. .item:hover { background-color: rgba(0, 0, 0, 0.5); border-radius: 3px; }
  1228.  
  1229. .emoji-picker .search-bar-clear { background: #FFFFFF; }
  1230.  
  1231. .emoji-picker .search-bar-clear:before { background: black; }
  1232.  
  1233. .emoji-picker .search-bar-clear:after { background: #FFFFFF; }
  1234.  
  1235. .search-bar-clear:after { background: #FFFFFF; }
  1236.  
  1237. .emoji-picker .search-bar-clear.active:after, .emoji-picker .search-bar-clear.active:before { background: #1c1c1c; }
  1238.  
  1239. .emoji-picker .no-search-results .sad-discord { opacity: 0.6; -webkit-filter: invert(90%); }
  1240.  
  1241. .emoji-picker .no-search-results { color: #B2B2B2; }
  1242.  
  1243. .theme-dark.context-menu { background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 1px rgba(0, 0, 0, 0.82), 0 1px 4px rgba(0, 0, 0, 0.1); }
  1244.  
  1245. .theme-dark.context-menu:hover { background: rgba(0, 0, 0, 0.69); box-shadow: 0 0 1px rgba(0, 0, 0, 0.82), 0 1px 4px rgba(0, 0, 0, 0.1); cursor: pointer; }
  1246.  
  1247. .context-menu { background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 1px rgba(0, 0, 0, 0.82), 0 1px 4px rgba(0, 0, 0, 0.1); }
  1248.  
  1249. .context-menu .item:hover { background: rgba(0, 0, 0, 0.69); box-shadow: 0 0 1px rgba(0, 0, 0, 0.82), 0 1px 4px rgba(0, 0, 0, 0.1); cursor: pointer; }
  1250.  
  1251. .form .control-group label a { color: #057F95; }
  1252.  
  1253. .form .control-group label a:hover { color: #045B6B; }
  1254.  
  1255. .theme-dark.context-menu .item-subMenu { background: transparent url(https://discordapp.com/assets/1988164a7c55346d32117b151f4e319d.svg) no-repeat 155px 50%; }
  1256.  
  1257. .theme-dark.context-menu .item-subMenu:hover { background: rgba(0, 0, 0, 0.69) url(https://discordapp.com/assets/e4afe52f6863408a35654a6e5fd69ba9.svg) no-repeat 155px 50%; }
  1258.  
  1259. .theme-dark.context-menu .context-menu { background: rgba(0, 0, 0, 0.6); border: 1px solid #000000; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }
  1260.  
  1261. .theme-dark.context-menu .item-group { border-top-color: rgba(0, 0, 0, 0.85); }
  1262.  
  1263. .user-popout .header { background: #057F95; }
  1264.  
  1265. .user-popout .avatar-wrapper .avatar-popout { border: 4px solid #045B6B; background-color: #045B6B; }
  1266.  
  1267. .user-popout .body { background: #000; padding-bottom: 10px; }
  1268.  
  1269. .user-popout .footer { background: #000; border-top: 2px #057F95 solid; }
  1270.  
  1271. .user-popout .footer .quick-message-wrapper .input { border: 2px solid #057F95; background: #0C0C0C; color: #fff; }
  1272.  
  1273. .theme-dark.context-menu .item:hover { background: rgba(0, 0, 0, 0.69); box-shadow: 0 0 1px rgba(0, 0, 0, 0.82), 0 1px 4px rgba(0, 0, 0, 0.1); cursor: pointer; }
  1274.  
  1275. .guilds li:not(.active):not(:first-of-type) { opacity: 0.65; transition: 0.4s ease-in-out opacity; }
  1276.  
  1277. .guilds li:not(.active):not(:first-of-type):hover { opacity: 1; transition: 0.2s ease-in-out opacity; }
  1278.  
  1279. .guild-settings-modal-members { background-color: transparent; }
  1280.  
  1281. .guild-settings-modal-members .member-buttons .btn:hover { background: #045B6B; }
  1282.  
  1283. .guild-settings-modal-members .guild-settings-modal-members-header .form .Select .Select-value { color: #DDD; }
  1284.  
  1285. .is-open > .Select-control { border-color: #000000 #000 #000000; }
  1286.  
  1287. .form .Select-control { border: 1px solid #000000; }
  1288.  
  1289. .search-bar.search-bar-light input { background-color: transparent; color: #B6B6B6; }
  1290.  
  1291. .search-bar.search-bar-light { background-color: rgba(0, 0, 0, 0.58); color: #fff !important; border-radius: 3px; }
  1292.  
  1293. .form .Select-option.is-focused { background: rgba(0, 0, 0, 0.68); color: #FFFFFF; }
  1294.  
  1295. .form .Select-option { color: #C5C5C5; }
  1296.  
  1297. .form .Select-control:hover { border-color: #000; }
  1298.  
  1299. .form .Select.is-disabled .Select-control:hover, .form .Select.is-open .Select-control:hover { border-color: #000; }
  1300.  
  1301. .form .is-focused:not(.is-open) > .Select-control { border: 1px solid #000; box-shadow: none; }
  1302.  
  1303. .private-channels .channel .channel-game strong { font-weight: 700; color: #057F95; }
  1304.  
  1305. .auth-background { background-image: url("https://imgur.com/RG03PyX.png") !important; background-size: cover !important; }
  1306.  
  1307. .auth-copyright { color: #FFFFFF; opacity: .8; font-weight: bold; border: 2px #fff solid; background: #000; border-radius: 3px; }
  1308.  
  1309. #bd-customcss-detach-container { background-color: #000000; }
  1310.  
  1311. #bd-customcss-detach-container #bd-customcss-detach-controls-buttons button { background-color: #057F95; }
  1312.  
  1313. .win-buttons button { width: 26px; height: 26px; margin-left: 5px; }
  1314.  
  1315. button.win-close:hover { background-color: #B50303; border-radius: 3px; }
  1316.  
  1317. button.win-maximize:hover { background-color: #0373B5; border-radius: 3px; }
  1318.  
  1319. button.win-minimize:hover { background-color: #03B584; border-radius: 3px; }
  1320.  
  1321. .header-toolbar button + button[data-reactid=".0.1.1.0.2.0.3.0:1"] { background-color: transparent; opacity: 0.8; }
  1322.  
  1323. .tipsy-inner { border-radius: 3px; }
  1324.  
  1325. .bda-slist .checkbox { margin-left: 18px; margin-top: 0px; }
  1326.  
  1327. a[data-reactid*=".0.1.1.0.1.0.0.1.1.0"] { background-color: #057F95; border-radius: 3px; }
  1328.  
  1329. a[data-reactid*=".0.1.1.0.1.0.0.1.1.0"]:hover { background-color: #057F95 !important; }
  1330.  
  1331. a[data-reactid*=".0.1.1.0.1.0.0.1.0.0"] { background-color: #057F95; border-radius: 3px; }
  1332.  
  1333. a[data-reactid*=".0.1.1.0.1.0.0.1.0.0"]:hover { background-color: #057F95 !important; }
  1334.  
  1335. .guild-header ul a.red-highlight:hover { background-color: #A93D3D !important; }
  1336.  
  1337. a[data-reactid*=".0.1.1.0.1.0.0.1.2.0"]:hover { background-color: #057F95 !important; }
  1338.  
  1339. a[data-reactid*=".0.1.1.0.1.0.0.1.2.0"] { background-color: #057F95; border-radius: 3px; }
  1340.  
  1341. a[data-reactid*=".0.1.1.0.1.0.0.1.3.0"]:hover { background-color: #057F95 !important; }
  1342.  
  1343. a[data-reactid*=".0.1.1.0.1.0.0.1.3.0"] { background-color: #057F95; border-radius: 3px; }
  1344.  
  1345. .guild-header ul a.red-highlight { color: #fff; background-color: #A93D3D; border-radius: 3px; }
  1346.  
  1347. .channel-members .member .member-activity strong { font-weight: 900; color: #057F95; }
  1348.  
  1349. .private-channels .channel .channel-activity strong { font-weight: 900; color: #057F95; }
  1350.  
  1351. .CodeMirror { color: #FFF; background-color: rgba(0, 0, 0, 0.66) !important; border-radius: 3px; }
  1352.  
  1353. .CodeMirror-gutters { border-right: 1px solid #000; background-color: rgba(0, 0, 0, 0.55); }
  1354.  
  1355. #bd-pane .scroller-wrap div[style*="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;"] { background: #000 !important; }
  1356.  
  1357. .markup:not([style*="color: color: rgba(255, 255, 255, 0.8);"]) { color: #B1B1B1; }
  1358.  
  1359. .message-group .comment .markup { color: #B7B7B7; }
  1360.  
  1361. ul.bda-slist { margin-top: 18px; width: 588px; margin-left: -34px; }
  1362.  
  1363. .bda-slist li:nth-child(odd) { background: rgba(0, 0, 0, 0.56); border-top: none; border-radius: none; }
  1364.  
  1365. .bda-slist .bda-name { color: #057F95; font-weight: 700; font-size: 13px; }
  1366.  
  1367. .bda-slist .bda-description { color: #D2D2D2; border-top: 2px solid #057F95; font-size: 14px; }
  1368.  
  1369. .bda-slist li { background: rgba(0, 0, 0, 0.56); border-bottom: 2px solid #057F95; border-radius: none; }
  1370.  
  1371. #bd-themes-pane .bda-plugin-reload { margin-top: 68px; margin-left: 20px; }
  1372.  
  1373. .bda-slist .bda-right .btn { margin-left: 20px; }
  1374.  
  1375. .bda-slist .bda-right .bda-plugin-settings { margin-top: 3px; }
  1376.  
  1377. #user-profile-modal .guilds .guild .status { width: 9px; height: 9px; }
  1378.  
  1379. div#bd-customcss-innerpane { margin-top: 18px; width: 588px; margin-left: -34px; }
  1380.  
  1381. .chat .welcome-message p { color: #A0A0A0; }
  1382.  
  1383. .guild-channels ul .channel-text .channel-name { text-transform: capitalize; }
  1384.  
  1385. .form .control-group label { color: #D0D0D0; }
  1386.  
  1387. .chat > .title-wrap { box-shadow: none; }
  1388.  
  1389. .theme-dark #friends .friends-table .friends-row + .friends-row { border-top: 1px solid rgba(0, 0, 0, 0.5); }
  1390.  
  1391. .guild-channels header span { text-align: center; margin-left: -7px; }
  1392.  
  1393. .markdown-modal a { color: #057F95; }
  1394.  
  1395. .form .control-group .help-text.error, .form .control-group .help-text.error a { color: #FFFFFF; background-color: #D22B3A; border-radius: 3px; padding: 2px; }
  1396.  
  1397. #settings-roles-pro-tip .pro-tip { color: #FFFFFF; }
  1398.  
  1399. #settings-roles-pro-tip { color: #F5F5F5; background-color: #53BB8C; border-radius: 3px; padding: 0px 0px 0px 9px; }
  1400.  
  1401. #settings-roles .roles li:before { width: 3px; }
  1402.  
  1403. .instant-invites .instant-invites-list .instant-invite .code { color: #C4C4C4; }
  1404.  
  1405. .instant-invites .instant-invites-list .instant-invite { color: #C4C4C4; }
  1406.  
  1407. .guild-channels ul .channel-voice .channel-arrow:hover { background-color: #057F95; }
  1408.  
  1409. .auth-tiling-bg { background-color: #2e3136; background-image: url("https://imgur.com/RG03PyX.png") !important; }
  1410.  
  1411. .create-guild-container .action.create .action-icon, .create-guild-container .action.join .action-icon { -webkit-filter: invert(100%) hue-rotate(145deg); }
  1412.  
  1413. .user-popout .username-wrapper .activity { color: #DEDEDE; }
  1414.  
  1415. .user-settings-locale .select-item .primary { font-size: 15px; color: #AEAEAE !important; }
  1416.  
  1417. span[data-reactid=".0.5.$=1$UserSettingsModal.0.0.1.0.$LOCALE.0.1:1.0.1.$0.0"] { color: #CDCDCD; }
  1418.  
  1419. span[data-reactid=".0.5.$=1$UserSettingsModal.0.0.1.0.$LOCALE.0.1:1.0.1.$1.0"] { color: #CDCDCD; }
  1420.  
  1421. .user-popout .username-wrapper.has-nickname .discriminator, .user-popout .username-wrapper.has-nickname .username { color: #EAEAEA; }
  1422.  
  1423. .user-popout .body .section .label { color: #A7A7A7; }
  1424.  
  1425. .user-popout .footer .update-notice { color: #A0A0A0; }
  1426.  
  1427. .message-group.compact .message .markup .user-name:After { content: ":"; font-size: 18px; line-height: 16px; font-weight: 600; }
  1428.  
  1429. .typing strong { font-weight: 700; color: #A5A5A5; }
  1430.  
  1431. .typing { font-size: 11px; color: #A5A5A5; }
  1432.  
  1433. .guilds-wrapper .guilds .guild .guild-inner { background-color: rgba(0, 0, 0, 0.5) !important; }
  1434.  
  1435. .guild-inner { color: #CACACA; }
  1436.  
  1437. .guilds-wrapper .guilds .guild .guild-inner a { background-size: 40px 40px; width: 40px; height: 40px; }
  1438.  
  1439. .guilds-wrapper .guilds .guild { height: 40px; width: 40px; }
  1440.  
  1441. .guilds-wrapper .guilds .guild.unread:before { background: #057F95; }
  1442.  
  1443. .guilds-wrapper .guilds .guild.selected:before { height: 30px; border-radius: 20px; background: #057F95; margin-top: -15px; }
  1444.  
  1445. .guilds-wrapper .guilds .friends-icon { width: 40px; height: 40px; background-size: 25px 25px; }
  1446.  
  1447. .guilds { padding: 18px 20px 85px 20px !important; }
  1448.  
  1449. .guilds-wrapper .guilds .guild.selected:before, .guilds-wrapper .guilds .guild.unread:before { left: -26px; }
  1450.  
  1451. .guilds-wrapper .guild-separator:after { left: 0%; background: rgba(0, 0, 0, 0.3); }
  1452.  
  1453. .guilds-wrapper .guilds .friends-online { text-transform: uppercase; font-weight: 600; color: #DCDCDC; margin: 10px -5px; word-wrap: normal; white-space: normal; width: 50px; cursor: pointer; -webkit-transition: background-color 0.25s ease-in, border-radius 0.3s cubic-bezier(0.68, -1.25, 0.228, 1.8); transition: background-color 0.25s ease-in, border-radius 0.3s cubic-bezier(0.68, -1.25, 0.228, 1.8); overflow: hidden; border-radius: 4px; background-color: rgba(0, 0, 0, 0.41); font-size: 9px; text-align: center; line-height: 17px; }
  1454.  
  1455. a.avatar-small[style*="font-size: 18px;"] { top: -4px; }
  1456.  
  1457. .guild-inner[style*="border-radius: 25px;background-color: rgba(173, 36, 36, 0.5);"] { background-color: rgba(0, 0, 0, 0.5) !important; }
  1458.  
  1459. .guild-header ul a { background-color: #057F95; border-radius: 3px; opacity: 0.55; }
  1460.  
  1461. .protip { color: #FFFFFF; background-color: #43B581; border-radius: 3px; padding: 2px 4px 2px 4px; }
  1462.  
  1463. .user-settings-appearance .protip .tip, .user-settings-streamer-mode .protip .tip { color: #FFF; }
  1464.  
  1465. .protip .tip a { color: #057F95; }
  1466.  
  1467. .user-settings-appearance .protip .label, .user-settings-streamer-mode .protip { background-color: #43b581; padding: 5px 4px 18px 4px; }
  1468.  
  1469. .protip .label { color: #FFFFFF; }
  1470.  
  1471. .guild-channels .channel-text.selected { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 85%, rgba(46, 49, 54, 0)) !important; }
  1472.  
  1473. .guild-channels .channel-text:hover { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 85%, rgba(46, 49, 54, 0)) !important; }
  1474.  
  1475. .guild-channels .channel-text:hover.channel-muted:before, .guild-channels .channel-text:hover:not(.unread):before { border-left: 4px solid #057F95; }
  1476.  
  1477. .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before { background: #045B6B; }
  1478.  
  1479. .guild-channels .channel .channel-name { text-transform: Capitalize; }
  1480.  
  1481. .user-settings-locale p { color: #8E8E8E; }
  1482.  
  1483. .guild-channels .channel-text.selected:before { border-left: 4px solid #057F95; }
  1484.  
  1485. .guild-channels .channel-voice-states li.speaking .avatar-small { background-color: #057F95; border: 2px solid #057F95; }
  1486.  
  1487. .guild-channels .channel-voice-states li.speaking .avatar-small:hover, .guild-channels .channel-voice-states li.speaking .draggable:hover .avatar-small { border-color: #045B6B; }
  1488.  
  1489. #voice-connection .btn-info { border-right: 0px solid transparent; }
  1490.  
  1491. .message-group .comment .markup code.inline { background: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.7) !important; padding: 0.3em 0.6em; }
  1492.  
  1493. .tab-bar.TOP .tab-bar-item { color: #BBBBBB; }
  1494.  
  1495. .tab-bar.TOP .tab-bar-item:hover { border-bottom: 2px solid #BBBBBB; }
  1496.  
  1497. #friends .friends-table .friends-row + .friends-row { border-top: 1px solid rgba(0, 0, 0, 0.34); }
  1498.  
  1499. .header-toolbar .separator { background-color: rgba(0, 0, 0, 0.34); }
  1500.  
  1501. .chat > .title-wrap > .topic:before { background-color: rgba(0, 0, 0, 0.34); }
  1502.  
  1503. div#bd-pub-button:hover { background-color: #43B581 !important; transition: .3s all ease-in-out; }
  1504.  
  1505. .guild-channels .channel-user-limit { background: rgba(0, 0, 0, 0.5); }
  1506.  
  1507. .guild-settings-modal-members .guild-settings-modal-list .member { padding: 5px; }
  1508.  
  1509. .guild-settings-modal-members .guild-settings-modal-list .member:hover { background-color: rgba(0, 0, 0, 0.4); border-radius: 3px; padding: 5px; }
  1510.  
  1511. .channel-textarea-guard .countdown .countdown-number { background: #057F95 !important; }
  1512.  
  1513. .channel-textarea-autocomplete-inner .command-description { color: #FFFFFF; }
  1514.  
  1515. .guild-channels .toggle-muted-text-channels a { color: #fff; opacity: .3; }
  1516.  
  1517. #clockPluginClock { position: absolute; color: #FFF; background: rgba(0, 0, 0, 0.5); padding: 0 12px 0 13px; min-width: 48px; max-width: 45px; z-index: 100; bottom: 712px; font-size: 13px; text-align: center; border-radius: 65px; left: 4px; }
  1518.  
  1519. #clockPluginClock:hover { transition: .3s all ease-in-out; background: #43B581; cursor: pointer; }
  1520.  
  1521. .user-settings-security .btn-ghost { background: #057F95; border: 2px solid #057F95; color: #fff; }
  1522.  
  1523. .user-settings-security .btn-ghost:hover { background: #045B6B; border-color: #045B6B; }
  1524.  
  1525. .user-settings-security button, .user-settings-security p { color: #C7C7C7; }
  1526.  
  1527. .mfa-modal .form-inner p { color: #B9B9B9 !important; }
  1528.  
  1529. .mfa-modal .mfa-step { border-bottom: 1px solid #080808; }
  1530.  
  1531. .form .btn { -webkit-transition: all .2s ease-in-out; }
  1532.  
  1533. .user-settings-security .backup-codes p strong { font-weight: 900; color: #ABABAB; }
  1534.  
  1535. .user-settings-security .backup-codes p { color: #ABABAB; }
  1536.  
  1537. .user-settings-security .backup-codes .code { color: #E2E2E2; margin-left: -4px; }
  1538.  
  1539. .user-settings-modal .link-button { color: #057F95; }
  1540.  
  1541. .user-settings-modal .link-button:hover { color: #045B6B; }
  1542.  
  1543. .radio-theme input[type=radio]:checked ~ label { border-color: #057F95; }
  1544.  
  1545. .header-toolbar button + button { background-color: transparent; }
  1546.  
  1547. .guilds-wrapper .guilds .guild.active:first-of-type .guild-inner { background: #057F95 !important; }
  1548.  
  1549. #friends .btn, .add-friend-popout .btn, .private-channels .channel.selected .icon-friends { background-color: #057F95 !important; }
  1550.  
  1551. .user-popout .body .notes textarea { color: #B1B1B1; background-color: #0C0C0C !important; }
  1552.  
  1553. .invite-button { background-color: rgba(0, 0, 0, 0.7); border: 1px solid #000000; }
  1554.  
  1555. @-webkit-keyframes mentionpulse { 0% { box-shadow: 0 0 0 0 rgba(250, 166, 26, 0.23); }
  1556. 70% { box-shadow: 0 0 5px 5px rgba(241, 71, 71, 0); }
  1557. to { box-shadow: 0 0 0 0 rgba(241, 71, 71, 0); } }
  1558.  
  1559. @keyframes mentionpulse { 0% { box-shadow: 0 0 0 0 rgba(250, 166, 26, 0.23); }
  1560. 70% { box-shadow: 0 0 5px 5px rgba(241, 71, 71, 0); }
  1561. to { box-shadow: 0 0 0 0 rgba(241, 71, 71, 0); } }
  1562.  
  1563. .message-group .mentioned .message-text { -webkit-animation: mentionpulse 2s infinite; animation: mentionpulse 2s infinite; }
  1564.  
  1565. .account .btn-settings:after { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_white_24px.svg) !important; zoom: 1.2; }
  1566.  
  1567. .account .btn-settings:hover:after { opacity: 0.6; }
  1568.  
  1569. .account .btn-deafen:after { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_volume_up_white_24px.svg) !important; opacity: 0.2; zoom: 1.2; }
  1570.  
  1571. .account .btn-deafen:hover:after { opacity: 0.6; }
  1572.  
  1573. .icon-deafened, .account .btn-deafen.disabled:after { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_volume_off_white_24px.svg) !important; }
  1574.  
  1575. .account .btn-mute:after { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_mic_white_24px.svg) !important; opacity: 0.2 !important; zoom: 1.2; }
  1576.  
  1577. .account .btn-mute:hover:after { opacity: 0.6 !important; }
  1578.  
  1579. .icon-muted, .account .btn-mute.disabled:after { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_mic_off_white_24px.svg) !important; }
  1580.  
  1581. #voice-connection .btn-info:after { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_info_white_24px.svg) !important; zoom: 2.5; }
  1582.  
  1583. #voice-connection .btn-disconnect:after { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_call_end_white_24px.svg); zoom: 1.3; }
  1584.  
  1585. .checkbox .checkbox-inner input[type=checkbox]:checked + span:after { background: #045B6B; top: -3px; border-right: 0px; border-bottom: 0px; transform: translate(10px, 0px); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); }
  1586.  
  1587. .checkbox .checkbox-inner input[type=checkbox]:checked + span { background: #ADB8E1; border: 0px; height: 15px; width: 30px; top: 2px; border-radius: 100px; }
  1588.  
  1589. .checkbox .checkbox-inner span { top: 2px; height: 15px; width: 30px; border-radius: 100px; border: 0px; background: #A6A6A6; }
  1590.  
  1591. .checkbox .checkbox-inner + span { margin-left: 20px; }
  1592.  
  1593. .checkbox .checkbox-inner span:after { content: ""; position: absolute; background: #fff; transform: rotate(0deg) translate(-5px, 0px); height: 20px !important; width: 20px !important; top: -3px; border-radius: 100px; border-right: 0px; border-bottom: 0px; transition: all 200ms ease; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); }
  1594.  
  1595. .theme-dark .channel-pins-wrap { background-color: rgba(0, 0, 0, 0.45) !important; }
  1596.  
  1597. .theme-dark .channel-pins-wrap .header { background-color: rgba(0, 0, 0, 0.65) !important; border-bottom: 2px solid #057F95; }
  1598.  
  1599. .theme-dark .channel-pins-wrap .channel-pins .message-group { background-color: rgba(0, 0, 0, 0.69) !important; }
  1600.  
  1601. .message-group .comment .markup pre { background: rgba(0, 0, 0, 0.45); border: 2px solid rgba(121, 122, 122, 0.27); }
  1602.  
  1603. .theme-dark .message-group .comment .markup code.inline, .theme-dark .message-group .comment .markup pre code { background: rgba(255, 255, 255, 0.06); }
  1604.  
  1605. .theme-dark .message-group .comment .markup pre { background: transparent; }
  1606.  
  1607. .theme-dark .channel-pins-wrap .channel-pins .message-group:hover .action-buttons { box-shadow: 0 0 6px 4px transparent !important; background-color: transparent !important; }
  1608.  
  1609. .theme-dark .channel-pins-wrap .channel-pins .message-group .action-buttons .jump-button { background-color: #057f95 !important; color: #fff !important; }
  1610.  
  1611. .theme-dark .channel-pins-wrap .channel-pins .message-group:hover { border-color: #057f95 !important; }
  1612.  
  1613. .theme-dark .channel-pins-wrap .footer { background-color: rgba(0, 0, 0, 0.65) !important; }
  1614.  
  1615. .chat .has-more button { background: rgba(0, 0, 0, 0.47); border: 1px solid #000000; }
  1616.  
  1617. .theme-dark .message-group h2 span { color: rgba(255, 255, 255, 0.5); }
  1618.  
  1619. .messages-popout-wrap.themed-popout.recent-mentions-popout { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }
  1620.  
  1621. .messages-popout-wrap.themed-popout.undefined { background-color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }
  1622.  
  1623. .theme-dark .themed-popout .header { background-color: rgba(0, 0, 0, 0.68); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); border-bottom: 2px solid #057F95; }
  1624.  
  1625. .theme-dark .themed-popout .footer { background-color: rgba(0, 0, 0, 0.68); border-top: 2px solid #057F95; }
  1626.  
  1627. .theme-dark .messages-popout-wrap .messages-popout .message-group { border-color: black; background-color: rgba(0, 0, 0, 0.59); }
  1628.  
  1629. .theme-dark .messages-popout-wrap .messages-popout .message-group:hover { border-color: #057F95; }
  1630.  
  1631. .theme-dark .messages-popout-wrap .messages-popout .message-group:hover .action-buttons { box-shadow: 0 0 6px 4px transparent; background-color: transparent; }
  1632.  
  1633. .theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .jump-button { background-color: #057F95; color: #fff; border: 2px solid #057F95; }
  1634.  
  1635. .theme-dark .themed-popout .text { color: #fff; }
  1636.  
  1637. .theme-dark .messages-popout-wrap .messages-popout .message-group .action-buttons .close-button { background-color: #B50303; border-radius: 3px; margin-top: 3px; }
  1638.  
  1639. .messages-popout .message-group .action-buttons .close-button:hover { opacity: 1 !important; }
  1640.  
  1641. .messages-popout .message-group:hover .action-buttons .close-button { opacity: 0.5; }
  1642.  
  1643. .theme-dark .themed-popout { background-color: transparent; border: 2px solid #000; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); }
  1644.  
  1645. .search-bar input { background: #000; }
  1646.  
  1647. .theme-dark .private-channel-recipients-invite .friend.selected, .theme-dark .private-channel-recipients-invite .friend:hover { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 85%, rgba(46, 49, 54, 0)) !important; }
  1648.  
  1649. .theme-dark .private-channel-recipients-invite .friend { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.45) 85%, rgba(46, 49, 54, 0)) !important; }
  1650.  
  1651. .private-channel-recipients-invite .error-state { background: rgba(0, 0, 0, 0.36); }
  1652.  
  1653. .theme-dark .chat .private-channel-call { background-color: #057F95; }
  1654.  
  1655. .private-channel-call .quick-region-select { background-color: rgba(0, 0, 0, 0.77); padding: 5px; border-radius: 3px; }
  1656.  
  1657. .private-channel-call .btn-icon { width: 30px; height: 30px; }
  1658.  
  1659. .theme-dark .chat .private-channel-call .btn-icon { background: rgba(0, 0, 0, 0.65); border-radius: 20px; }
  1660.  
  1661. .theme-dark .chat .private-channel-call .btn-icon:hover { background: rgba(0, 0, 0, 0.8); }
  1662.  
  1663. .private-channel-call .speaking { border: 4px solid #045B6B; }
  1664.  
  1665. .private-channel-call .speaking:hover { border-color: #045B6B; }
  1666.  
  1667. .region-select-popout .check { display: block; background: url("/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"); width: 20px; height: 16px; background-repeat: no-repeat; }
  1668.  
  1669. .region-select-popout .region-select-name { color: #B9B9B9; }
  1670.  
  1671. .account:after {content: "Reborn v4.36"; color: rgba(255,255,255,0.2); font-size: 11px; font-weight: bold; position: absolute; bottom: 0; left: 149px; right: 0; opacity: 1;}
  1672.  
  1673. @media screen and (max-width: 1100px) {
  1674. .chat .content .flex-spacer.flex-vertical:only-child .message-group .comment .markup{max-width: 95%;}
  1675. .chat .content .flex-spacer.flex-vertical:not(:only-child) .message-group .comment .markup{max-width: 85%;}
  1676. }
  1677.  
  1678.  
  1679. @media screen and (max-width: 1020px) {
  1680. .chat .content .flex-spacer.flex-vertical:only-child .message-group .comment .markup{max-width: 90%;}
  1681. .chat .content .flex-spacer.flex-vertical:not(:only-child) .message-group .comment .markup{max-width: 80%;}
  1682. }
  1683.  
  1684. @media screen and (max-width: 920px){
  1685. .chat .content .flex-spacer.flex-vertical:not(:only-child) .message-group:not(.compact) h2 .timestamp{display:none;}
  1686. }
  1687.  
  1688. @media screen and (max-width: 970px){
  1689. .guilds-wrapper{position:absolute;z-index:5;left:-80px;transition: left ease .5s;height:100%;background:transparent;border-right:solid transparent 50px;}
  1690. .guilds-wrapper:hover {left: 0;}
  1691. .channel-members{transform:translate(145px);z-index:2;transition:all 300ms ease;}
  1692. .channel-members:hover{animation: member 300ms ease;transform:translate(0px);background: #000 !important;}
  1693. .channel-members .member .member-activity,
  1694. .channel-members .member .member-username-inner{opacity:0;transition:opacity 300ms ease, margin 100ms ease;}
  1695. .channel-members .member .member-username-inner{margin-bottom: 6px;}
  1696. .channel-members:hover .member .member-activity, .channel-members:hover .member .member-username-inner{opacity:1;}
  1697. .header-toolbar button.active{display:none;}
  1698. .channel-members h2{transform-origin:left;transform:scale(0.7);padding:0px 0px 0px 10px;transition: all 300ms ease;}
  1699. .channel-members:hover h2{transform:scale(1);padding: 4px 58px;}
  1700. .channel-members .avatar-small{transform:scale(1.2);}
  1701. .channel-members:hover .avatar-small{transform:scale(1);}
  1702. .chat.flex-vertical.flex-spacer>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical{margin-right:-145px;z-index:1}
  1703. .chat.flex-vertical.flex-spacer.private>.content.flex-spacer.flex-horizontal>.flex-spacer.flex-vertical{margin-right:0px;z-index:1}
  1704. .theme-dark .channel-members .member.popout-open, .theme-dark .channel-members .member:hover {background: -webkit-linear-gradient(left, rgb(9, 10, 10) 85%, rgba(46, 49, 54, 0)) !important;}
  1705. .channel-members .member.popout-open .avatar-small, .channel-members .member:hover .avatar-small {transform: scale(1.2);}
  1706. .chat:not(.private) .content .message-group:not(.compact) h2 .timestamp{display:block;}
  1707. }
  1708.  
  1709. @media screen and (max-width: 850px) {
  1710. .chat .content .flex-spacer.flex-vertical:only-child .message-group .comment .markup,
  1711. .chat .content .flex-spacer.flex-vertical:not(:only-child) .message-group .comment .markup{max-width: 80%;}
  1712. .channels-wrap{position:absolute;z-index:5;left:-275px;transition: left ease .5s;height:100%;background:rgba(0, 0, 0, 0.6);border-right:solid transparent 50px;width: 178px;}
  1713. .scroller-wrap.fade.dark {width: 218px !important;}
  1714. .guild-header {width: 228px;}
  1715. .guilds-wrapper:hover ~ .channels-wrap {left: 80px;width: 178px;}
  1716. .channels-wrap:hover {left: 6px;width: 178px;}
  1717. .guild-channels .channel a {opacity: 0.7}
  1718. }
  1719.  
  1720. @media screen and (max-width: 725px) {
  1721. .chat.private .content .message-group:not(.compact) h2 .timestamp{display:none;}
  1722. }
  1723.  
  1724. @media screen and (max-width: 430px) {
  1725. .chat .content .flex-spacer.flex-vertical:not(:only-child) ~ .channel-members-wrap { cursor: not-allowed; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 5px; top: 0; right: 0; bottom: 0; left: inherit; z-index: 1000; }
  1726. .chat .content .flex-spacer.flex-vertical:not(:only-child) ~ .channel-members-wrap:before { content: "Media screen size too small"; color: #fff; margin: auto; font-size: 2rem; text-align: center; }
  1727. .chat .content .flex-spacer.flex-vertical:not(:only-child) ~ .channel-members-wrap .scroller-wrap { display: none; }
  1728. .chat:not(.private) .content .message-group:not(.compact) h2 .timestamp { display: block; }
  1729. }
  1730.  
  1731. @media screen and (max-width: 400px) {
  1732. .message-group .btn-option{display:none;}
  1733. }
  1734.  
  1735. @media screen and (max-width: 340px) {
  1736. .message-group h2{max-width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  1737. .emoji-picker{width:90%;}
  1738. }
  1739.  
  1740. .popout.popout-top-right.no-arrow,
  1741. .popout.popout-top.no-arrow{margin-left:30px;}}
  1742. .change-log-button-container:hover {font-weight: 500;border-bottom: 2px solid #057F95;background: rgba(0, 0, 0, 0.48);opacity: 0.85;}
  1743. .change-log-button-container {position: inherit;padding-top: 1px;margin-top: 0px;transition: .2s ease-in-out all;font-weight: 500;}
  1744. .change-log-button-container .change-log-button:hover {color: #fff;}
  1745. .change-log-button-container .change-log-button {color: hsla(0,0%,100%,.3);font-size: 14px;opacity: 1;}
  1746. .theme-dark .channel-members-loading .heading {background: transparent !important;}
  1747. .theme-dark .channel-members-loading .member {background: transparent !important;}
  1748. .theme-dark .channel-members-loading .member:nth-child(3n+2), .theme-dark .channel-members-loading .member:nth-child(7n+4) {background: transparent !important;}
  1749. .theme-dark .channel-members-loading .member:nth-child(2n-4), .theme-dark .channel-members-loading .member:nth-child(7n-1) {background: transparent !important;}
  1750. .theme-dark .channel-members-loading {background-color: transparent !important;}
  1751. .theme-dark .channel-members-loading .background {background-image: -webkit-linear-gradient(0deg,transparent,rgba(0, 0, 0, 0.4),transparent);background-image: linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.4),transparent);}
  1752.  
  1753. .settings-connections-wrapper .authed-app { background: rgba(0,0,0,0.5); border: 1px solid rgba(0,0,0,0.5);}
  1754.  
  1755. .settings-connections-wrapper .authed-app:hover { border: 2px solid #057f95;}
  1756.  
  1757. .settings-connections-wrapper .authed-app .header .app-name {color: #d2d2d2;}
  1758.  
  1759. .settings-connections-wrapper .authed-app .details .header {color: #b7b7b7;}
  1760.  
  1761. .settings-connections-wrapper .authed-app .details .body {color: #afafaf;}
  1762.  
  1763. .settings-connections-wrapper .authed-app .details .permissions .body {color: #afafaf;}
  1764.  
  1765. .settings-connections-wrapper .authed-app .details .permission-checkmark {-webkit-filter: invert(100%) hue-rotate(110deg);}
  1766.  
  1767. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list {box-shadow: 0 -1px transparent;}
  1768.  
  1769. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations {border: 2px solid #057f95;}
  1770.  
  1771. .settings-connections-wrapper .user-settings-modal-connections .user-settings-modal-connections-list .connection .connection-integrations.no-integrations {color: #057f95;opacity: 0.7;}
  1772.  
  1773. .alert.form .form-inner h4 {color: #dcdcdc;}
  1774.  
  1775. .alert.form .form-inner p {color: #bbbbbb;}
  1776.  
  1777. .invite-modal .scroller { background: #057f95 url(/assets/29d5ff462afb11bce1979cf694aee3d1.png) repeat; }
  1778.  
  1779. .invite-modal .invite-body { color: #fff; background: #045B6B; border-radius: 3px }
  1780.  
  1781. .invite-modal .invite-title { color: #fff; background: #045b6b; border-radius: 3px; }
  1782.  
  1783. .invite-modal .invite-cancel { color: #fff; background: #A93D3D; border-radius: 3px; padding: 3px; }
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!