Hi, is there any way to use a different theme just for the personal messages topics list? I am currently using Sam’s Sam's Simple Theme which I and my community strongly prefer for the /latest list, since it prints out the OP and most recent poster usernames in text, and it eliminates the clutter of…

Yes, I’m using Sam’s theme. I’ve created a theme component to put the CSS and script there, attached to Sam’s theme. [image] ▶ CSS ▶ Head

Thanks very much, I was able to make it almost work with a theme component: <script type='text/x-handlebars' data-template-name='topic-list-header.raw'> <tr class="topic-list-header-row"> {{~raw-plugin-outlet name="topic-list-header-before"~}} {{#if bulkSelectEnabled}} <div …

[image] rahim123: It looks like the #if topic.isPrivateMessage statement doesn’t work for the topic-list-header, So my lazy solution is to not use the {{#if topic.isPrivateMessage}} logic and simply put posters.topic-list-data in both /latest and in /my/messages . <script type='text/x-handleb…

You’re right; the topic data is unavailable in the header, which makes sense! CSS can be a solution. Keep the condition in topic-list-item, and render it by default for the header. {{raw "topic-list-header-column" order='posters' forceName='Participants'}} And with CSS, you can say, "Select the l…

Hi there, thanks a lot, that’s a very good idea. Something didn’t work with the CSS as suggested as it still shows the empty Participants column in /latest , but my original CSS does seem to work fine to hide it only there: .navigation-topics .topic-list .topic-list-data.posters { display: none;…

I’m confused, it works for me :thinking: Latest: [image] Message: [image]

Hmm, would it maybe be because you don’t have the condition in topic-list-item ?

I do have the condition. You would not see the participants column in the messages list from my screenshots otherwise! I think what you described above is the CSS not being applied. Here is what I have: [image] You can see that the CSS is applied on the /latest page. [image] Make sure you co…

Thanks a lot for the specific help, I’m not at my computer right now but I’ll try it again as soon as I get back.

I’m not sure what to think, it’s definitely not working for me. [image] Just to confirm, are you also using Sam’s Simple Theme? Also, did you put the handlebars code in Head or Header? Really appreciate your time and help.

Thanks again for the help. It’s behaving the same way, there is a Participants column header in /latest which makes the columns misaligned with the topic list columns. I must have some other customizations in other components that are conflicting. [image] rahim123: my original CSS does seem to …

Different theme for personal message topics list?

Development

Don January 14, 2024, 11:13pm 14

As I see you using Firefox so it might cause the :has selector is not working on your side. It’s only supported from Firefox 121.

Topic		Replies	Views
[Glimmer] Different theme for personal message topics list? Development personal-messages	2	135	February 8, 2025
MD Topic List component Theme component	73	11004	September 7, 2025
Sam's Simple Theme Theme official , sams-simple-theme	368	87114	February 17, 2025
Topic Author Theme component end-of-life , topic-author	63	13696	October 4, 2024
MD Topic List Mobile component Theme component	67	8052	July 21, 2026

Different theme for personal message topics list?

Related topics