<p style='line-height: 1.2;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>The Lutron App supports the ability to change the theme (panel color) from the default "light" mode to a "dark" mode. </span></p>
<p style='line-height: 1.2;'> </p>
<p style='line-height: 1.2;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Follow the steps below to change the Lutron App's panel color:</span></p>
<ol><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Tap the <img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='25' height='25'></img> (<strong>Settings</strong>) icon in the top left-hand of the screen.</span></li></ol>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='280' height='528' style='display: block;margin-left: auto;margin-right: auto;'></img></span></p>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'> </p>
<ol start='2'><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Select <strong>Customize App</strong> from the Settings menu.</span><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'></span></li></ol>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='280' height='531' style='display: block;margin-left: auto;margin-right: auto;'></img></span></p>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'> </p>
<ol start='3'><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Tap <strong>Themes</strong> from the Customize App menu.</span></li></ol>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='280' height='523' style='display: block;margin-left: auto;margin-right: auto;'></img></span></p>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'> </p>
<ol start='4'><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Select the black image under Panel Color.</span></li></ol>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='280' height='531' style='display: block;margin-left: auto;margin-right: auto;'></img></span></p>
<p style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'> </p>
<ol start='5'><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Tap the <img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='13' height='23'></img> (<strong>Back</strong>) button in the top left-hand corner to save your settings.</span></li></ol>
<p style='line-height: 1.2;'><img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='280' height='527' style='display: block;margin-left: auto;margin-right: auto;'></img></p>
<p style='line-height: 1.2;'> </p>
<p style='line-height: 1.2;'> </p>
<p style='line-height: 1.2;'><span style='font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'><strong>Note:</strong> The homescreen layout and icon colors can also be customized in the Themes menu</span></p>
How to enable Dark Mode in the Lutron App