Change color of personal messages

커스터마이징 테마 컴포넌트
1

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개의 좋아요
How to simplify DM's to individuals
Reply and PM should be siblings
Private vs Public space
Change "Reply" text independently for public topics and PMs
Change highlight color of selected CHAT message block
2019: The Year in Review
Isn’t it kind of hard to figure out that there is a mail/messaging system?
2

Thank you, @oca!

I’ve found that this only works with color names, not Hex color codes. This makes it tricky to match to a colour palate. From looking at the CSS and the way colours are mixed, I’m guessing it wouldn’t be very easy to change this. Can anyone prove me wrong?

2개의 좋아요
3

It appears that this is a Theme and not a Theme “Component” but please correct me if I’m wrong.

I’m already using a Theme that I’ve completely customized, and only one theme can be used at a time, and you can allow users to toggle from one theme to another… is that right?

It’s my understanding that theme COMPONENTS allow you to apply the component to your active/main/default theme. At least this is how the other theme components seem to work for me. In the theme Components, there’s a box that says " Include component on these themes" which allows you to apply the component to your default theme.

Would it be possible to turn this into a component so I can keep my main/defualt theme active, while enability these customizations for the personal messages or DMs/PMs ?

2개의 좋아요
4

테마와 테마 컴포넌트를 구분하는 변경 사항을 적용할 당시, Meta에 있는 모든 테마 컴포넌트에 PR을 보냈던 기억이 납니다.

이것은 다른 주제에 대한 답변이었기 때문에 누락된 것으로 보이며, 이후 Customization > Theme 카테고리에 별도의 주제로 이동되었습니다.

@oca 이 "theme"에 한 줄만 추가하면 테마 컴포넌트처럼 작동합니다. 다음과 같이 컴포넌트의 about.json 파일에 다음 내용을 추가해야 합니다.

"component": true

{
  "name": "Private messages with color",
  "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"
   }
}

이렇게 하면 다른 컴포넌트와 마찬가지로 정상적으로 작동할 것이며, 이후 이 주제에 theme-component 태그를 추가할 수 있습니다.

6개의 좋아요
5

In the meantime @Rhidian taught me a new trick that you can convert a theme to a component or vise versa, using the “Convert” button…

2개의 좋아요
6

I would also love to see the ability to use a HEX code here!

3개의 좋아요
8

Done !
Thanks for the tips.

5개의 좋아요
9

I’ll have a look.
It could be worth adding that as a component parameter now that we can do that.
Can’t promise anything, i’m still learning that stuff.

6개의 좋아요
10

Nice :+1:

I’ve added the tag to this topic. When you get a chance, can you please add a screenshot or two to the OP in this topic? No rush, but it makes it easier to see the changes this component makes.

6개의 좋아요
12

I think the issue is that there’s an extra comma at the end of about.json

Screen Shot 2020-05-11 at 9.29.37 PM
Screen Shot 2020-05-11 at 9.29.37 PM184×136 5.53 KB

6개의 좋아요
13

Thanks for that !

But no thanks for those who built the json norm…

4개의 좋아요
14

Is this still the way to go for changing the colour of DMs/PMs?

2개의 좋아요
15

I think it can be done in a better way.
I’ve used Personal Message Bubbles for some time instead, but it has been added as core feature.

1개의 좋아요
16

Does that component still work okay now the personal message bubbles are in core? I think someone had some conflicts a little while back Personal Message Bubbles - #93 by AntiMetaman

3개의 좋아요