Apple Vision Pro (visionOS) button highlight fix

For anyone trying out the Obsidian iPad app with Apple Vision Pro, you’ll notice that there are many UI elements that don’t highlight as you look at them, which hurts usability. Thankfully, there’s a simple fix.

Simply add a CSS snippet to the .obsidian/snippets folder in your vault, called something like visionOS.css, and include this content:

body {
    --cursor: pointer;
}

Then, enable the snippet in Obsidian’s appearance settings on your Apple Vision Pro.

This overrides Obsidian’s cursor CSS variable, which I believe Obsidian only uses for clickable content. visionOS decides that any page element that sets the cursor to “pointer” is probably clickable, so it gets highlighted when you look at it.

Hope this helps someone else. It would be cool if the Obsidian devs consider adjusting this variable in the iPad version’s default CSS, because the iPad’s “pointer” cursor is identical to the standard cursor when using an external mouse/touchpad, so it would only benefit Apple Vision Pro users.

8 Likes

3 posts were split to a new topic: Access .obsidian folder on Apple Vision Pro?

Something like this will be tentatively added in Obsidian Mobile v1.5.9

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.