Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Seamless View

gustavosz124gustavosz1243k downloads

Obsidian CSS Theme that aims matching live preview mode and read mode

Add to Obsidian
Seamless View screenshot
  • Overview
  • Scorecard
  • Updates6

Seamless View is a minimalist theme designed to reduce the differences between live preview mode and read mode. This provides a seamless experience when editing elements within a canvas, ensuring consistency of card sizes.

screenshot

Features

  • Minimalist: Reduces several unnecessary spaces, hides the mandatory empty line before any table, and adjusts the canvas menu to better utilize space.
  • Dark mode: A low-contrast dark mode that can be used during the day with warm colors for the night.
  • Light mode: A light mode inspired by Egyptian papyrus with warm colors to avoid straining the eyes.
  • Newlines in read mode: A margin-bottom of 1em between key elements to emulate empty lines from the live preview and keep the elements spaced out.
    • between paragraphs, including embeddings.
      • between a code block and other blocks, blockquotes, and callouts
    • between a list and paragraphs, blockquotes, and callouts.
    • between a blockquote or callout and other blockquotes, callouts, and paragraphs.
    • between all the above elements and headers.
    • between all the above elements and the end of the document.

dark theme

light theme

Plugin Styles Changes

  • Admonition: some extra spaces were removed (no margin-bottom is added to the element preceding an admonition in read mode).
  • Dataview: the line-height of dataview blocks in live preview mode and the style of bullet points in both modes were made consistent
  • Kanban: some extra spaces were removed in board view.
  • List Callouts: the background was aligned between both modes, and the color and thickness of the text were changed.
  • QuickAdd: the space in the settings of the commands was reduced.

Installation

  1. Open Obsidian and go to Settings > Appearance.
  2. Click on the Manage button under the Themes section.
  3. Search for Seamless View and click on the Install and use button.

Support

If you encounter any issues with the Seamless View theme, please feel free to create an issue on the theme's GitHub repository.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

Special thanks to the Obsidian community for their continuous support and feedback.


Enjoy a truly seamless experience with Seamless View in Obsidian!

81%
HealthExcellent
ReviewSatisfactory
About
Match live preview and read mode for consistent editing and canvas card sizes. Reduce unnecessary spacing with a minimalist layout, add low-contrast dark and warm papyrus light palettes, and align plugin styles for Dataview, Kanban, admonitions and callouts.
Details
Current version
2.1.0
Last updated
Last week
Created
2 years ago
Updates
6 releases
Downloads
3k
License
MIT
Report bugRequest featureReport theme
Author
gustavosz124gustavosz124
GitHubgustavosz124
  1. Community
  2. Themes
  3. Seamless View

Related themes

ITS Theme screenshot

ITS Theme

Minimal screenshot

Minimal

Border screenshot

Border

Things screenshot

Things

Cupertino screenshot

Cupertino

Prism screenshot

Prism

Baseline screenshot

Baseline

Willemstad screenshot

Willemstad

Flexoki screenshot

Flexoki

Velocity screenshot

Velocity