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:
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.