# Compose Center

**URL:** https://meta.discourse.org/t/compose-center/323776
**Category:** Theme component
**Created:** [August 28, 2024, 2:16pm UTC](https://meta.discourse.org/t/compose-center/323776 "2024-08-28T14:16:54Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [August 28, 2024, 2:16pm UTC](https://meta.discourse.org/t/compose-center/323776/1 "2024-08-28T14:16:54Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Compose Center |
| 👓 | **Preview** | [Theme Creator](https://discourse.theme-creator.io/theme/Don/compose-center) |
| 🛠 | **Repository** | [GitHub - VaperinaDEV/discourse-compose-center: Compose Center is a place for all type of composing options. · GitHub](https://github.com/VaperinaDEV/discourse-compose-center) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

Hello 👋

Compose Center is a place for all type of composing options. The idea was a place where you can easily handle your composing content.

Like:

- New Topic
- New Message
- New Chat Message
- Drafts
- Pending Posts

I don’t want to _hack_ the original layout and design so this made for the Default theme. Originally it can work pretty cool with a three column theme right sidebar. So it replaces the default + New Topic button with a Compose button. The content opens in DMenu and show a banner, profile avatar, user status, new topic/open draft, message, chat buttons, drafts and pending posts.

Quick buttons and links:

- on banner My Drafts button: link to drafts
- on banner pencil icon (edit): link to preferences/profile
- on avatar (hover) pencil icon (edit): link to preferences/account
- user status: opens user status modal
- new topic/open draft button: opens topic composer
- message button: opens pm composer
- chat buttons: opens new chat message modal

The banner background is the blurred profile avatar if the user card background hasn’t setted up.

Default

 ![Screenshot 2024-08-28 at 15.34.09](https://global.discourse-cdn.com/meta/original/4X/9/3/0/930d89308f0784886283d098ad3e5557a63e6a45.png)

With draft

 ![Screenshot 2024-08-28 at 15.36.11](https://global.discourse-cdn.com/meta/original/4X/c/f/c/cfce91d2d9f1429b81987e6b6552a7bf89538d87.png)

With pending posts

 ![Screenshot 2024-08-28 at 15.46.21](https://global.discourse-cdn.com/meta/original/4X/d/2/e/d2ee52249ef9f12ca881447f86e65447f711e885.png)

User status

 ![Screenshot 2024-08-28 at 15.46.32](https://global.discourse-cdn.com/meta/original/4X/5/f/b/5fb38753d78a3f9b752511a98eb029a443f0d5e8.png)

Theme Translations

 ![Screenshot 2024-08-28 at 16.05.24](https://global.discourse-cdn.com/meta/original/4X/2/f/b/2fb899f5d1c42048702802bfc6019ccab8ba30b1.png)

* * *

> ❤ Credit: I’ve integrated the [New Topic Header Button](https://meta.discourse.org/t/new-topic-header-button/84551) theme component in it. This is inspired by Central theme `profile block`.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 28, 2024, 3:47pm UTC](https://meta.discourse.org/t/compose-center/323776/2 "2024-08-28T15:47:10Z")

</div>

Nice work Don, installed on my personal site and I really this feature. 👏

I’m not getting the new topic button on the header though, even if I preview from the component in admin. 🤔

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [August 28, 2024, 3:52pm UTC](https://meta.discourse.org/t/compose-center/323776/3 "2024-08-28T15:52:46Z")

</div>

Thanks Lilly, I am glad you like it! ❤

> [@Lilly](#):
>
> I’m not getting the new topic button on the header though, even if I preview from the component in admin. 🤔

No, sorry I mean I integrate that component functionality in the DMenu. So the New Topic button code you see in DMenu is mostly coming from the [New Topic Header Button](https://meta.discourse.org/t/new-topic-header-button/84551) theme component. 🙂

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [August 28, 2024, 3:55pm UTC](https://meta.discourse.org/t/compose-center/323776/4 "2024-08-28T15:55:28Z")

</div>

Hah, after I posted, I was wondering if I was just misunderstanding the OP. Thank you for clarifying. (And when I think about it, I’d prefer to not have it in the header anyways.)

I really like that composer modal and would like to be able to open it from the sidebar, but one can create a custom section to do the same things.

I like the look of the little pop-up you made 😃

 ![Screenshot 2024-08-28 at 9.03.15 AM](https://global.discourse-cdn.com/meta/original/4X/0/0/7/00764e170cf37f4cc0f13184e09252563ca76403.png)

---

<div class="post-metadata">

### Author: ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)
#### Post date: [September 19, 2024, 6:13am UTC](https://meta.discourse.org/t/compose-center/323776/10 "2024-09-19T06:13:15Z")

</div>

![This is a screenshot of a computer screen displaying an anime-themed website with multiple elements, including a banner, a navigation menu, and text in different languages. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/9/3/f/93f66f1276d2e99e3540bf0283ce62ef909a1146.jpeg)  
 ![The image is a photo of an animated character on a screen, with various icons and text displayed, suggesting it is from a mobile or computer interface. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/1/9/2/192bad509294f29ad8d29411aba337c1d8e51413.jpeg)

Is it possible to customize the color of this button to be the same as the button color of the theme you previously posted?

---

<div class="post-metadata">

### Author: ![Monikas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/monikas/32/375316_2.png) [@Monikas](https://meta.discourse.org/u/Monikas)
#### Post date: [September 19, 2024, 6:26am UTC](https://meta.discourse.org/t/compose-center/323776/11 "2024-09-19T06:26:26Z")

</div>

I’ve found a bug that makes the customized state settings disappear after refreshing.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [September 19, 2024, 9:56am UTC](https://meta.discourse.org/t/compose-center/323776/12 "2024-09-19T09:56:54Z")

</div>

Hello 👋

> [@Monikas](#):
>
> Is it possible to customize the color of this button to be the same as the button color of the theme you previously posted?

I’ve added to the button the `create-topic` id so it will use that style now. I’ve also noticed a missing point…this button is appears to anon too. I’ve fixed it. [FIX: Hide Compose button for anons and adds create-topic id to it by VaperinaDEV · Pull Request #4 · VaperinaDEV/discourse-compose-center · GitHub](https://github.com/VaperinaDEV/discourse-compose-center/pull/4)

> [@Monikas](#):
>
> I’ve found a bug that makes the customized state settings disappear after refreshing.

I think this is an issue with user status in core. I have already a topic about it here: [User status stops working for admins](https://meta.discourse.org/t/user-status-stops-working-for-admins/318640) but I have to investigate it more… If you navigate to a topic or somewhere then it will appear again. So this issue is not related with this theme component.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [December 30, 2024, 6:18am UTC](https://meta.discourse.org/t/compose-center/323776/15 "2024-12-30T06:18:29Z")

</div>

Hello 👋

I’ve merged an update to handle instances where chat is disabled. So now chat is not required to use this component. 🙂 Because of this I’ve changed the OP and added a Theme Creator link too.

[https://github.com/VaperinaDEV/discourse-compose-center/pull/5](https://github.com/VaperinaDEV/discourse-compose-center/pull/5)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [January 30, 2025, 3:30pm UTC](https://meta.discourse.org/t/compose-center/323776/16 "2025-01-30T15:30:36Z")

</div>

Just FYI — came along with new multiple drafts. Not a major one.

 ![The image features a webpage interface with a prominent "CREATE" graphic and options to create new content, view posts, or engage in a chat. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/0/5/4/054beea939df7bdad94494f72610eaf8c07e9271.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [January 30, 2025, 3:37pm UTC](https://meta.discourse.org/t/compose-center/323776/17 "2025-01-30T15:37:43Z")

</div>

Thanks @Jagster, fixed by [FIX: drafts label i18n · VaperinaDEV/discourse-compose-center@6a58764 · GitHub](https://github.com/VaperinaDEV/discourse-compose-center/commit/6a587649ef7e670478a03313db8795494003c285) 🙂

---

<div class="post-metadata">

### Author: ![mdoggydog](https://avatars.discourse-cdn.com/v4/letter/m/82dd89/32.png) [@mdoggydog](https://meta.discourse.org/u/mdoggydog)
#### Post date: [February 3, 2025, 6:05am UTC](https://meta.discourse.org/t/compose-center/323776/18 "2025-02-03T06:05:35Z")

</div>

What is `interface_button_title` translation/setting for? It does not seem to get used anywhere…

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 3, 2025, 6:13am UTC](https://meta.discourse.org/t/compose-center/323776/19 "2025-02-03T06:13:39Z")

</div>

Hello 👋 Yeah, it looks like it left from a previous version. I’ll remove it. 👍

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [February 11, 2025, 7:08pm UTC](https://meta.discourse.org/t/compose-center/323776/20 "2025-02-11T19:08:01Z")

</div>

I upgraded Diacourse recently, and at same time I lost translation of compose button.

 ![IMG_1690](https://global.discourse-cdn.com/meta/original/4X/1/a/4/1a45374650004b0fc69246693439f95a816cd766.jpeg)

No hurry.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 12, 2025, 10:12am UTC](https://meta.discourse.org/t/compose-center/323776/21 "2025-02-12T10:12:01Z")

</div>

Hello, Is it fixed by this? [Translation of Bookmark button is lost - #2 by david](https://meta.discourse.org/t/translation-of-bookmark-button-is-lost/351728/2)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [February 12, 2025, 6:32pm UTC](https://meta.discourse.org/t/compose-center/323776/22 "2025-02-12T18:32:04Z")

</div>

Yes, it did 👍

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [November 14, 2025, 9:08pm UTC](https://meta.discourse.org/t/compose-center/323776/23 "2025-11-14T21:08:13Z")

</div>

This component started throwing an error recently, so I made a [PR fix here](https://github.com/VaperinaDEV/discourse-compose-center/pull/6/files). 🙂

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 14, 2025, 9:14pm UTC](https://meta.discourse.org/t/compose-center/323776/24 "2025-11-14T21:14:59Z")

</div>

Thanks @Lilly 🤗 I’ve merged it!
