API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 23rd, 2018
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.79 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url-prefix("https://discordapp.com/channels/")
  2. {
  3. /* Make The Image Darker */
  4. .layer
  5. {
  6. background: none !important;
  7. /* background: rgba(0, 0, 0, 0.2) !important; */;
  8. }
  9.  
  10. /* Settings Image */
  11. .ui-standard-sidebar-view
  12. {
  13. background: url(http://i.imgur.com/LRa2DkW.png) !important;
  14. background-size: cover !important;
  15. }
  16. /* Also Settings */
  17. .sidebar-region, .content-region
  18. {
  19. background: none !important;
  20. }
  21.  
  22. .layers, .appMount-14L89u
  23. {
  24. background: none !important;
  25. }
  26.  
  27. /* Background Image URL Must be HTTPS */
  28. body
  29. {
  30. background: url(https://i.imgur.com/uTVZzkC.jpg) !important;
  31. background-size: cover !important;
  32. height: 100vh !important;
  33. background-repeat: no-repeat !important;
  34. }
  35.  
  36. .guilds-wrapper
  37. {
  38. background: none !important;
  39. }
  40.  
  41. .private-channels, .search-bar
  42. {
  43. background: none !important;
  44. }
  45.  
  46. #friends, .friends-header, .friends-table
  47. {
  48. background: none !important;
  49. }
  50.  
  51. /* ===================================================== */
  52. /* Scrollbar */
  53. .scroller::-webkit-scrollbar-thumb
  54. {
  55. border: none !important;
  56. background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgb(91, 187, 255), rgba(0, 0, 0, 0)) !important;
  57. }
  58. /* Also Scrollbar */
  59. .scroller::-webkit-scrollbar-track
  60. {
  61. background: linear-gradient(0deg, rgba(91, 187, 255, 0.4) 0%, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0) 95%, rgba(91, 187, 255, 0.4) 100%) !important;
  62. }
  63. /* Some Other Scrollbar Thingy */
  64. .scroller::-webkit-scrollbar
  65. {
  66. width: 7px !important;
  67. }
  68. /* Another Scrollbar Thingy*/
  69. .scroller::-webkit-scrollbar-track-piece
  70. {
  71. border: none !important;
  72. background: none !important;
  73. }
  74. /* ===================================================== */
  75.  
  76. /* Channels section */
  77. .channels-wrap, .flex-lFgbSz
  78. {
  79. background: none !important;
  80. }
  81.  
  82. /* Top Bar, Bottom Bar, Messages, Member List, Form, Channels */
  83. .content, .chat, .messages-wrapper, .scroller-fzNley, form, .channels-3g2vYe
  84. {
  85. background: none !important;
  86. }
  87.  
  88. /* Selected Text Chanel */
  89. .contentSelectedText-3j5CXt
  90. {
  91. background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(41, 137, 216, 0.4)) !important;
  92. }
  93. /* Selected Text Chanel Hovered */
  94. .contentSelectedText-3j5CXt:hover
  95. {
  96. background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(41, 137, 216, 0.4)) !important;
  97. }
  98. /* Hovered Text Channel */
  99. .contentHoveredText-2HYGIY
  100. {
  101. background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
  102. }
  103.  
  104. /* Unread Messages */
  105. .unread-23Kvxk
  106. {
  107. position: absolute;
  108. left: 10px;
  109. top: 30px;
  110. height: 1px;
  111. width: 90%;
  112. background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(91, 187, 255), rgba(0, 0, 0, 0));
  113. opacity: 1 !important;
  114. animation: unread 3s ease-out infinite !important;
  115. }
  116.  
  117. .guild.unread:before
  118. {
  119. background: rgba(91, 187, 255, 0.7) !important;
  120. animation: unread 3s ease-out infinite !important;
  121. }
  122.  
  123. /* Mentions Indicator */
  124. .wrapper-2xO9RX, .badge
  125. {
  126. background: rgb(41, 137, 216);
  127. animation: mentions 3s infinite !important;
  128. }
  129.  
  130. /* New Mentions Indicator */
  131. .new-messages-indicator
  132. {
  133. background: linear-gradient(90deg, black, rgb(91, 187, 255), black) !important;
  134. }
  135.  
  136. .new-messages-bar
  137. {
  138. background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
  139. }
  140.  
  141. /* Text Input Enabled */
  142. .innerEnabled-gLHeOL
  143. {
  144. background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
  145. }
  146. /* Text Input Disabled */
  147. .innerDisabled-1hSPu_
  148. {
  149. background: linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(91, 187, 255, 0.2), rgba(0, 0, 0, 0.2)) !important;
  150. }
  151.  
  152. .jump-to-present-bar
  153. {
  154. background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
  155. }
  156.  
  157. /* Newe Messages Divider */
  158. .divider.divider-red:before
  159. {
  160. background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
  161. }
  162. /* Also Newe Messages Divider */
  163. .divider.divider-red > div
  164. {
  165. background: none !important;
  166. }
  167. /* Some More Newe Messages Divider */
  168. .divider.divider-red > span
  169. {
  170. background: rgb(11, 107, 186) !important;
  171. color: rgb(91, 187, 255) !important;
  172. animation: mentions 3s infinite !important;
  173. }
  174. /* Divider */
  175. .divider:before
  176. {
  177. background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
  178. }
  179. /* Some More Divider */
  180. .divider > div
  181. {
  182. background: none !important;
  183. }
  184. /* Even More Divider */
  185. .divider > span
  186. {
  187. background: rgb(68, 94, 115) !important;
  188. color: rgb(91, 187, 255) !important;
  189. }
  190.  
  191. /* Loading More Messages */
  192. .loading-more
  193. {
  194. border: none !important;
  195. background: none !important;
  196. }
  197. /* Also Loading More Messages */
  198. .has-more > button
  199. {
  200. color: rgb(91, 187, 255) !important;
  201. background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(91, 187, 255, 0.4), rgba(0, 0, 0, 0.4)) !important;
  202. }
  203.  
  204. /* Mention */
  205. .mentioned > .body > .message-text
  206. {
  207. background: linear-gradient(90deg, rgba(91, 187, 255, 0.4) 0%, rgba(0, 0, 0, 0) 70%) !important;
  208. }
  209. /* Also Mention */
  210. .mentioned > .body > .message-text:after
  211. {
  212. background: rgb(41, 137, 216) !important;
  213. border-color: rgb(41, 137, 216) !important;
  214. }
  215.  
  216. /* ``` Code Comment */
  217. .hljs
  218. {
  219. background: rgba(91, 187, 255, 0.2) !important;
  220. border: 1px solid rgba(91, 187, 255, 0.4) !important;
  221. border-radius: 5px !important;
  222. }
  223. /* Idem */
  224. .markup > pre
  225. {
  226. background: none !important;
  227. border: none !important;
  228. }
  229.  
  230. /* DM Friends Menu */
  231. .btn-friends > a
  232. {
  233. background: none !important;
  234. border: 2px solid rgba(41, 137, 216, 0.3) !important;
  235. }
  236. /* Same */
  237. .btn-friends.selected > a
  238. {
  239. background: none !important;
  240. border: 2px solid rgba(101, 197, 276, 0.5) !important;
  241. }
  242.  
  243. .channel.private > a:hover
  244. {
  245. background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
  246. }
  247.  
  248. .friends-row:hover
  249. {
  250. background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
  251. }
  252.  
  253. /* Friends Buttons Right */
  254. .friends-action
  255. {
  256. background-color: rgb(41, 137, 216) !important;
  257. }
  258.  
  259. /* Friends Top Bar Selected Item */
  260. .tab-bar-item.selected, .tab-bar-item-primary
  261. {
  262. background: rgb(41, 137, 216) !important;
  263. }
  264.  
  265. /* Private Chanel Selected Chat */
  266. .channel.selected.private > a
  267. {
  268. background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(41, 137, 216, 0.4)) !important;
  269. }
  270. /* ^^ */
  271. .channel.selected.private > a:hover
  272. {
  273. background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(41, 137, 216, 0.4)) !important;
  274. }
  275.  
  276. /* User Profile Popout Top */
  277. .headerNormal-1cioxU
  278. {
  279. background: rgb(41, 137, 216) !important;
  280. }
  281. /* User Profile Popout Profile Border */
  282. .avatar-1BXaQj
  283. {
  284. border-color: rgb(101, 197, 255) !important;
  285. }
  286. /* User Profile Popout Middle */
  287. .body-3rkFrF
  288. {
  289. background: rgb(60, 60, 60) !important;
  290. box-shadow: 0 -6px 6px rgba(0, 0, 0, 0.2) !important;
  291. border: none !important;
  292. }
  293. /* User Profile Popout Down */
  294. .footer-2J5zqP
  295. {
  296. background: rgb(60, 60, 60) !important;
  297. }
  298. /* User Profile Note */
  299. .note > textarea:focus
  300. {
  301. background: rgb(60, 60, 60) !important;
  302. }
  303.  
  304. /* Friends Icon */
  305. .friends-icon
  306. {
  307. background-color: rgb(1, 97, 176) !important;
  308. }
  309. /* Same But Hover */
  310. .friends-icon:hover
  311. {
  312. background-color: rgb(41, 137, 216) !important;
  313. }
  314.  
  315. /* Modal Menu */
  316. .modal-3HOjGZ
  317. {
  318. background-color: rgb(41, 137, 216) !important;
  319. }
  320.  
  321. /* Some Popout Menu */
  322. .popout-menu
  323. {
  324. background-color: rgb(41, 137, 216) !important;
  325. }
  326.  
  327. .popout-menu-item
  328. {
  329. color: white !important;
  330. transition: 0.4s !important;
  331. }
  332.  
  333. .popout-menu-item:hover
  334. {
  335. background: rgba(0, 0, 0, 0.4) !important;
  336. }
  337.  
  338. .popout-menu-item.invite
  339. {
  340. color: rgb(91, 187, 255) !important;
  341. }
  342.  
  343. .popout-menu-item.leave
  344. {
  345. color: rgb(255, 97, 31) !important;
  346. }
  347.  
  348. .popout-menu-icon
  349. {
  350. background-color: white !important;
  351. border-radius: 5px !important;
  352. border: 3px solid white !important;
  353. }
  354.  
  355. .popout-menu-separator
  356. {
  357. display: none !important;
  358. }
  359. /* Ends Here */
  360.  
  361. /* Member List Hover */
  362. .channel-members > .member:hover
  363. {
  364. background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
  365. }
  366.  
  367. /* User Profile Modal */
  368. /* ==================================================================================================== */
  369. #user-profile-modal > .scroller-wrap, #user-profile-modal > .empty
  370. {
  371. background: rgb(60, 60, 60) !important;
  372. }
  373.  
  374. #user-profile-modal > .scroller-wrap > .guilds
  375. {
  376. background: none !important;
  377. }
  378.  
  379. .tab-bar-container
  380. {
  381. background: rgb(41, 137, 216) !important;
  382. border-color: rgb(121, 217, 255) !important;
  383. }
  384.  
  385. .tab-bar-item
  386. {
  387. color: rgb(121, 217, 255) !important;
  388. }
  389.  
  390. .tab-bar-item.selected
  391. {
  392. color: white !important;
  393. border-color: white !important;
  394. }
  395.  
  396. #user-profile-modal > .scroller-wrap > .guilds > .guild:hover
  397. {
  398. background: linear-gradient(90deg, rgba(91, 187, 255, 0.6), rgba(0, 0, 0, 0)) !important;
  399. }
  400.  
  401. #user-profile-modal > .header
  402. {
  403. background: rgb(41, 137, 216) !important;
  404. }
  405.  
  406. #user-profile-modal > .header:after
  407. {
  408. background: none !important;
  409. }
  410.  
  411. #user-profile-modal > .avatar-wrapper
  412. {
  413. background-color: rgb(41, 137, 216) !important;
  414. }
  415.  
  416. #user-profile-modal > .header > .header-info > .header-info-inner > .discord-tag, #user-profile-modal > .header > .header-info > .header-info-inner > .discord-tag > .discriminator, #user-profile-modal > .header > .header-info > .header-info-inner > .activity
  417. {
  418. color: white !important;
  419. }
  420. /* ==================================================================================================== */
  421.  
  422. @ keyframes unread
  423. {
  424. 0%{opacity: 0.3;
  425. }
  426.  
  427. 50%
  428. {
  429. opacity: 1;
  430. }
  431.  
  432. 100%
  433. {
  434. opacity: 0.3;
  435. }
  436. }
  437.  
  438. @keyframes mentions
  439. {
  440. 0%
  441. {
  442. border: 1px solid rgba(41, 137, 216, 0);
  443. }
  444.  
  445. 10%
  446. {
  447. border: 1px solid rgb(41, 137, 216);
  448. }
  449.  
  450. 20%
  451. {
  452. border: 1px solid rgb(51, 147, 226);
  453. }
  454.  
  455. 30%
  456. {
  457. border: 1px solid rgb(81, 177, 255);
  458. }
  459.  
  460. 40%
  461. {
  462. border: 1px solid rgb(101, 197, 255);
  463. }
  464.  
  465. 50%
  466. {
  467. border: 1px solid rgba(101, 197, 255, 0);
  468. }
  469.  
  470. 100%
  471. {
  472. border: 1px solid rgba(41, 137, 216, 0);
  473. }
  474. }
  475. }
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!