This style hides a few annoyances on Discord.
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
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;
} */
}