Install this theme component
The composer’s colors will change based on the selected category:
Each of the color changes mentioned above can be disabled in the theme’s settings. You can even disable all of the settings if you’d like to use this component as a way to make category colors reusable as css custom properties. For example, every category page and topic will have these properties set:
and the composer will get:
These can be reused wherever you’d like in your own CSS, for example:
There are some defaults set when a category isn’t present, which you can change in your own CSS:
I really like this theme component for making it super clear which category you are in. Looks like the spacing on some buttons shifts when this theme component is installed.
With theme component:
Without theme component:
@awesomerobot This is a really cool component and seems like it might be underloved right now!
Yesterday we ran into a situation where this sort of things might have been helpful in our Discourse for Teams instance. (Discourse for Teams…team…if you’re listening please add this theme component!)
- We have a number of categories that have permissions restricted to certain groups
- Sometimes there is sensitive information that might get shared in them
- It’s possible that if someone is not careful, they may select the wrong category and post something without realizing it to a less restrictive category
- Worse yet, if there are auto-posting triggers, like to Slack, that content might get out there before there’s even much of a chance to move the post
- And yes, this happened to us
Having a strong visual indicator about where the content is going would be extremely helpful.
I might go further and suggest that this (or another version of this) plugin be about “Category context”. Perhaps an additional feature could be that the category name also gets appended to the action buttons. See below:
Thanks so much for this hidden gem. Love it so far @awesomerobot
However, I have a small issue with the menu header. It will change the colour as the
create new topic categories colour. I tried with different themes and they all have the same issue
Is there any way to just change the colour for the categories but keep the menu header colour in touch?
I just worked on an instance where the category color was not picked up (and logged on the console) with some categories. Took me a while to find the common cause, but it seemed to be the filter setting
no subcategories instead of
all topics on the Category Settings page:
Choosing this setting adds
/none to the category url. And this seems to interfere with the color selection.
Just added this today looks really good
However, every time I pressed on a topic I kept seeing a white square next to the category name. Then I realised it was the category colour but showing this square seems pointless if the entire category colour is shown in the header.
(TC = Theme Component)