Live preview
Interactive Obsidian workspace preview
Switch between supported modes and workspace layouts. The preview loads the theme's real CSS in an isolated Obsidian-like frame, so split panes, reading view, source editor, callouts, tables, tags, and checkboxes can inherit theme styling.
Actual CSS preview
This isolated Obsidian mock loads the theme's real CSS from its GitHub repository, so special fonts, backgrounds, callouts, tabs, and editor rules can render much closer to the installed app.
Last updated
Jun 5, 2026
Supported modes
dark + light
Legacy theme
No
Install in Obsidian
Open Obsidian and browse community themes from Appearance settings.
Settings → Appearance → Themes → Browse → Search "Notion Style"Similar Obsidian themes
More dark and light themes with active previews and install details.
Popular Obsidian themes
High-star community themes to compare before choosing your setup.