4.9.2

Simple cards are now separate
2026-08-04 03:13:05 +01:00
parent a94cdea9b2
commit 0d166e2b80
2 changed files with 8 additions and 0 deletions
@@ -1315,10 +1315,14 @@ export function UTCIForecast() {
                  // Card wears the same hue as its feel tag, washed right back so
                  // the tag still reads as the strong swatch on top of it.
                  const cardRgb = fscRgb(dispTemp, 0.70) || [245, 245, 245];
+                  // Border is the same hue a few shades down, so it edges the card
+                  // without introducing a colour that isn't already on it.
+                  const edgeRgb = fscRgb(dispTemp, 0.40) || [200, 200, 200];
                  return html`
                    <div key=${r.iso} class=${'fsc-card' + (isNow ? ' fsc-card--now' : '')}
                         style=${{
                           background: `rgb(${cardRgb[0]},${cardRgb[1]},${cardRgb[2]})`,
+                           ...(isNow ? {} : { border: `1px solid rgb(${edgeRgb[0]},${edgeRgb[1]},${edgeRgb[2]})` }),
                           ...(fscPlot ? { gridColumn: fscPlot.cardCol(fscPlot.landing[ri]) } : {}),
                         }}>
                      <div class="fsc-time">${localHHMMs}</div>