☰

GeoGuessr Better Emotes Wheel

Simplifies the look of the emote wheel by getting rid of a lot of the bloat

  1. // ==UserScript==
  2. // @name        GeoGuessr Better Emotes Wheel
  3. // @namespace   https://greasyfork.org/en/users/1435525-rawblocky
  4. // @match       https://www.geoguessr.com/*
  5. // @icon        https://www.google.com/s2/favicons?sz=64&domain=geoguessr.com
  6. // @grant       GM_addStyle
  7. // @license     MIT
  8. // @version     1.0
  9. // @author      Rawblocky
  10. // @description Simplifies the look of the emote wheel by getting rid of a lot of the bloat
  11. // ==/UserScript==
  12.  
  13.  
  14. // Configuration
  15. const emoteMenuOpacity = 0.1 // 0 = Transparent, 1 = Opaque
  16. const emoteMenuBlurAmount = 0.25 // How blurred should the emote menu background be?
  17.  
  18.  
  19. // Code
  20. GM_addStyle(`
  21.  
  22. /* Remove background blur */
  23. [class*="emote-wheel_overlay__"] {display: none !important}
  24.  
  25. /* Wheel effects */
  26. [class*="emote-wheel_wheel__"] {
  27.   /* Remove 3D effect */
  28.   transform: perspective(600px) !important;
  29.   /* Add blur */
  30.   backdrop-filter: blur(${emoteMenuBlurAmount}rem) !important;
  31.   -webkit-backdrop-filter: blur(${emoteMenuBlurAmount}rem) !important;
  32.   /* Remove transition + add background color */
  33.   animation: none !important;
  34.   background-color: rgb(0 0 0 / ${emoteMenuOpacity}) !important
  35. }
  36.  
  37. /* Remove wedges */
  38. [class*="emote-wheel_svgButton__"] {animation: none !important}
  39.  
  40. /* Change button easing */
  41. [class*="emote-wheel_root__"] {--smooth: cubic-bezier(0,1,0.49,1.04) !important}
  42.  
  43. /* Remove emote icons transition/delay */
  44. [class*="emote-wheel_emoteContainer__"] {animation: none !important; opacity: 1 !important}
  45. `);