>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3506350. --> Reported by: [rkoller](https://www.drupal.org/user/3217695) >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Outside the navigation sidebar there are many icons that are invisible in the Forced Colors mode:</p> <h4>Issue 1 - Change order</h4> <ul> <li>Vertical (<code>admin/people/roles</code>) and horizontal/vertical drag icons (<code>admin/structure/types/manage/blog/form-display</code>) are invisible.</li> <p><img src="https://www.drupal.org/files/issues/2025-02-13/fcm_vertical_drag.jpg" alt="roles pages in forced colors mode with the vertical drag icons not visible"></p> <h4>Issue 2 - Navigation Images</h4> <li>On <code>admin/appearance/settings/gin</code> the images for the navigation and the layout density are simply uniform oversized checkbox circles instead of displaying the actual images.</li> <p><img src="https://www.drupal.org/files/issues/2025-02-13/fcm_navigation_layout_density.jpg" alt="gin settings page in force colors mode with the navigation and the layout density settings showing huge radio buttons instead of images"></p> <h4>Issue 3 - CKEditor's "available buttons"</h4> <li>On <code>admin/config/content/formats/manage/content_format?destination=/admin/config/content/formats</code> the icons in the "available buttons" and "active toolbar" component are completely invisible.</li> <p><img src="https://www.drupal.org/files/issues/2025-02-13/fcm_toolbar_config.jpg" alt="toolbar config fieldset in forced colors mode on a text formats edit page and all the toolbar icons are invisible"></p> <h4>Issue 4 - icons for the actions</h4> <li>On <code>admin/appearance</code> the icons for the actions on the theme cards are invisible.</li> <p><img src="https://www.drupal.org/files/issues/2025-02-13/fcm_theme_cards.jpg" alt="three theme cards on the appearance page in forced colors mode and the action button icons are not displayed"></p> <h4>Issue 5 - icons for the actions</h4> <li>On <code>admin/modules</code> if a field set for a module is expanded the icons for help, permission, and configure are not visible.</li> <p><img src="https://www.drupal.org/files/issues/2025-02-13/fcm_module.jpg" alt="the views ui module expanded on the extend page in forced colors mode and the icons for the action links are not displayed"></p> <h4>Issue 6 - field type or field group</h4> <li>On <code>admin/structure/types/manage/page/fields/add-field</code> when you select a field type or field group, the icon disappears.</li> <li>On <code>admin/reports/status</code> there are no icons visible.</li> <p><img src="https://www.drupal.org/files/issues/2025-02-13/fcm_status_report.jpg" alt="the status reports page in forced colors mode and every icons is not displayed"> </p></ul> <p><em>*There might be more images and icons that are not displayed, this is only an initial set of confirmed occasions</em></p> <p>Discussed and iterated on the issue with @mgifford, @the_g_bomb, @katannshaw, and @drupa11y</p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <ul> <li>Switch to the dark mode, active the Forced Colors mode and go to the different pages listed in the <code>Problem/Motivation</code> section</li> </ul> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <ul> <li>Make sure that all images and icons are visible in Forced Colors mode</li> </ul> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <h3 id="summary-ui-changes">User interface changes</h3> <h3 id="summary-api-changes">API changes</h3> <h3 id="summary-data-model-changes">Data model changes</h3>