Você pode selecionar entre uma variedade de cores ou escolher cores da sua paleta para combinar com seu tema. Também é possível definir a opacidade de fundo do balão em relação à cor e ao fundo.
Estou curioso sobre algo, porque nunca mexi com plugins antes…
É possível permitir um código hexadecimal com opacidade, em vez de permitir apenas cores do sistema? Sem problemas se isso exigir muito trabalho extra. Só estou curioso.
E se eu quisesse alterar o estilo? da sombra ou de outros CSS. Não sou muito experiente no Github e em como tudo isso funciona, mas olhei no seu repositório .git antes de copiar para os componentes do meu tema. Sei escrever CSS. Posso fazer uma cópia do seu plugin, ajustar o arquivo CSS que você tem e depois fazer o upload desse novo componente de tema com o estilo que eu quero?
Se você puder me indicar alguma instrução sobre como modificar um plugin, seria incrível. Ou, supostamente, eu poderia apenas fazer uma substituição de CSS no front-end. Uma opção é melhor que a outra em termos de desempenho?
Mais uma vez… Muito obrigado por isso… é exatamente a solução que eu estava procurando para diferenciar DMs de tópicos normais!
Basta editar a folha de CSS e clicar em Salvar. Essas são suas próprias personalizações. Se quiser compartilhá-las e incorporá-las ao componente para que todos se beneficiem, você pode simplesmente postar o CSS neste tópico no meta do Discourse ou, como objetivo de longo prazo, aprender a fazer pull requests no GitHub e/ou fazer um fork do repositório se estiver fazendo alterações mais substanciais.
Essa é uma solução tão simples para tornar as mensagens privadas (DMs) claramente distintas dos tópicos padrão do nosso fórum.
Acabei de perguntar a um membro o que ele achou e ele ficou muito feliz com isso. Elogiou a ideia e a execução, então estou só repassando isso para você!!
Atualizei este componente do tema para que você agora possa inserir suas próprias cores usando:
nomes de cores em HTML (black, white, maroon, red, purple, green, lime, olive, yellow, navy, blue, teal, aqua)
códigos de cores em HTML (#000000 black, #FFFFFF white etc. ou códigos curtos, como #CCC)
nomes de cores do tema (primary, secondary, tertiary)
Você também pode definir suas próprias cores de texto para mensagens da mesma forma, para criar contraste com a cor da bolha.
A configuração de opacidade permite mesclar a cor da bolha com o fundo, de modo que a cor se ajuste às configurações do seu tema — por exemplo, para temas Claro e Escuro.
Esta atualização é compatível com versões anteriores. Para acessar esse recurso, use o botão “Verificar atualizações” nas configurações do seu tema.
Desativei as bordas com CSS personalizado e fiz apenas uma mudança sutil de cor, o que ficou legal. Seria ótimo se houvesse uma opção para modificar as bordas ou apenas um interruptor de ligar/desligar.
A propósito, como você pode ver, instalei o componente duas vezes e defini cores escuras para o nosso tema escuro e cores claras para o nosso tema claro. Acho que não há outra maneira se quisermos usar cores CSS personalizadas.
Também uma pequena sugestão: você permite adicionar algo ao final do botão de resposta, mas em alguns idiomas (como o turco) é mais preferível adicionar algo no início, pois o verbo fica no final das frases nesses idiomas.
Sim, essa é uma boa solução alternativa. A mudança planejada no Discourse para remover a capacidade de modificar localmente temas e componentes do Discourse terá algum impacto na sua implementação? Claramente, tem sido útil aqui.
Estava me referindo a este anúncio na versão Beta. Você ainda pode modificar o CSS, mas precisará criar um novo componente de tema, que não estará mais vinculado ao repositório Git, e copiar todo o código. Foi isso que você fez ou optou pela solução simples de apenas editar o CSS no componente?
Isso me parece problemático. Eu preferiria manter a capacidade de editar temas in loco. Isso certamente ajuda no desenvolvimento de temas/componentes.
Tenho um componente local chamado “common sub-theme” onde faço edições para outros componentes. Nesse sub-tema, alvo classes, elementos etc. de outros componentes. Enquanto o autor do componente não alterar os nomes de suas classes, ids etc., estou bem e isso funciona. Atualmente, como você também incluiu a remoção da borda, não preciso de nenhuma modificação no meu sub-tema para o componente Personal Message Bubbles, a propósito.
Olá e obrigado por este componente de tema maravilhoso.
Um bug potencial: Parece que a opção de texto “anexado” inclui um espaço antes da string na parte inferior do tópico da mensagem, mas não o inclui na janela do editor. Veja abaixo:
@Rhidian, você também pode adicionar a opção de prefixar texto ao botão de Resposta? Em alguns idiomas (como o turco), faria sentido adicionar algum texto ao início de um verbo.
A funcionalidade deste Componente de Tema foi adicionada ao núcleo do Discourse a partir da versão 2.8.0. Você não terá muita sorte se continuar a usá-lo após atualizar para versões superiores a essa!
