Gray SVG Icons are not visible when using the High Contrast skin.
BonusSkins - Gray SVG Icons are not visible in AccordionControl when the High Contrast skin is applied
Answers approved by DevExpress Support
We have fixed the issue described in this ticket and will include the fix in our next maintenance update. To apply this solution before the official update, request a hotfix by clicking the corresponding link for product versions you require.
Note: Hotfixes may be unavailable for beta versions and updates that are about to be released.
Hello Brandon,
Thank you for sharing your screenshot with us.
To avoid this issue, you have two ways:
1. Create a custom High Contrast skin and customize the SVG palette of the following elements:
ACCORDION -> Group Caption -> Caption, ACCORDION -> Item -> Item.
I have also attached a video to illustrate this approach.
2. Use our The Bezier skin with its Hight Contrast Black palette.
Should you have further questions, please let us know.
I appreciate your suggestions, but shouldn't the SVG icons automatically change to a discernable color like with all the other skins? For example, the icons automatically turn white when using the DevExpress Dark Style skin. They also turn white when using the Bezier skin with the High Contrast Black palette, which you suggested.
Hi Brandon,
I discussed this issue with my team, and we also found that SVG images' colors should be adjusted in this case. So, I passed this thread to our developers for further investigation. Please stay tuned. We will update this thread once we make any progress.
In any case, we recommend using Vector Skins along with the vector images in applications to provide better rendering in different DPI settings. See the Graphics Performance and High DPI documentation article for more information in this regard.