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

VSCode Light Modern

Yangson HungYangson Hung65 downloads

VS Code Light Modern inspired theme for Obsidian

Add to Obsidian
VSCode Light Modern screenshot
  • Overview
  • Scorecard
  • Updates2

Light theme adaptation based on leozague/obsidian-vscode-dark-plus, tuned for macOS and Obsidian light mode.

Features

  • VS Code Light Modern inspired palette with low-saturation syntax colors.
  • macOS-first font stack: SF Pro for UI and SF Mono / Menlo for editor text.
  • Light-mode adaptations for headings, links, inline code, callouts, checkboxes, graph view, canvas, Calendar and Dataview blocks.
  • Keeps the original theme's compact editor feel: 13px text, monospace writing surface, tight tabs and neutral borders.

Installation on macOS

  1. Open your Obsidian vault in Finder.
  2. Create this folder if it does not exist: .obsidian/themes/VSCode Light Modern/
  3. Copy theme.css and manifest.json into that folder.
  4. In Obsidian, go to Settings -> Appearance -> Themes and choose VSCode Light Modern.
  5. Make sure Obsidian is using light mode.

You can also install from Terminal after replacing /path/to/YourVault:

mkdir -p "/path/to/YourVault/.obsidian/themes/VSCode Light Modern"
cp theme.css manifest.json "/path/to/YourVault/.obsidian/themes/VSCode Light Modern/"

Recommended Settings

  • Settings -> Appearance -> Base font size: 13
  • Settings -> Editor -> Readable line length: off
  • Settings -> Appearance -> Accent color: #006ab1

Credits

  • Original theme: VSCode Dark+ for Obsidian by Leonardo Zague.
  • Palette inspired by VS Code Light Modern / Light+ syntax colors.

License

MIT

HealthExcellent
ReviewPassed
About
Apply a VS Code Light Modern–inspired light palette tuned for macOS and Obsidian light mode, with low‑saturation syntax colors and a macOS-first font stack (SF Pro for UI, SF Mono/Menlo for editor). Keep a compact editor feel with 13px monospace text, tight tabs, neutral borders, and light-mode styling for headings, links, inline code, callouts, checkboxes, graph view, canvas, Calendar and Dataview blocks.
Details
Current version
1.0.1
Last updated
5 days ago
Created
5 days ago
Updates
2 releases
Downloads
65
License
MIT
Report bugRequest featureReport theme
Author
Yangson HungYangson Hungyangsonhung
GitHubyangsonhung
  1. Community
  2. Themes
  3. VSCode Light Modern

Related themes

ITS Theme screenshot

ITS Theme

Minimal screenshot

Minimal

Things screenshot

Things

Wasp screenshot

Wasp

Cupertino screenshot

Cupertino

Prism screenshot

Prism

Baseline screenshot

Baseline

Flexoki screenshot

Flexoki

Velocity screenshot

Velocity

Reverie screenshot

Reverie