O botão de resposta acabou sendo a coisa mais difícil de consertar usando CSS.
Ele está deixando o botão de resposta mais claro quando se passa o mouse/foca em uma postagem. Também está deixando a palavra “Reply” (Responder) mais em negrito ao passar o mouse, o que eu não gosto.
Também está mudando a cor da fonte no hover direto, mas mudou apenas o Ícone e não a palavra Reply, então preciso de CSS para unificar o padrão.
Há tantos efeitos acontecendo no botão de Resposta, também há algum tipo de negrito/ou fonte mais pesada sendo adicionada.
Este é o código que tenho, ainda há um efeito de aumento de fonte acontecendo, consegui me livrar do efeito de clareamento:
.post-info.edits .btn-flat svg,
.post-info.edits .btn-flat .d-button-label,
.topic-post .post-controls .create svg,
.topic-post .post-controls .create .d-button-label {
fill: #7b7b7b !important;
color: #7b7b7b !important;
}
/* 2. Estado de hover: Mudar para e0e0e0 */
.post-info.edits .btn-flat:hover svg,
.post-info.edits .btn-flat:hover .d-button-label,
.topic-post .post-controls .create:hover svg,
.topic-post .post-controls .create:hover .d-button-label {
fill: #e0e0e0 !important;
color: #e0e0e0 !important;
}
/* 3. Eliminar o clareamento/brilho e desacelerar transições */
.post-info.edits .btn-flat,
.topic-post .post-controls .create {
opacity: 1 !important;
filter: none !important;
transition: none !important;
animation: none !important;
}
/* 4. Impedir que o destaque de rolagem desbote as cores */
.topic-post.highlighted .post-controls .create,
.topic-post.highlighted .post-info.edits .btn-flat {
filter: none !important;
opacity: 1 !important;
}
Seria muito legal se você pudesse modificar os ícones/fonte/texto através de algum tipo de estilo embutido. Como eu tenho tanto CSS fazendo o visual padrão ficar bom para minhas necessidades.
Eu tinha isso parecendo melhor, mas tive que remover o CSS que eu tinha porque estava causando muitos problemas devido aos botões duplicados e todos os diferentes estilos que estavam sendo aplicados.