Back to all

Native separator hairline not following Dark Mode (iOS)

App Studio email: [email protected]

Device tested: iPhone 14 Pro, iOS 26.5.2, tested via TestFlight (Build 33, version 1.0.3)

Issue: In Dark Mode, there's a thin gold hairline visible at the seam between the iOS status bar and the native top navigation bar. It appears to be a separator/border line that isn't switching to Dark Mode along with the rest of the native chrome.

Context:

Status Bar (Branding > Status Bar) is set to Auto Light/Dark Mode, with Dark Mode Background Color

#202020

Top Navigation Bar (Native Navigation > Top Navigation Bar > Styling) Dark Mode Background Color is also

#202020 — these now match

Our Theme Colors (Branding > Theme Colors) set iOS Primary/Tint Color to

#C9A96E (gold) for Light Mode and

#FFFFFF (white) for Dark Mode

Even with the backgrounds matching, a thin gold line remains visible at the top of the screen in Dark Mode. The gold color matches our Light Mode tint color exactly — it looks like a native separator (possibly a UINavigationBar shadow/border line) is hardcoded to the Light Mode tint color rather than switching to the Dark Mode tint like the rest of the chrome now correctly does.

Screenshots:

Zoomed view of the seam in Dark Mode: https://imgur.com/4KJzTof
Theme Colors settings showing Light/Dark tint values: https://imgur.com/QfrCmqo

Question: Is this a native separator/shadow line tied to the app's tint color? If so, is there a setting in App Studio to make it follow Light/Dark Mode, or is this a bug on your end?