Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Obsidian LightNew to Visual Studio Code? Get it now.
Obsidian Light

Obsidian Light

narcilee7

|
9 installs
| (0) | Free
A beautiful light theme inspired by Obsidian, featuring elegant grays, vibrant syntax highlighting, and excellent readability for long coding sessions.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Obsidian Light Theme

A beautiful and elegant light theme for Visual Studio Code, inspired by the popular Obsidian note-taking app. This theme features carefully crafted colors that provide excellent readability and reduce eye strain during long coding sessions.

Features

  • 🎯 Ultimate Coverage: 646+ VS Code theme tokens - the most comprehensive theme available
  • 💡 Perfect IntelliSense: Fully themed suggest widget, parameter hints, and completions
  • 🔍 Command Palette: Complete quick pick and dropdown theming
  • 📋 Context Menus: All menus and popups use theme colors
  • 🎨 Snippet Highlighting: Code snippets and tabstops properly highlighted
  • 🔔 Notifications: Toast notifications and notification center theming
  • ⚙️ Settings UI: Complete settings panel theming
  • 🖥️ Terminal Colors: Full ANSI color palette support
  • 🔧 Advanced Features: Command Center, Copilot, debugging, notebooks
  • 🌈 15+ Languages: Syntax highlighting for major programming languages
  • ♿ Accessibility: Enhanced focus indicators and validation states
  • ⚡ Performance: Optimized rendering with efficient color inheritance

Color Palette

  • Background: Pure white (#ffffff)
  • Primary Text: Dark gray (#2e2e2e)
  • Secondary Text: Medium gray (#666666)
  • Accent Colors:
    • Purple: Keywords and storage types (#8957e5)
    • Green: Strings and functions (#0a6a3d)
    • Blue: Variables and properties (#0550ae)
    • Orange: Numbers and constants (#b33e00)
    • Teal: Types and classes (#1d4ed8)

Installation

From VS Code Marketplace

  1. Open Visual Studio Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "Obsidian Light"
  4. Click Install

Manual Installation

  1. Download the .vsix file from the releases
  2. In VS Code, open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
  3. Type "Extensions: Install from VSIX" and select the downloaded file

Usage

After installation:

  1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
  2. Type "Color Theme" and select "Preferences: Color Theme"
  3. Choose "Obsidian Light" from the list

Screenshots

Coming soon - screenshots will be added to demonstrate the theme

Supported Languages

This theme provides excellent syntax highlighting for:

  • JavaScript/TypeScript
  • Python
  • Java
  • C/C++
  • Go
  • Rust
  • HTML/CSS/SCSS
  • JSON/YAML
  • Markdown
  • And many more...

Customization

You can customize the theme by modifying the color values in the theme file or by creating your own settings overrides in your VS Code user settings.

Contributing

We welcome contributions! Please see our Contributing Guide for detailed information on:

  • How to report bugs and request features
  • Development setup and testing
  • Color guidelines and best practices
  • Pull request process

Development

Prerequisites

  • VS Code 1.74.0 or later
  • Git

Quick Start

  1. Fork and clone the repository
  2. Open in VS Code and install recommended extensions
  3. Press F5 to test in Extension Development Host
  4. Make your changes and test thoroughly

License

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

Changelog

See CHANGELOG.md for the latest updates and changes.

Credits

Inspired by the beautiful Obsidian note-taking app and designed for developers who appreciate elegant, readable code themes.


Enjoy coding with Obsidian Light! ✨

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft