mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-04 05:20:46 -04:00
Making the icon an inline SVG lets it inherit colours from the page styles. This helps in forced colour modes, like Windows high contrast mode, where it will match the colour of the text next to it, whatever it is set to. Making it inline requires some changes to the CSS to allow its position to match that of the current background image. This also sets `forced-color-adjust` to `auto` on the `<svg>` element, which tells the browser it can control its colours in forced colour modes. This is required because the browsers that support forced colour mode set it to `none` for the `<svg>` element by default.