From 2e88a9b6c419794422c92398c21a2d87c0b922d6 Mon Sep 17 00:00:00 2001
From: nevaforget <dom@moonarch.de>
Date: Sat, 28 Mar 2026 21:46:08 +0100
Subject: [PATCH] feat: activate fade-in animation for panel and wallpaper
 windows

The Rust code already adds a "visible" CSS class on map, but the
stylesheet had no corresponding opacity transition. Add 250ms ease-in
fade via GPU-accelerated CSS opacity to eliminate the visual pop-in.
---
 CHANGELOG.md        |  4 ++++
 resources/style.css | 12 ++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 324554a..7f07561 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,10 @@ Format based on [Keep a Changelog](https://keepachangelog.com/).
 
 ## [0.4.1] - 2026-03-28
 
+### Added
+
+- Fade-in animation (250ms ease-in) for panel and wallpaper windows via CSS opacity transition
+
 ### Fixed
 
 - Fix pixel format mismatch in blur path — `texture.download()` yields BGRA but was passed to `RgbaImage` without channel swap, now explicitly converts B↔R
diff --git a/resources/style.css b/resources/style.css
index 574e4d7..b6e6265 100644
--- a/resources/style.css
+++ b/resources/style.css
@@ -6,11 +6,23 @@ window.panel {
     background-color: @theme_bg_color;
     background-size: cover;
     background-position: center;
+    opacity: 0;
+    transition: opacity 250ms ease-in;
+}
+
+window.panel.visible {
+    opacity: 1;
 }
 
 /* Wallpaper-only window for secondary monitors */
 window.wallpaper {
     background-color: @theme_bg_color;
+    opacity: 0;
+    transition: opacity 250ms ease-in;
+}
+
+window.wallpaper.visible {
+    opacity: 1;
 }
 
 /* Round avatar image */