>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3523958. --> Reported by: [marcus_johansson](https://www.drupal.org/user/385947) Related to !597 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>The icon that is being used when you are setting up a text format looks very funny, see:</p> <p><img src="https://www.drupal.org/files/issues/2025-05-12/Screenshot%20from%202025-05-12%2016-13-23.png"></p> <p>In the repo it does also look funny, weridly enough it looks ok when being used by the editor, see svg here: <a href="https://git.drupalcode.org/project/ai/-/tree/1.1.x/modules/ai_ckeditor/icons?ref_type=heads">https://git.drupalcode.org/project/ai/-/tree/1.1.x/modules/ai_ckeditor/icons?ref_type=heads</a></p> <p>This broke as part of this issue: <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/ai/issues/3494281" title="Status: Closed (fixed)">#3494281: CKEditor icon when in Gin Dark mode</a></span>. Before that the preview looked good, but didn't work in Dark Theme on Gin: <a href="https://git.drupalcode.org/project/ai/-/blob/512750d0c74c23a2c665a11f0937109b2f51d7a4/modules/ai_ckeditor/icons/sparkles.svg">https://git.drupalcode.org/project/ai/-/blob/512750d0c74c23a2c665a11f0937109b2f51d7a4/modules/ai_ckeditor/icons/sparkles.svg</a></p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Fix so the icon looks good in preview on setting up in filter format both for light and dark modes.<br> Fix so the icon looks good in CKEditor for editrors both for light and dark modes.</p> <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>