Submitted by support_admin on

<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 &quot;light&quot; mode to a &quot;dark&quot; 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&#39;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>

ShortDescription_S

How to enable Dark Mode in the Lutron App

SalesforceArticleId_S
ka0PY000000CNvJYAW
ArticleNumber_S
000006167
RecordType_S
How To
SurveyUrl_S
https://lutron.surveymonkey.com/r/CQHRSNT
isSync
On
Title_S
Enable Dark Mode in the Lutron App
isActive_S
On
MetaTitle
Enable Dark Mode in the Lutron App
MetaDescription
How to enable Dark Mode in the Lutron App
URL Mapping Machine Name
Enable-Dark-Mode-in-the-Lutron-App
PageTitle
Enable Dark Mode in the Lutron App