VSCode 2026
by Yangson Hung
VSCode 2026 Fluent theme for Obsidian — Light + Dark with first-class macOS vibrancy support.
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 2026
VSCode 2026 Fluent theme for Obsidian — Light + Dark with first-class macOS vibrancy support. It is a newer or more niche theme; the star count has not yet caught up with its quality.
The theme supports both dark and light mode — switch from Settings → Appearance, and both color schemes are designed to be paired with the theme without re-tweaking. Callouts, code blocks, tables, and headings are styled to work consistently in both modes. Installation is one click — open Obsidian, go to Settings → Appearance → Themes → Browse, search for "VSCode 2026", 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 2026 was last updated 2 months ago and currently has 2 open issues on the GitHub repo. The low issue count suggests a polished, well-maintained release.
The dark mode uses a near-black 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 2026 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 2026"Frequently asked questions
- How do I install VSCode 2026 in Obsidian?
- Open Obsidian and go to Settings → Appearance → Themes → Browse. Search for "VSCode 2026", click "Install" and then "Use" to activate. After install you can switch modes from Settings → Appearance.
- Does VSCode 2026 support dark + light mode?
- Yes. VSCode 2026 supports dark + light modes — switch between them from Settings → Appearance. Both light and dark color schemes are maintained by the theme author, so contrast, accent colors, and surface treatments are designed for each environment.
- Is VSCode 2026 actively maintained?
- VSCode 2026 was last updated 2 months ago. There are 2 open issues. Open the GitHub repository to follow updates, file issues, or contribute.
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.