>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3460460. --> Reported by: [mindaugasd](https://www.drupal.org/user/330097) Related to !9 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Using dark theme AI explorer elements are from ugly to invisible.</p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <ul> <li>Enable <a href="https://www.drupal.org/project/gin">Gin</a> dark theme</li> <li>Visit various menu items under <code>Configure &gt; AI &gt; AI API explorer</code> and elements will be white and text difficult to read</li> <li>Try using the explorer and white text on white background will be invisible</li> </ul> <p>This fixed for the pages I explored:</p> <pre>.ai-three-info,<br>.ai-left-side {<br>&nbsp; background: #c5c5c512;<br>}<br>#ai-text-response details,<br>#ai-image-response details,<br>#ai-audio-response details {<br>&nbsp; background:inherit!important;<br>}</pre><h3 id="summary-proposed-resolution">Proposed resolution</h3> <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>