Alterar cor das mensagens pessoais

For some time I borrowed @ChrisBeach’s CSS snippet, so I converted it into a theme component, find the result here:


What it does

It changes the appearance of the page when a personal message is being read:

  • the head banner color (with a gradient),
  • the font color,
  • the background color,
  • the title color,
  • by adding some text after reply.

All these changes are optional and can be toggled with their on/off setting. The main «personal messages» color can also be changed with a setting. To tweak the different colors, edit the top part of the CSS file.

18 curtidas

Obrigado, @oca!

Percebi que isso só funciona com nomes de cores, não com códigos hexadecimais. Isso torna complicado combinar com uma paleta de cores. Analisando o CSS e a forma como as cores são misturadas, acho que não seria muito fácil alterar isso. Alguém pode provar o contrário?

2 curtidas

Parece que isso é um Tema e não um ‘Componente de Tema’, mas por favor, corrija-me se eu estiver errado.

Já estou usando um Tema que personalizei completamente, e apenas um tema pode ser usado por vez. Você pode permitir que os usuários alternem de um tema para outro… está correto?

Entendo que os COMPONENTES de tema permitem aplicar o componente ao seu tema ativo/principal/padrão. Pelo menos, é assim que os outros componentes de tema parecem funcionar para mim. Nos Componentes de Tema, há uma caixa que diz “Incluir componente nestes temas”, o que permite aplicar o componente ao seu tema padrão.

Seria possível transformar isso em um componente para que eu possa manter meu tema principal/padrão ativo, ao mesmo tempo que habilito essas personalizações para mensagens pessoais ou DMs/PMs?

2 curtidas

Lembro-me de ter enviado PRs para todos os componentes de tema que temos aqui no Meta quando fizemos a mudança que diferencia temas de componentes de tema.

Acho que este passou despercebido porque era uma resposta a outro tópico e, desde então, foi movido para seu próprio tópico na categoria #theme.

@oca Você só precisa adicionar uma linha a este “tema” para fazê-lo funcionar como um componente de tema. Você precisa adicionar

"component": true

ao arquivo about.json do seu componente, assim:

{
  "name": "Mensagens privadas com cor",
  "about_url": "https://framagit.org/oca/discourse-theme-colored-private-messages   ",
  "license_url": "https://framagit.org/oca/discourse-theme-colored-private-messages/blob/master/LICENSE",
+ "component": true,
   "assets": {
        "asset-variable": "assets/background.svg"
   }
}

Assim que você fizer isso, ele deve funcionar como qualquer outro componente e, em seguida, podemos adicionar a tag theme-component a este tópico.

6 curtidas

Enquanto isso, @Rhidian me ensinou um novo truque: você pode converter um tema em um componente ou vice-versa, usando o botão “Converter”…

2 curtidas

Eu também adoraria ver a possibilidade de usar um código HEX aqui!

3 curtidas

Feito!
Obrigado pelas dicas.

5 curtidas

Vou dar uma olhada.
Poderia valer a pena adicionar isso como um parâmetro de componente agora que podemos fazer isso.
Não posso prometer nada, ainda estou aprendendo essas coisas.

6 curtidas

Ótimo :+1:

Adicionei a tag a este tópico. Quando puder, poderia adicionar uma ou duas capturas de tela ao OP neste tópico? Sem pressa, mas isso facilita ver as mudanças que este componente provoca.

6 curtidas

Acho que o problema é que há uma vírgula extra no final do about.json

6 curtidas

Obrigado por isso!

Mas não obrigado para quem construiu a norma JSON…

4 curtidas

Esta ainda é a maneira de mudar a cor das DMs/PMs?

2 curtidas

Acho que pode ser feito de uma maneira melhor.
Tenho usado Mensagens Pessoais em Balão por algum tempo, mas agora foi adicionado como um recurso principal.

1 curtida

Esse componente ainda funciona bem agora que as bolhas de mensagens pessoais estão no núcleo? Acho que alguém teve alguns conflitos há um tempo atrás Personal Message Bubbles - #93 by AntiMetaman

3 curtidas