☰

Better GUI (Geoguessr)

A peronal set of CSS rules that remove clutter and make the game look nicer.

当前为 2024-09-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Better GUI (Geoguessr)
  3. // @namespace    alienperfect
  4. // @version      2024.1
  5. // @description  A peronal set of CSS rules that remove clutter and make the game look nicer.
  6. // @author       Alien Perfect
  7. // @match        https://www.geoguessr.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=32&domain=geoguessr.com
  9. // @grant        GM_addStyle
  10. // @run-at       document-start
  11. // ==/UserScript==
  12.  
  13. GM_addStyle(`
  14. /* General */
  15. /* Underline links on hover */
  16. a:hover {text-decoration: underline !important}
  17.  
  18. /* Space items in profile dropdown */
  19. [class*="profile_profileLink__"] {padding: .75rem !important}
  20. a[href*="signout"] {margin-top: 1rem}
  21.  
  22. /* Hide loading animation (games load sligthly faster) */
  23. [class*="fullscreen-spinner"] {display: none !important}
  24.  
  25. /* Hide button glint */
  26. [class*="button"] {background-image: none !important}
  27.  
  28. /* Hide slant on elements */
  29. * {font-style: normal !important}
  30. div[class*="slanted"] {transform: none !important}
  31. div[class*="slanted"]::before {transform: none !important}
  32. [class*="pop-out-main-menu"] {transform: none !important}
  33. [class*="pop-out-main-menu_wrapper__"] {transform: none !important}
  34. [class*="map-card"] {font-style: normal !important; transform: none !important}
  35. [class*="map-card"] > * {transform: none !important}
  36.  
  37. /* Improved ongoing games */
  38. [class*="current_image__"] * [class*="styles_root__"] {border-radius: 100% !important}
  39. [class*="current_gameListItem"] > [class*="current_actions"] {flex-direction: row-reverse !important}
  40.  
  41. /* Allow selection of all text */
  42. * {user-select: text !important}
  43.  
  44. /* Remove animation in compare stats in profile */
  45. [class*="user-stats-overview_youBox__"] {animation: none !important}
  46. [class*="user-stats-overview_mainValueAnimation__"] {animation: none !important; transition: none !important}
  47.  
  48.  
  49. /* Bloat */
  50. /* Hide avatars in profile */
  51. [class*="avatarWrapper"], [class*="animated-player-item_avatarContainer__"] {display: none !important}
  52. [class*="profile-header_headerContent__"] {justify-content: space-between !important}
  53.  
  54. /* Hide coins */
  55. [data-qa="profile-coin-count"] {display: none !important}
  56.  
  57. /* Hide promo deals */
  58. [class*="promo"], [class*="primary-menu_tagWrapper__"] {display: none !important}
  59.  
  60. /* Hide missions */
  61. [class*="header_context__"] > [class*="slanted-button_container__"] {display: none !important}
  62.  
  63. /* Hide trophies */
  64. [class*="profile-feats_feats__"] {display: none !important}
  65. [class*="profile-header_actions__"]:has(+ a[href*="avatar"]) {display: none !important}
  66.  
  67. /* Hide friend suggestions */
  68. [class*="friend-list_friendsMeta"] {display: none !important}
  69. [class*="friend-list_container__"] {padding: 0 !important}
  70.  
  71. /* Cleaner main page */
  72. [class*="slanted-wrapper_variantGrayTransparent"] {--variant-background-color: none !important}
  73. [class*="signed-in-start-page_backgroundWrapper__"] {display: none !important}
  74. [class*="signed-in-start-page_globetrotterStartPage__"] {display: none !important}
  75. /* World cup */
  76. [class*="world-cup-signed-in-start-page_merchNudge____"] {display: none !important}
  77. [class*="world-cup-signed-in-start-page_badgeContainer__"] {display: none !important}
  78.  
  79.  
  80. /* In-game */
  81. /* Transparent map status bar */
  82. [class*="status_inner__"] {background-color: rgb(0 0 0 / 25%) !important; border-bottom-left-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important}
  83. [class*="slanted-wrapper_variantPurple__"] {--variant-background-color: unset !important; --variant-box-shadow: unset !important}
  84. [class*="status_inner__"] > * [class*="status_label__"] {color: rgb(255 255 255 / 95%) !important}
  85. [class*="status_inner__"] > * [class*="status_value__"] {color: rgb(255 255 255 / 95%) !important}
  86. [class*="slanted-wrapper_withShadow"] {--variant-filter: drop-shadow(0 0.3rem 0.4rem rgba(0,0,0,.4)) !important}
  87.  
  88. /* New compass more transparent */
  89. [class*="compassContainer"] {background-color: rgb(0 0 0 / 25%) !important}
  90.  
  91. /* Hide zoom controls */
  92. [class*="styles_controlGroup__"] {display: none !important}
  93. [class*="guess-map_zoomControls__"] {display: none !important}
  94.  
  95. /* Hide friend chat */
  96. [class*='friend-chat-in-game-button_root__'] {display: none !important}
  97.  
  98. /* Hide Google copyright, logo, shortcuts */
  99. [class$="gmnoprint"], [class$="gm-style-cc"], img[src*="google-logo"] {display: none !important}
  100.  
  101. /* Hide logo */
  102. img[alt="GeoGuessr"] {display: none !important}
  103.  
  104. /* Hide ads */
  105. [class*="result-layout_adWrapper__"] {display: none !important}
  106.  
  107. /* Faster map opening animation */
  108. [data-qa='guess-map'] {transition: opacity .04s ease, width .04s ease, height .04s ease !important}
  109.  
  110. /* Reduce pin opacity on hover */
  111. [class*="map-pin_mapPin"]:not([data-pano]):hover {opacity: 15%}
  112. `);