Hide Night Light behind a flag

chrome/browser/resources/settings/device_page/display.html

Index: chrome/browser/resources/settings/device_page/display.html
diff --git a/chrome/browser/resources/settings/device_page/display.html b/chrome/browser/resources/settings/device_page/display.html
index b4d7fbcc8f7b29bc47a468b051eee57a6576cf45..9e0676cfc1ca6b37cc568c0a2eb07ebb022295cf 100644
--- a/chrome/browser/resources/settings/device_page/display.html
+++ b/chrome/browser/resources/settings/device_page/display.html
@@ -202,32 +202,34 @@
     </div>
 
     <!-- Night Light Settings -->
-    <div class="settings-box">
-      <div class="start">
-        <h2 id="nightLightLabel">$i18n{displayNightLightLabel}</h2>
-        <div class="secondary">$i18n{displayNightLightText}</div>
+    <template is="dom-if" if="[[nightLightFeatureEnabled_]]" restamp>
+      <div class="settings-box">
+        <div class="start">
+          <h2 id="nightLightLabel">$i18n{displayNightLightLabel}</h2>
+          <div class="secondary">$i18n{displayNightLightText}</div>
+        </div>
+        <settings-toggle-button
+            id="nightLightToggleButton"
+            pref="{{prefs.ash.night_light.enabled}}"
+            aria-labelledby="nightLightLabel">
+        </settings-toggle-button>
       </div>
-      <settings-toggle-button
-          id="nightLightToggleButton"
-          pref="{{prefs.ash.night_light.enabled}}"
-          aria-labelledby="nightLightLabel">
-      </settings-toggle-button>
-    </div>
-    <div id="nightLightSettingsDiv"
-        class="settings-box continuation start layout vertical">
-      <!-- Color temperature slider -->
-      <div class="settings-box embedded continuation">
-        <div class="start textarea" id="colorTemperatureLabel">
-          $i18n{displayNightLightTemperatureLabel}
+      <div id="nightLightSettingsDiv"
+          class="settings-box continuation start layout vertical">
+        <!-- Color temperature slider -->
+        <div class="settings-box embedded continuation">
+          <div class="start textarea" id="colorTemperatureLabel">
+            $i18n{displayNightLightTemperatureLabel}
+          </div>
+          <settings-slider id="colorTemperatureSlider"
+              aria-labelledby="colorTemperatureLabel" min="0" max="100"
+              scale="100" label-min="$i18n{displayNightLightTempSliderMinLabel}"
+              label-max="$i18n{displayNightLightTempSliderMaxLabel}"
+              pref="{{prefs.ash.night_light.color_temperature}}">
+          </settings-slider>
         </div>
-        <settings-slider id="colorTemperatureSlider"
-          aria-labelledby="colorTemperatureLabel" min="0" max="100" scale="100"
-          label-min="$i18n{displayNightLightTempSliderMinLabel}"
-          label-max="$i18n{displayNightLightTempSliderMaxLabel}"
-          pref="{{prefs.ash.night_light.color_temperature}}">
-        </settings-slider>
       </div>
-    </div>
+    </template>
 
   </template>
   <script src="display.js"></script>