gormus
(Osman Görmüş)
23. Dezember 2025 um 12:44
1
Die Tag Icons Theme-Komponente ermöglicht die Konfiguration von Tags, die mit einem Symbol und einer optionalen Farbe angezeigt werden. Ich denke wirklich, dass diese Funktion einen Unterschied macht, besonders wenn man zu viele Tags verwalten muss.
In meinem Fall würde die Verwendung der Farbe sowohl für den Text als auch für das Symbol und das Hinzufügen einer background-color die Sichtbarkeit erhöhen und ein besseres Gefühl der Trennung vom Rest der Tags und Tag-Gruppen vermitteln.
Ich habe eine Pull-Anfrage veröffentlicht, um zu zeigen, wie ich denke, dass es funktionieren könnte.
main ← gormus:add-background
opened 12:16PM - 23 Dec 25 UTC
This pull request enhances the tag icon feature by improving how tag icons, colo… rs, and backgrounds are rendered and configured. It streamlines the tag rendering logic, ensures consistent styling through CSS variables, and expands the configuration format to support both icon and background colors for tags.
**Tag rendering and configuration improvements:**
* Refactored the `iconTagRenderer` function in `tag-icons.js` to use the shared `defaultRenderTag` utility, simplifying the code and ensuring consistent tag markup generation. Tag icons, colors, and backgrounds are now applied by parsing the rendered tag and injecting the icon and CSS variables directly.
* Updated the tag icon configuration format in the theme settings and code to support four fields: `tag-slug,icon,color,backgroundColor`, allowing both icon and background colors to be set for each tag. [[1]](diffhunk://#diff-847d4476f4d777f46cf45f4b203b31c3c98a7ff363ba122ac5bd8c256f1f38d2L4-R4) [[2]](diffhunk://#diff-c0ba113d8a0d1fa107bb6ef026a3926c5840e6de37c3517ba7e510b2c4ad21e6R51-R103)
**Styling enhancements:**
* Added new CSS rules in `common.scss` for `.discourse-tag.colored-tag` and `.hashtag-cooked:has(.hashtag-tag-icon)`, ensuring that colored tags and hashtag icons use the configured CSS variables for color and background, improving visual consistency.
**Hashtag icon logic:**
* Improved the hashtag icon rendering in `TagHashtagTypeWithIcon` to use the configured icon and color, and added support for custom background color.
**Tag style: `simple`**
<img width="1470" height="801" alt="tags,tag_style=simple,light" src="https://github.com/user-attachments/assets/3d409866-7635-42ed-a8b9-1777a948b048" />
**Tag style: `bullet`**
<img width="1470" height="801" alt="tags,tag_style=bullet,light" src="https://github.com/user-attachments/assets/6e4752d9-04ec-4be3-acd9-95f9481df735" />
**Tag style: `box`**
<img width="1470" height="801" alt="tags,tag_style=box,light" src="https://github.com/user-attachments/assets/433cc97c-7a33-4a18-82eb-ce09160e4719" />
Tag-Stil: simple
Tag-Stil: bullet
Tag-Stil: box
5 „Gefällt mir“