Currently when viewing with Windows High Contrast Mode (WHCM) enabled almost none of the icons show up. This is because WHCM overrides the colours.
npmx.dev running in Microsoft Edge with Windows High Contrast Mode enabled.
The icon classes all seem to use color: inherit, so we can use forced-color-adjust: preserve-parent-color. We can provide this to the extraProperties option for the icons preset in the UnoCSS config:
|
extraProperties: { |
|
display: 'inline-block', |
|
}, |
If you don’t have Windows, you can emulate forced colors in Chromium-browsers.
Currently when viewing with Windows High Contrast Mode (WHCM) enabled almost none of the icons show up. This is because WHCM overrides the colours.
The icon classes all seem to use
color: inherit, so we can useforced-color-adjust: preserve-parent-color. We can provide this to theextraPropertiesoption for the icons preset in the UnoCSS config:npmx.dev/uno.config.ts
Lines 24 to 26 in 3cf7fef
If you don’t have Windows, you can emulate forced colors in Chromium-browsers.