VSCode Dark Modern
by leozague
VSCode Dark Modern theme for Obsidian — custom dark theme inspired by TRAE/VSCode Dark Modern
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.
About VSCode Dark Modern
VSCode Dark Modern theme for Obsidian — custom dark theme inspired by TRAE/VSCode Dark Modern. It has 1 GitHub stars and is steadily gaining traction in the community.
The theme is dark-mode only. If you need a light-mode alternative, the similar-themes section below has the most popular dark-and-light dual-mode themes on the site. Installation is one click — open Obsidian, go to Settings → Appearance → Themes → Browse, search for "VSCode Dark Modern", and click Install. The theme's CSS is bundled with Obsidian's theme store, so there is no manual file copying or CSS snippet setup required.
VSCode Dark Modern was last updated 2 months ago and currently has no open issues on the GitHub repo. A clean issue tracker is a good sign of a stable, production-ready release.
The dark mode uses a dark gray background that the live preview on this page shows in context — callouts, blockquotes, code blocks, and the in-app navigation all reflect the theme's actual CSS. If you want to compare VSCode Dark Modern with other themes that share the same mode support, the Similar Obsidian themes section below has the most popular alternatives ranked by GitHub stars.
Install in Obsidian
Open Obsidian and browse community themes from Appearance settings.
Settings → Appearance → Themes → Browse → Search "VSCode Dark Modern"Frequently asked questions
- How do I install VSCode Dark Modern in Obsidian?
- Open Obsidian and go to Settings → Appearance → Themes → Browse. Search for "VSCode Dark Modern", click "Install" and then "Use" to activate. After install you can switch modes from Settings → Appearance.
- Does VSCode Dark Modern support dark mode?
- Yes. VSCode Dark Modern supports dark mode — switch between them from Settings → Appearance. Only dark mode is available — if you need the other mode, browse the /light category for alternatives.
- Is VSCode Dark Modern actively maintained?
- VSCode Dark Modern was last updated 2 months ago. It has 1 GitHub stars. The repository has no open issues. Open the GitHub repository to follow updates, file issues, or contribute.
Similar Obsidian themes
More dark themes with active previews and install details.
Popular Obsidian themes
High-star community themes to compare before choosing your setup.