Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>LightbulbNew to Visual Studio Code? Get it now.
Lightbulb

Lightbulb

Yulian Kraynyak

|
2,775 installs
| (2) | Free
A minimal dark theme that intelligently illuminates the important stuff.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

💡 Lightbulb


Philosophy

Bright actions on subtle surfaces, lit up by an intuitive palette of colors.

Lightbulb is a minimal dark theme for Visual Studio Code that intelligently illuminates items of interest, while elegantly fading away unnecessary distractions.

This is a comprehensive theme designed over many years of experimentation with my own VS Code setup, with the goal of a design that increases productivity (but is also nice to just stare at).

Install Lightbulb


Setup (recommended)

Lightbulb is good to go upon install, but here are some recommended customizations (from your end) to make it really pop.

Install Helium Icons (pair nicely)

Install JetBrains Mono and set:

{
    "editor.fontFamily": "JetBrains Mono",
    "editor.fontLigatures": true,
    "editor.fontSize": 13,
    "editor.fontWeight": 400
}

Install Better Comments and set:

{
    "better-comments.tags": [
        {
            "backgroundColor": "transparent",
            "bold": false,
            "color": "#f88f7f",
            "italic": true,
            "strikethrough": false,
            "tag": "!",
            "underline": false
        },
        {
            "backgroundColor": "transparent",
            "bold": false,
            "color": "#9ca9bf",
            "italic": true,
            "strikethrough": false,
            "tag": "?",
            "underline": false
        },
        {
            "backgroundColor": "transparent",
            "bold": false,
            "color": "#ffcf6f",
            "italic": true,
            "strikethrough": false,
            "tag": "*",
            "underline": false
        }
    ]
}

Install Error Lens and set:

{
    "errorLens.borderRadius": "0px",
    "errorLens.fontSize": "1em",
    "errorLens.fontStyleItalic": true,
    "errorLens.fontWeight": "500",
    "errorLens.gutterIconSet": "default",
    "errorLens.gutterIconSize": "66%",
    "errorLens.gutterIconsEnabled": true,
    "errorLens.margin": "1.5ch",
    "errorLens.messageBackgroundMode": "message",
    "errorLens.messageTemplate": "$message <$source($code)",
    "errorLens.padding": "0.034ch 0.6ch"
}

[!TIP] To change the gutter icon colors:

  1. Open ~/.vscode/extensions/usernamehw.errorlens-<version>/img
  2. Edit the fill of the corresponding SVGs, or replace with some other SVG

Install Indent Rainbow and set:

{
    "indentRainbow.colors": ["#33425900", "#3342592a"],
    "indentRainbow.errorColor": "#f88f7f29",
    "indentRainbow.indicatorStyle": "classic"
}

Install TODO Highlight and set:

{
    "todohighlight.enableDiagnostics": true,
    "todohighlight.defaultStyle": {
        "backgroundColor": "transparent",
        "color": "#121722",
        "fontStyle": "",
        "fontWeight": "normal",
        "isWholeLine": true,
        "overviewRulerColor": "#ffcf6f"
    },
    "todohighlight.keywords": [
        {
            "backgroundColor": "#dcd8bb12",
            "color": "#ffcf6f",
            "overviewRulerColor": "#ffcf6f",
            "text": "TODO"
        }
    ]
}

Install Coverage Gutters and set:

{
    "coverage-gutters.highlightdark": "#42f1b425",
    "coverage-gutters.noHighlightDark": "#f88f7f25",
    "coverage-gutters.partialHighlightDark": "#dcd8bb25"
}

[!TIP] To change the gutter icon colors:

  1. Open ~/.vscode/extensions/ryanluker.vscode-coverage-gutters-<version>/app_images
  2. Edit the fill of the corresponding SVGs, or replace with some other SVG

Extras

Built-in support for semantic highlighting, as well as styling for the following extensions:

  • Error Lens
  • Numbered Bookmarks
  • GitLens
  • Inline Parameters

Missing colors?

  • Report missing styles by creating an issue
  • Suggest changes by submitting an idea

Inspired by Ayu Mirage and Field Lights

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