# Change color of personal messages

**URL:** <https://meta.discourse.org/t/change-color-of-personal-messages/108816>\
**Category:** Theme component\
**Created:** [February 11, 2019, 10:56am UTC](https://meta.discourse.org/t/change-color-of-personal-messages/108816 "2019-02-11T10:56:20Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [April 13, 2020, 4:15pm UTC](https://meta.discourse.org/t/change-color-of-personal-messages/108816/4 "2020-04-13T16:15:04Z")

</div>

I remember sending PRs to all the theme components we have here on Meta when we made the change that differentiates between themes and theme components.

I think this one slipped through the cracks because it was a reply to some other topic and has since been moved to its own topic in the #Customization > Theme category.

@oca You only need to add one line to this “theme” to make it function as a theme component. You need to add

```plaintext
"component": true

```

to the [about.json](https://framagit.org/oca/discourse-theme-colored-private-messages/-/blob/master/about.json) file of your component like so

```diff
{
  "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"
   }
}

```

Once you do that, it should work just like any other component and we can then add the `theme-component` tag to this topic.

---

_[View the full topic](https://meta.discourse.org/t/change-color-of-personal-messages/108816)._