[Medformatik]

What changed and why

The few screens the shell draws itself had their own blue palette: the loading and error overlays, the recovery screen and the location disclosure. So did the Android notification tint, the adaptive-icon background and the dark splash. In front of the green web UI they looked like a different product.

The colours now live in @openmapx/core/theme. The web's MUI theme and theme-color tags are built from it, so the web looks the same as before. The shell derives its light and dark palettes from the same values, plus the 8 px corner radius and the medium button-label weight:

• Primary buttons use the primary colour with its contrast text.
• Secondary buttons are outlined, with a half-opacity primary border and a primary label, as MUI draws them.
• Body text uses the secondary text colour.
• Light pages are white like the web's full-screen dialogs. Dark pages use the web's #1C1C1C, which the dark splash now matches.

The native screens still use the system font, not Plus Jakarta Sans.

Before (dark)	After (dark)	After (light)

Android splash logo

Android 12 and later draw the splash image on a 288 dp canvas and crop it to a 192 dp circle. The splash used the square, edge-to-edge logo at 180 dp, so the circle cut off its corners and edges. Android now gets its own splash image: the full logo at 148 dp on a transparent 288 dp canvas, small enough that its rounded corners stay inside the circle. iOS does not crop and keeps the existing image.

Before: logo cut by the circle	After: the whole logo

Related work

Last of four stacked PRs. It is based on #758 (native navigation), which is based on #757 and #756.

Verification

• Pixel (Android 17), in both dark and light system appearance: the disclosure matches the web theme. The foreground-service notification is tinted #207E23, and the generated Android resources use the new splash and icon-background colours.
• apps/mobile: jest (new palette test), tsc, biome, assert-generated, and expo config resolving the shared colours.
• Web: vitest project (including themeColor), tsc. Full node vitest project for the new core module.
• Splash: recorded cold starts on the Pixel before and after. The generated splashscreen_logo drawable keeps every opaque pixel within 372 px of the centre of its 1152 px canvas (the circle's radius is 384 px).
• Not checked: iOS.

Release and upgrade impact

Product impact: ordinary

No package release: the new @openmapx/core/theme module is imported only by the web app and the mobile shell; extension-cli builds byte-identical dist output with and without this change.