---
title: "Breaking: Record and category icons follow the colour scheme"
manual: "Academic Partners"
version: "main"
source: "Changelog/3.0/Breaking-RecordAndCategoryIconsFollowTheColourScheme.rst"
modified: "2026-09-17T07:34:13+00:00"
---

# Breaking: Record and category icons follow the colour scheme

## Description

The record icons of this extension were registered with the core provider
`\TYPO3\CMS\Core\Imaging\IconProvider\SvgIconProvider`, which renders
the default markup - the markup a `typeicon_classes` entry reaches - as an
`<img>` tag. An image is opaque to CSS, so the icon kept the ink of its
file whatever the backend colour scheme said, and a dark drawing stayed dark on
the dark cards of the record list.

They are now registered with
`\FGTCLB\AcademicBase\Imaging\IconProvider\CurrentColorSvgIconProvider`,
which inlines the file in both markups, and the files themselves are drawn in
`currentColor` with no colour of their own.

That covers the three identifiers of this extension -
`academic-partners`, `tx_academicpartners_domain_model_partnership`
and `tx_academicpartners_domain_model_role` \- and its four category type
icons, which `EXT:category_types` registers as
`category_types.partners.*`. The four category types ask for it with
`inlineIcon: true` in `Configuration/CategoryTypes.yaml`; without that
flag a category type icon keeps the core provider.

## Impact

The four category type icons reach the **frontend**, through
`<core:icon identifier="category_types.partners.{type}" />` in
`Pages/AcademicPartner.html`, `Partials/Partnerships/List/Item.html`
and `Partials/Partnerships/Teaser/Item.html`, and through
`category_types.partners.{category}` in `Partials/Partner/Item.html`.
None of those calls asks for the `inline` markup, so their rendered markup
changes: an `<img>` of a fixed pixel size becomes an inlined
`<svg>` with `width="1em" height="1em"`, which follows the font size
and the colour of the text around it. Every site using the partner or
partnership plugins sees those icons resize and recolour.

Site CSS or JavaScript that sized, coloured or addressed the `<img>` has
to address the `<svg>` instead.

In the backend, the academic partner page type icon, the two record icons and
the four category type icons take the text colour around them, so they stay
legible in a dark backend colour scheme. `academic-partners` is also the
icon of the four content elements of this extension, so those follow with it -
the identifier is one icon, not two.

## Affected Installations

Every installation of this extension. Installations that render the partner or
partnership plugins in the frontend are affected visibly.

## Migration

Replace an image selector with an element selector in the site CSS, for example

```css
/* before */
.partner-attributes .icon img { width: 32px; }

/* after */
.partner-attributes .icon svg { width: 1.25em; }
```

The icon element keeps the surrounding
`<span class="t3js-icon icon" data-identifier="…">` wrapper, so a
selector written against the wrapper needs no change.