Skip to content

Discord - Annoyance Removal by misspeled-name

Details

Authormisspeled-name

LicenseCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

Categorydiscord.com, discord, discordapp

Created

Updated

Size8.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This style hides a few annoyances on Discord.

Notes

Removed annoyances currently include:
the notification bar at the top of the page for the discord app
nitro gift button
nitro/shop tabs in the DM list
nitro ad when hovering over super reactions/server emojis
the big profile panel on the right side of DMs
the apps and commands button

There are also options (not enabled by default) for making super reactions appear more like normal reactions or even outright removing them. Take a look at the source code for details.

I uploaded a couple other themes which remove further page elements that didn't seem quite appropriate for an annoyances list.

Source code

/* ==UserStyle==
@name           Discord - Annoyance Removal
@namespace      Misspeled Name (https://userstyles.world/user/misspeled-name)
@version        1.0.20
@description    This style hides a couple minor annoyances on discord.
@author         Misspeled Name (https://userstyles.world/user/misspeled-name)
@license        Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
==/UserStyle== */

@-moz-document domain("discordapp.com"), domain("discord.com") {
  /* the closable top bar with app advertisement and other persistent notifications */
  .notice_be03aa
  /* nitro gift button in the chat box*/
  , [class*="channelBottomBarArea_"] .buttons_bdf0de > *:nth-child(1)
  /* get nitro button when clicking an emoji in a server */
  , button:has(> .premiumSubscribeButton_af971d)
  /* nitro tab in DM list */
  , .privateChannels_f0963d li[class*="channel_"]:has(> * > a[class*="link_"][href="/store"])
  /* shop tab in DM list */
  , .privateChannels_f0963d li[class*="channel_"]:has(> * > a[class*="link_"][href="/shop"])
  /* expandable quest menu */
  /* there is an option in discord to disable the quest notifications
     https://support.discord.com/hc/en-us/articles/22225719947543-Discord-Quests-FAQ
     the "Opt-out of personalized promotion for all Quests" instructions explains how
     after changing the setting in discord reload the page for the change to affect the current quest */
  /* the big profile panel on the right side of DM */
  , [class*="chat_"] .panel_c69a7b
  /* apps and commands button next to the input box*/
  , .channelAppLauncher_df39bd
  /* the hide/show button on the top bar for the big profile panel
     aria-label varies by language settings */
  /* HIDE_USER_PROFILE */
  , .iconWrapper_fc4f04[aria-label="Hide User Profile"]
  , .iconWrapper_fc4f04[aria-label="Скриване на потребителски профил"]
  , .iconWrapper_fc4f04[aria-label="Skrýt uživatelský profil"]
  , .iconWrapper_fc4f04[aria-label="Skjul brugerprofil"]
  , .iconWrapper_fc4f04[aria-label="Nutzerprofil verbergen"]
  , .iconWrapper_fc4f04[aria-label="Απόκρυψη προφίλ χρήστη"]
  , .iconWrapper_fc4f04[aria-label="Ocultar perfil de usuario"]
  , .iconWrapper_fc4f04[aria-label="Piilota käyttäjäprofiili"]
  , .iconWrapper_fc4f04[aria-label="Masquer le profil d'utilisateur"]
  , .iconWrapper_fc4f04[aria-label="यूज़र प्रोफ़ाइल छिपाएं"]
  , .iconWrapper_fc4f04[aria-label="Sakrij korisnički profil"]
  , .iconWrapper_fc4f04[aria-label="Felhasználói profil elrejtése"]
  , .iconWrapper_fc4f04[aria-label="Nascondi profilo utente"]
  , .iconWrapper_fc4f04[aria-label="ユーザープロフィールを非表示"]
  , .iconWrapper_fc4f04[aria-label="사용자 프로필 숨기기"]
  , .iconWrapper_fc4f04[aria-label="Slėpti naudotojo profilį"]
  , .iconWrapper_fc4f04[aria-label="Gebruikersprofiel verbergen"]
  , .iconWrapper_fc4f04[aria-label="Skjul brukerprofil"]
  , .iconWrapper_fc4f04[aria-label="Ukryj profil użytkownika"]
  , .iconWrapper_fc4f04[aria-label="Ocultar perfil do usuário"]
  , .iconWrapper_fc4f04[aria-label="Ascunde profilul utilizatorului"]
  , .iconWrapper_fc4f04[aria-label="Скрыть профиль пользователя"]
  , .iconWrapper_fc4f04[aria-label="Dölj användarprofil"]
  , .iconWrapper_fc4f04[aria-label="ซ่อนโปรไฟล์ผู้ใช้"]
  , .iconWrapper_fc4f04[aria-label="Kullanıcı Profilini Gizle"]
  , .iconWrapper_fc4f04[aria-label="Приховати профіль користувача"]
  , .iconWrapper_fc4f04[aria-label="Ẩn Hồ Sơ Người Dùng"]
  , .iconWrapper_fc4f04[aria-label="隐藏用户个人资料"]
  , .iconWrapper_fc4f04[aria-label="隱藏使用者個人資料"]
  /* SHOW_USER_PROFILE */
  , .iconWrapper_fc4f04[aria-label="Show User Profile"]
  , .iconWrapper_fc4f04[aria-label="Показване на потребителски профил"]
  , .iconWrapper_fc4f04[aria-label="Zobrazit uživatelský profil"]
  , .iconWrapper_fc4f04[aria-label="Vis brugerprofil"]
  , .iconWrapper_fc4f04[aria-label="Nutzerprofil anzeigen"]
  , .iconWrapper_fc4f04[aria-label="Εμφάνιση προφίλ χρήστη"]
  , .iconWrapper_fc4f04[aria-label="Mostrar perfil de usuario"]
  , .iconWrapper_fc4f04[aria-label="Näytä käyttäjäprofiili"]
  , .iconWrapper_fc4f04[aria-label="Afficher le profil d'utilisateur"]
  , .iconWrapper_fc4f04[aria-label="यूज़र प्रोफ़ाइल दिखाएं"]
  , .iconWrapper_fc4f04[aria-label="Prikaži korisnički profil"]
  , .iconWrapper_fc4f04[aria-label="Felhasználói profil megjelenítése"]
  , .iconWrapper_fc4f04[aria-label="Mostra profilo utente"]
  , .iconWrapper_fc4f04[aria-label="ユーザープロフィールを表示"]
  , .iconWrapper_fc4f04[aria-label="사용자 프로필 보기"]
  , .iconWrapper_fc4f04[aria-label="Rodyti naudotojo profilį"]
  , .iconWrapper_fc4f04[aria-label="Gebruikersprofiel tonen"]
  , .iconWrapper_fc4f04[aria-label="Vis brukerprofil"]
  , .iconWrapper_fc4f04[aria-label="Pokaż profil użytkownika"]
  , .iconWrapper_fc4f04[aria-label="Mostrar perfil do usuário"]
  , .iconWrapper_fc4f04[aria-label="Arată profilul utilizatorului"]
  , .iconWrapper_fc4f04[aria-label="Показать профиль пользователя"]
  , .iconWrapper_fc4f04[aria-label="Visa användarprofil"]
  , .iconWrapper_fc4f04[aria-label="แสดงโปรไฟล์ผู้ใช้"]
  , .iconWrapper_fc4f04[aria-label="Kullanıcı Profilini Göster"]
  , .iconWrapper_fc4f04[aria-label="Показати профіль користувача"]
  , .iconWrapper_fc4f04[aria-label="Hiện Hồ Sơ Người Dùng"]
  , .iconWrapper_fc4f04[aria-label="显示用户个人资料"]
  , .iconWrapper_fc4f04[aria-label="顯示使用者個人資料"]
  {
    display: none !important;
  }

  /* padding on right side of chat messages
     i think this padding was for the apps and commands button */
  body .message_d5deea {
    padding-right: 0 !important;
  }

  /* the next section deals with super reactions
     depending on what is uncommented super reactions can be neutered to seem more/entirely like normal reactions or hidden altogether
     if you wish to hide super reactions entirely just uncomment the first line
     to make super reactions appear identical to normal reactions uncomment every line EXCEPT the first
     otherwise pick and choose whatever mix of effects is desired */

  /* uncomment this line to hide super reactions altogether */
  /* .reaction_ec6b19[style^="opacity: 1; background: rgba("] {display: none !important;} */
  /* nitro ad when hovering over a super reaction */
  .burstReactionTooltipPrompt_fba897 {display: none !important;}
  /* fancy animation that displays when hovering over a super reaction */
  /* .reaction_ec6b19[style^="opacity: 1; background: rgba("] [class^="effectsWrapper_"] {display: none !important;} */
  /* fix to prevent super reaction emoji from vanishing while hovering mouse over it
     only uncomment this if the fancy animation line above is uncommented as well */
  /* .reaction_ec6b19[style^="opacity: 1; background: rgba("] [class*="hideEmoji_"] {opacity: 1 !important;} */
  /* glowing background color for super reactions
     this removes the center portion of the background color but leaves the outer edge */
  /* .reaction_ec6b19[style^="opacity: 1; background: rgba("]:not(:hover) {background: var(--background-secondary) !important;} */
  /* border that fades out for super reaction glowing background color
     this removes the outer edge of the background color */
  /* .reaction_ec6b19[style^="opacity: 1; background: rgba("] [class^="burstGlow_"] {display: none !important;} */
  /* shake effect when hovering over super reactions */
  /* .reaction_ec6b19[style^="opacity: 1; background: rgba("][class*="shakeReaction_"]
  {
    animation:none !important;
    animation-iteration-count:0 !important;
  } */
  /* apply normal reaction hover over background color change to super reactions */
  /* .reaction_ec6b19[style^="opacity: 1; background: rgba("]:hover
  {
    background-color: var(--background-primary) !important;
    border-color: hsl(var(--white-500-hsl)/.2) !important;
  } */
}

Reviews

No reviews yet.