2.9

Scope weather effects
Scope objects
Scope selection changes

assets/css/table.css

@@ -103,10 +103,28 @@
   border-left: none;
 }
 
-/* Each tab's background is an inline per-day weather gradient, so we darken
-   the whole tab with a filter on hover (!important to beat the inline filter). */
-.utci-day-tab:hover {
-  filter: brightness(0.93) !important;
+/* The selected-tab background is a different gradient (radial vs linear), and
+   CSS can't tween between gradients — so we paint the active gradient as an
+   overlay pseudo-element behind the tab content and fade its opacity on hover.
+   z-index:-1 keeps it above the tab's own background but below the labels. */
+.utci-day-tab::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: var(--w-bg-active);
+  opacity: 0;
+  transition: opacity 0.2s ease;
+  pointer-events: none;
+  z-index: -1;
+}
+
+/* On hover, a non-active tab fades in the selected gradient + filter so it
+   previews the selected shade (!important to beat the inline filter). */
+.utci-day-tab:hover:not(.active)::before {
+  opacity: 1;
+}
+.utci-day-tab:hover:not(.active) {
+  filter: saturate(1.1) brightness(1.04) !important;
 }
 
 .utci-day-tab.active {