diff --git a/src/alf/util/navigationBar.ts b/src/alf/util/navigationBar.ts
index face869837..ffca4f3689 100644
--- a/src/alf/util/navigationBar.ts
+++ b/src/alf/util/navigationBar.ts
@@ -8,7 +8,7 @@ export function setNavigationBar(themeType: 'theme' | 'lightbox', t: Theme) {
     if (themeType === 'theme') {
       NavigationBar.setBackgroundColorAsync(t.atoms.bg.backgroundColor)
       NavigationBar.setBorderColorAsync(t.atoms.bg.backgroundColor)
-      NavigationBar.setButtonStyleAsync(t.name !== 'light' ? 'light' : 'dark')
+      NavigationBar.setButtonStyleAsync(t.scheme === 'dark' ? 'light' : 'dark')
     } else {
       NavigationBar.setBackgroundColorAsync('black')
       NavigationBar.setBorderColorAsync('black')
diff --git a/src/view/shell/index.tsx b/src/view/shell/index.tsx
index 8dbbbea6f2..c839f4cc10 100644
--- a/src/view/shell/index.tsx
+++ b/src/view/shell/index.tsx
@@ -141,7 +141,7 @@ export const Shell: React.FC = function ShellImpl() {
     <View testID="mobileShellView" style={[a.h_full, t.atoms.bg]}>
       <StatusBar
         style={
-          t.name !== 'light' || (isIOS && fullyExpandedCount > 0)
+          t.scheme === 'dark' || (isIOS && fullyExpandedCount > 0)
             ? 'light'
             : 'dark'
         }