Android: Soft navigation buttons are invisible with light color scheme

Bug reports
, , , , ,
1

Once you’ve done the above, delete everything above this line.

Steps to reproduce

  • Android 16 system settings, go to System > Navigation mode and select 3-button navigation.
  • In Obsidian, select the light color scheme.
  • Observe that the white navigation buttons are blending in to the white background.

Did you follow the troubleshooting guide? [Y/N]

N/A. This is a rendering issue and none of the app settings fix it.

Expected result

I would expect the navigation buttons to be visibly distinct from the background.

Actual result

The buttons are not visibly distinct from the background. They can still be used if you know where to tap.

Environment

SYSTEM INFO:
	Obsidian version: 1.12.7 (303)
	API version: 1.12.7
	Operating system: Android 16 (Google Pixel 9 Pro)
	Webview version: 147.0.7727.55
	Login status: logged in
	Language: en
	Catalyst license: none
	Live preview: on
	Base theme: adapt to system
	Community theme: none
	Snippets enabled: 0
	Restricted mode: off
	Plugins installed: 2
	Plugins enabled: 2
		1: Excalidraw v2.5.0
		2: Tasks v7.10.2

RECOMMENDATIONS:
	Community plugins: for bugs, please first try updating all your plugins to latest. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community plugins.

Additional information

I’m following up on thread 103701, and you can find screenshots there.

On native Android, to switch to dark buttons when a light color scheme is in use, you can set WindowCompat.getInsetsController(window, window.decorView).isAppearanceLightNavigationBars = isObsidianColorSchemeLight whenever the color scheme changes.

If you don’t have a native Android hook for theme changes, I found some Capacitor-specific information in a tutorial named Android Bars. Looks like you’ll need a plugin.

2

thanks!