FeaturePanel: Add coloring for opening times to indicate state

[homtec]

Description

See at one glance if the POI is open or closed by setting appropriate colors.

Example links

Screenshots

Checklist

• dark mode / light mode
• mobile / desktop
• server-side-rendering (SSR)
• all texts are localized (in vocabulary.ts)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
osmapp	Ready	Preview	Apr 17, 2026 6:57am
osmapp-preview	Ready	Preview	Apr 17, 2026 6:57am

[Dlurak]

Good idea and thanks for making the effort to implement it 👍

But I think the colour is a bit too prominent/pushy, maybe only show the word coloured and not the time, so for example only the "Closed now" or "Opens soon"...
What do you think?

[homtec]

Agree, will change it. 👍

[homtec]

Ready to rumble

[homtec]

Good idea and thanks for making the effort to implement it 👍

But I think the colour is a bit too prominent/pushy, maybe only show the word coloured and not the time, so for example only the "Closed now" or "Opens soon"... What do you think?

Okay, I’ve updated it as requested, @Dlurak!

[zbycz]

Hi, i clicked around the app. And this usecase doesn't look good to me. I guess that only the "Closed now" part should be colored in this case. (The amenity is closed, but it will be opened later that day)

I am not sure it is worth updating the code and all the translations properly, but I leave the decision up to you.
Currently i would not merge it, because it looks more strange than before 😇

[vercel]

Deployment failed with the following error:

Serverless Functions are limited to 2048 mb of memory for personal accounts (Hobby plan). To increase, create a team (Pro plan).

Learn More: https://vercel.link/3c4

[homtec]

@zbycz did some tweaking. looking forward to your review

[zbycz]

Hi,

thanks! Now it looks great. Merging... It will be live in few minutes.

Examples:

Dark mode