fix: disable controls on backlight off

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog][],
 and this project adheres to [Semantic Versioning][].
 
+## 2.3.2
+
+### Fixed
+
+- When the backlight is turned off, its settings are disabled.
+
 ## [2.3.1]
 
 ### Added

ui/src/features/lights/select-brightness/ui/LightsBrightnessSlider.svelte

@@ -18,10 +18,13 @@
       brightness: e.detail as LightStateValue,
     })
   }
+
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsBrightnessSlider'}>
   <Slider
+    {disabled}
     min={0}
     max={4}
     step={1}

ui/src/features/lights/select-color/ui/LightsColorSelector.svelte

@@ -49,12 +49,13 @@
   $: colors = supportsRandom ? ['random', ...modeColors] : modeColors
   $: colorIndex = $stateStore[domain].color
   $: index = colorIndex === 7 ? 0 : supportsRandom ? colorIndex + 1 : colorIndex
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsColorSelector'}>
   <ColorSelector
     {index}
-    disabled={!supportsColor}
+    disabled={disabled || !supportsColor}
     options={colors}
     primaryProp="index"
     on:change={handleChange}

ui/src/features/lights/select-mode/ui/LightsModeSelect.svelte

@@ -22,11 +22,14 @@
     title: m.name,
     disabled: m.code === 18, // Disable custom mode
   }))
+
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsModeSelect'}>
   <Select
     {options}
+    {disabled}
     value={$stateStore[domain].mode.toString()}
     on:change={handleChange}
   />

ui/src/features/lights/select-speed/ui/LightsSpeedSlider.svelte

@@ -23,11 +23,12 @@
   $: modeCode = $stateStore[domain].mode
   $: mode = $modesStore[domain].find((m) => m.code === modeCode)
   $: supportsSpeed = mode?.supports.speed ?? false
+  $: disabled = !$stateStore[domain].enabled
 </script>
 
 <div use:fsd={'features/LightsSpeedSlider'}>
   <Slider
-    disabled={!supportsSpeed}
+    disabled={disabled || !supportsSpeed}
     min={0}
     max={4}
     step={1}