Question: How do I change the color of messages?

[AymanAliS]

Hi, Love the theme, but right now the messages(not mine) are a dark red/purpely color which I don't like, is there any way to change this. I see that the colors are different in your screenshot when in mine each groupchat has it's own colors instead of varied in one and I would love something like that.

Here are some examples of what I mean

[Madelena]

There is a setting in Beeper that you might need to turn off in the Appearance section:

[AymanAliS]

I tried it and it made every other chat that same redish color

[Madelena]

I tried it and it made every other chat that same redish color

When it's redish, it's following the theme color. You can then change the number in this line of code:

--metrology-hue: 335; /* Enter values between 0 and 359 to change the color of the theme. */

[anubhab-mandal]

@AymanAliS

found the fix after looking at much simpler, less complicated themes unlike this metrology one. add the following snippet at the top of the css file just after :root {

    --metrology-my-bubble-color: #YOURCOLOR;
    --chatview__message_self__backgroundcolor: var(--metrology-my-bubble-color);
    --metrology-their-bubble-color: #YOURCOLOR;
    --chatview__message_tail__color: var(--metrology-their-bubble-color);
    --chatview__message__backgroundcolor: var(--metrology-their-bubble-color);  
    --metrology-chat-background-color: #YOURCOLOR;
    --chatview__backgroundcolor: var(--metrology-chat-background-color);
    --theme-chat-background-image: #YOURCOLOR;
    --chatview__backgroundimage: var(--metrology-chat-background-image);

replace #YOURCOLOR with your color of choice my-bubble-color is the color of the bubble from your side, and their-bubble-color is the color of the bubble from their side, and in case you want to change the background of the chat screens, you can put a color or an image in there in the theme-chat-background-image variable.

cheers;

[anubhab-mandal]

@Madelena i feel like you can close this one now