Obsidian Stats logoObsidian Stats

VSCode Light Modern

by yangsonhung
Screenshot of the VSCode Light Modern Obsidian theme
5
4
3
2
1
Code

Description

This theme supports Light Mode

README file from

Github

VSCode Light Modern for Obsidian

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

Sponsors