Weather: rain and snow shaders.

Modules/Panels/ControlCenter/Cards/WeatherCard.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import QtQuick.Effects
 import Quickshell
 import qs.Commons
 import qs.Services.Location
@@ -13,14 +14,54 @@ NBox {
   property bool showLocation: true
   readonly property bool weatherReady: Settings.data.location.weatherEnabled && (LocationService.data.weather !== null)
 
+  // Test mode: set to "rain" or "snow"
+  property string testWeatherEffect: ""
+
+  // Weather condition detection
+  readonly property int currentWeatherCode: weatherReady ? LocationService.data.weather.current_weather.weathercode : 0
+  readonly property bool isRaining: testWeatherEffect === "rain" || (testWeatherEffect === "" && currentWeatherCode >= 51 && currentWeatherCode <= 67)
+  readonly property bool isSnowing: testWeatherEffect === "snow" || (testWeatherEffect === "" && ((currentWeatherCode >= 71 && currentWeatherCode <= 77) || (currentWeatherCode >= 85 && currentWeatherCode <= 86)))
+
+  // Animated time for shaders
+  property real shaderTime: 0
+  NumberAnimation on shaderTime {
+    running: root.isRaining || root.isSnowing
+    loops: Animation.Infinite
+    from: 0
+    to: 1000
+    duration: 100000
+  }
+
   visible: Settings.data.location.weatherEnabled
   implicitHeight: Math.max(100 * Style.uiScaleRatio, content.implicitHeight + (Style.marginXL * 2))
 
+  // Weather effect layer (rain/snow)
+  ShaderEffect {
+    id: weatherEffect
+    anchors.fill: parent
+    // Snow fills the box, rain matches content margins
+    anchors.margins: root.isSnowing ? root.border.width : Style.marginXL
+    visible: root.isRaining || root.isSnowing
+
+    property var source: ShaderEffectSource {
+      sourceItem: content
+      hideSource: root.isRaining // Only hide for rain (distortion), show for snow
+    }
+
+    property real time: root.shaderTime
+    property real itemWidth: weatherEffect.width
+    property real itemHeight: weatherEffect.height
+    property color bgColor: root.color
+    property real cornerRadius: root.isSnowing ? (root.radius - root.border.width) : 0
+
+    fragmentShader: root.isSnowing ?
+      Qt.resolvedUrl(Quickshell.shellDir + "/Shaders/qsb/weather_snow.frag.qsb") :
+      Qt.resolvedUrl(Quickshell.shellDir + "/Shaders/qsb/weather_rain.frag.qsb")
+  }
+
   ColumnLayout {
     id: content
-    anchors.left: parent.left
-    anchors.right: parent.right
-    anchors.top: parent.top
+    anchors.fill: parent
     anchors.margins: Style.marginXL
     spacing: Style.marginM
     clip: true