Se alguém estiver pesquisando e encontrar este tópico, o código acima não funciona mais, mas fiz um atualizado.
.current-user {
position: relative;
}
.current-user::after {
position: absolute;
content: '';
display: block;
top:-16px;
left: -8px;
width: 45px;
height: 45px;
/* ATUALIZE A URL ABAIXO */
background: url(URL AQUI) no-repeat center;
background-size: contain;
pointer-events: none;
}
A linha “pointer-events” também é importante porque, sem ela, você não consegue mais clicar na sua foto de perfil para abrir o menu, pois a sobreposição do chapéu a bloqueia (você pode clicar no canto superior direito e na parte inferior, mas isso é irritante e não é imediatamente perceptível).
O outro código postado por @Robert (o segundo) para adicionar os chapéus nos perfis dentro do tópico ainda funciona, no entanto, ele contém o mesmo problema (embora menos importante porque você ainda pode clicar no nome de usuário ao lado da imagem desta vez), mas se você quiser corrigir isso também, pode apenas adicionar pointer-events: none;