Change color of personal messages

[oca]

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

Charlie / discourse-theme-colored-private-messages · GitLab

---

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.

[nathank (Nathan Kershaw)]

감사합니다, @oca!

색상 이름만 작동하고 Hex 색상 코드는 작동하지 않는다는 걸 발견했어요. 그래서 색 팔레트와 매칭시키기가 좀 까다롭네요. CSS를 보고 색상이 혼합되는 방식을 살펴본 결과, 이 부분을 바꾸는 게 쉽지 않을 것 같다는 추측이 듭니다. 제 추측이 틀렸다는 걸 알려주실 수 있나요?

[jord8on (Jordan)]

이것은 테마 "컴포넌트"가 아니라 테마 자체인 것 같습니다. 제 이해가 잘못되었다면 지적해 주세요.

저는 이미 완전히 커스터마이징한 테마를 사용 중인데, 한 번에 하나의 테마만 사용할 수 있으며, 사용자가 하나의 테마에서 다른 테마로 전환할 수 있게 허용할 수 있다는 말씀이 맞나요?

제 이해로는 테마 컴포넌트는 활성/기본 테마에 해당 컴포넌트를 적용할 수 있게 해주는 것 같습니다. 적어도 다른 테마 컴포넌트들은 저에게 그렇게 작동하는 것으로 보입니다. 테마 컴포넌트에는 "이 테마에 컴포넌트 포함"이라는 상자가 있어 기본 테마에 컴포넌트를 적용할 수 있습니다.

이것을 컴포넌트로 변환할 수 있을까요? 그러면 메인/기본 테마를 활성화한 채로 개인 메시지나 DM/PM에 이러한 커스터마이징을 적용할 수 있을 것 같습니다.

[Johani (Joe)]

테마와 테마 컴포넌트를 구분하는 변경 사항을 적용할 당시, 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 태그를 추가할 수 있습니다.

[jord8on (Jordan)]

개인에게 보내는 DM을 간단하게 만드는 방법

@nathank kindly showed me this earlier. You can convert a theme to a theme component (and vice versa) using the “Convert” button at the bottom of the theme. [image]

그동안 @Rhidian 님이 “Convert” 버튼을 사용하여 테마를 컴포넌트로, 또는 그 반대로 변환할 수 있다는 새로운 트릭을 알려주셨습니다…

[jord8on (Jordan)]

@nathank

CSS와 색상이 혼합되는 방식을 살펴보니, 이 부분을 변경하는 것이 쉽지 않을 것 같네요. 반박해 주실 분 계신가요?

여기서 HEX 코드를 사용할 수 있는 기능도 있으면 좋겠습니다!

[oca]

@Johani

“component”: true

완료했습니다!
팁 감사합니다.

[oca]

@jord8on

여기서 HEX 코드를 사용할 수 있는 기능이 있으면 좋겠어요!

확인해 볼게요.
이제 그렇게 할 수 있으니, 컴포넌트 매개변수로 추가하는 것도 가치가 있을 것 같아요.
무엇을 약속할 수는 없지만, 아직 그 부분을 배우고 있는 중이에요.

[Johani (Joe)]

좋아요

이 주제에 태그를 추가했습니다. 시간이 나실 때 이 주제의 첫 게시물(OP)에 스크린샷을 하나나 두 개 정도 추가해 주시겠어요? 급할 필요는 없지만, 이 컴포넌트가 어떤 변화를 만드는지 더 쉽게 확인할 수 있습니다.

[awesomerobot (Kris)]

문제는 about.json의 끝에 불필요한 쉼표가 하나 더 있는 것 같습니다.

[oca]

감사합니다!

하지만 json 규격을 만든 사람들은 고맙지 않네요…

[tophee (Christoph)]

DM/PM의 색상을 변경하는 데 이 방법이 여전히 권장되는 방법인가요?

[oca]

더 나은 방법으로 할 수 있다고 생각합니다.
저는 대신 Personal Message Bubbles를 좀 더 사용해 왔는데, 이제 핵심 기능으로 추가되었습니다.

[JammyDodger]

개인 메시지 버블이 코어에 포함되면서 해당 컴포넌트가 여전히 정상적으로 작동하나요? 얼마 전 누군가가 충돌 문제를 겪었던 것 같습니다. Personal Message Bubbles - #93 by AntiMetaman