Category icons component

Hi all - I have installed the plugin but I can’t seem to find where I can configure it?

Is this compatible with 2.6.0.beta2?

here is my app.yml

hooks:
  after_code:
    - exec:
	cd: $home/plugins
        cmd:
          - git clone https://github.com/discourse/docker_manager.git
  ##        - git clone https://github.com/discourse/discourse-adplugin.git
  ##        - git clone https://github.com/discourse/discourse-solved.git
  ##        - git clone https://github.com/discourse/discourse-akismet.git
  ##        - git clone https://github.com/discourse/discourse-bbcode.git
  ##        - git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
  ##        - git clone https://github.com/tshenry/discourse-versatile-banner.git
          - git clone https://github.com/discourse/discourse-category-icons.git

## Any custom commands to run after building

I have rebuild but can see anything anywhere on the admin panel to config?

Please help

1 Like

Hello this is not a plugin! This is a theme component.

Please read how to install a theme component: How do I install a Theme or Theme Component?

Edit: These are also theme components so install this way :arrow_up:

- git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
- git clone https://github.com/tshenry/discourse-versatile-banner.git
5 Likes

Thank you Don you’re a star - as you can tell brand-new to this platform

Ant

2 Likes

Hi, I’ve just created a PR to add a new option to specify the colour for the icon as “catcol” which will cause it to pickup the colour of the category (as seen in the category stripe and set under edit category|general|background colour
eg “test,hands-helping,catcol,partial”

Most useful with the partial name match so that, in the example, the same icon can be used for all categories with “test” in their slug but they will each pick up their own category colour rather than all using the same. Also provides a quick alternative to having to select a colour for a one-off icon (exact match) - simply use the category colour.

This will also be useful with a proposed further new option to have the icon replace the category stripe whilst maintaining the category colour hint - to be subject of a future PR

RogerCO

3 Likes

@rogerco’s PR is now merged, you can use the category colour now by adding the special keyword “categoryColour” where the icon color should go. Thanks Roger!

2 Likes

Color is not applied on icons in /categories wiew?

2 Likes

Ah, sorry about that, should be fixed now.

2 Likes

Hi, does this component require FontAwesome or can I use my own icons?

1 Like

I don’t know if it may be useful for anyone else, but I’ve submitted a pull request for discourse-category-banners to show the discourse-category-icons icon beside the banner title. I’m using it in production here.

8 Likes

Thanks @renato, your PR is now merged.

5 Likes

This is a nice addition, but it doesn’t work as expected if the category icon color is set to the same color as the category (you use default black for your category icons in your example, and they get inverted to white, same as the title).

The icon color in the title should probably be set explicitly to the same color as the title, so that any color icons could be used?

1 Like

I had this same issue on my instance, but I realized that by omitting the color of the category icon it takes the appropriate color, being white when on the category renderer: imageand on the banner title, but black when the background is white: image.

However, if you don’t use the box category style and the category icon color is set to the same color as the category background, you’re right, the icon becomes “invisible”.

We could explicitly set it to something else, sure. The banner title uses the category color, maybe this is the safest bet, as you suggested. @pmusaraj what do you think?

1 Like