>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3537903. --> Reported by: [phenaproxima](https://www.drupal.org/user/205645) Related to !3 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>At the moment, most of Mercury's SDCs have a prop that toggles between dark mode and light mode. This is awkward and leads to weird presentational inconsistencies.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Add a setting for dark mode, defaulting to "on", at the theme level. The <code>body</code> tag should receive a <code>dark</code> or <code>light</code> CSS class accordingly.</p>