Add NightLight, update README, format

Modules/Bar/Widgets/NightLight.qml

@@ -0,0 +1,85 @@
+import QtQuick
+import Quickshell
+import qs.Commons
+import qs.Modules.SettingsPanel
+import qs.Services
+import qs.Widgets
+
+Item {
+  id: root
+
+  property ShellScreen screen
+  property real scaling: ScalingService.scale(screen)
+
+  implicitWidth: pill.width
+  implicitHeight: pill.height
+  visible: true
+
+  function getIcon() {
+    if (!NightLightService.enabled) {
+      return "light_mode"
+    }
+    return NightLightService.isActive ? "dark_mode" : "light_mode"
+  }
+
+  function getTooltipText() {
+    if (!NightLightService.enabled) {
+      return "Night Light: Disabled\nLeft click to open settings.\nRight click to enable."
+    }
+
+    var status = NightLightService.isActive ? "Active" : "Inactive (outside schedule)"
+    var warmth = Math.round(NightLightService.warmth * 10)
+    var schedule = NightLightService.autoSchedule ? `Schedule: ${NightLightService.startTime} - ${NightLightService.stopTime}` : "Manual mode"
+
+    return `Night Light: ${status}\nWarmth: ${warmth}/10\n${schedule}\nLeft click to open settings.\nRight click to toggle.`
+  }
+
+  NPill {
+    id: pill
+    icon: getIcon()
+    iconCircleColor: NightLightService.isActive ? Color.mSecondary : Color.mOnSurfaceVariant
+    collapsedIconColor: NightLightService.isActive ? Color.mOnSecondary : Color.mOnSurface
+    autoHide: false
+    text: NightLightService.enabled ? (NightLightService.isActive ? "ON" : "OFF") : "OFF"
+    tooltipText: getTooltipText()
+
+    onClicked: {
+      // Left click - open settings
+      var settingsPanel = PanelService.getPanel("settingsPanel")
+      settingsPanel.requestedTab = SettingsPanel.Tab.Display
+      settingsPanel.open(screen)
+    }
+
+    onRightClicked: {
+      // Right click - toggle night light
+      NightLightService.toggle()
+    }
+  }
+
+  // Update when service state changes
+  Connections {
+    target: NightLightService
+    function onEnabledChanged() {
+      pill.icon = getIcon()
+      pill.text = NightLightService.enabled ? (NightLightService.isActive ? "ON" : "OFF") : "OFF"
+      pill.tooltipText = getTooltipText()
+    }
+    function onIsActiveChanged() {
+      pill.icon = getIcon()
+      pill.text = NightLightService.enabled ? (NightLightService.isActive ? "ON" : "OFF") : "OFF"
+      pill.tooltipText = getTooltipText()
+    }
+    function onWarmthChanged() {
+      pill.tooltipText = getTooltipText()
+    }
+    function onStartTimeChanged() {
+      pill.tooltipText = getTooltipText()
+    }
+    function onStopTimeChanged() {
+      pill.tooltipText = getTooltipText()
+    }
+    function onAutoScheduleChanged() {
+      pill.tooltipText = getTooltipText()
+    }
+  }
+}