☰

Rainbow UI 🌈 | Ad Block 🛑 | Better Map 🗺 | Show Ping 🏓 | MooMoo.io

Rainbow UI, ad block, better map, always show ping for moomoo.io.

09.08.2022 itibariyledir. En son verisyonu görün.

  1. // ==UserScript==
  2. // @name Rainbow UI 🌈 | Ad Block 🛑 | Better Map 🗺 | Show Ping 🏓 | MooMoo.io
  3. // @namespace -
  4. // @version 1.2.0
  5. // @description Rainbow UI, ad block, better map, always show ping for moomoo.io.
  6. // @author NotYou
  7. // @include *://moomoo.io/*
  8. // @include *://*.moomoo.io/*
  9. // @run-at document-body
  10. // @license GPL-3.0-or-later
  11. // @grant none
  12. // ==/UserScript==
  13.  
  14. let style = document.createElement('style')
  15. style.appendChild(document.createTextNode(`
  16. :root {
  17.   --w: rgb(255, 255, 255);
  18.   --b: rgb(19, 19, 19);
  19.   --f: rgb(9, 9, 9);
  20.   --b-t: rgba(0, 0, 0, 0.6);
  21.   --f-t: rgba(0, 0, 0, 0.8);
  22. }
  23.  
  24. /* AD BLOCK */
  25.  
  26. #adCard, #menuContainer > :last-child, #promoImgHolder, #pre-content-container, #ot-sdk-btn-floating, #moomooio_728x90_home {
  27.   display: none !important;
  28. }
  29.  
  30. /* RGB UI */
  31.  
  32. #serverBrowser, .menuCard, #linksContainer2 {
  33.   background-color: var(--b);
  34. }
  35.  
  36. #loadingText, #diedText, #gameName, #partyButton, #youtuberOf, #pingDisplay, #ageText, #linksContainer2, #enterGame span, #nameInput, .material-icons {
  37.   color: var(--f);
  38. }
  39.  
  40. #ageBody, #actionBar *, #resDisplay *, #upgradeHolder *, #mapDisplay, #topInfoHolder, #killCounter, .uiElement, #ageBar, #storeHolder, .storeTab, #allianceHolder, #allianceManager *, #chatBox, .notifButton {
  41.   background-color: var(--f-t) !important;
  42. }
  43.  
  44. .uiElement.gameButton:hover, #actionBar *:hover, #upgradeHolder *:hover, .storeTab:hover, .notifButton:hover {
  45.   background-color: var(--b-t);
  46. }
  47.  
  48. #menuCardHolder[style*="block"] {
  49.   display: grid !important;
  50. }
  51.  
  52. #rightCardHolder, #guideCard {
  53.   height: 147px;
  54. }
  55.  
  56. .menuCard {
  57.   box-shadow: var(--f) 0 7px;
  58. }
  59.  
  60. .menuCard * {
  61.   color: var(--w);
  62. }
  63.  
  64. #serverBrowser {
  65.   border: 1px solid var(--f);
  66. }
  67.  
  68. #gameName {
  69.   text-shadow: var(--b) 0px 1px 0px, var(--b) 0px 2px 0px, var(--b) 0px 3px 0px, var(--b) 0px 4px 0px, var(--b) 0px 5px 0px, var(--b) 0px 6px 0px, var(--b) 0px 7px 0px, var(--b) 0px 8px 0px, var(--b) 0px 9px 0px;
  70. }
  71.  
  72. #ageBarBody {
  73.   background-color: red;
  74. }
  75.  
  76. #gameUI .material-icons, .joinAlBtn {
  77.   color: red !important;
  78. }
  79.  
  80. #enterGame, #joinPartyButton, #ageBarBody, #gameUI .material-icons, .joinAlBtn, a {
  81.   animation: 5s infinite linear both normal rainbow;
  82. }
  83.  
  84. @keyframes rainbow {
  85.   0% { filter: hue-rotate(0deg) }
  86.   100% { filter: hue-rotate(360deg) }
  87. }
  88.  
  89. /* OTHER */
  90.  
  91. #mapDisplay {
  92.   background-image: url(https://ksw2-center.glitch.me/users/fzb/map.png) !important;
  93.   background-size: contain !important;
  94. }
  95.  
  96. #topInfoHolder {
  97.   border-radius: 3px;
  98. }
  99.  
  100. `))
  101. document.head.appendChild(style)
  102.  
  103. window.addEventListener('DOMContentLoaded', function() {
  104.     // Always show ping
  105.     document.querySelector('#mainMenu').insertAdjacentElement('beforebegin', document.querySelector('#pingDisplay'))
  106.  
  107.     // Remove useless text
  108.     document.querySelector('#leaderboard').lastElementChild.nextSibling.remove()
  109. })
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129.