Black & White VS Code Theme

If you're tired of syntax-highlighted rainbow soup and want your editor to get out of the way, try Simple Black White Theme.

It's exactly what it sounds like - a monochrome VS Code theme that strips away colour noise and lets you focus on structure. No distractions, no palette debates, just code.

For me personally, syntax highlighting colours add noise rather than clarity. I find I read code better when everything is the same colour and I rely on structure - indentation, naming, grouping - instead of a rainbow telling me what's a keyword and what's a string.

The problem with stock

Out of the box, the theme is almost perfect. A few UI elements lack contrast or visual feedback - hover states, search highlights, git indicators. Things you don't notice until you're actually working in it.

The tweaks

Drop this into your settings.json to fill in the gaps:

// VS Code settings.json
"workbench.colorTheme": "Simple BW Light",

"workbench.colorCustomizations": {
  "[Simple BW Light]": {
    // Make ghost text (Copilot suggestions etc.) actually readable
    "editorGhostText.foreground": "#000000",

    // Blue highlight on matched characters in lists (find file, command palette)
    "list.highlightForeground": "#2a8de7",

    // Subtle grey hover state so you know where your cursor is
    "list.hoverBackground": "#cfd4d9",

    // Faint background on selected-but-unfocused items (e.g. sidebar while editing)
    "list.inactiveSelectionBackground": "#adb5bd4d",

    // Blue tint on focused list items
    "list.focusBackground": "#329af040",

    // Keep text dark across all list selection states
    "list.inactiveSelectionForeground": "#212529",
    "list.activeSelectionForeground": "#212529",
    "list.focusForeground": "#212529",

    // Red for errors, orange for warnings - visible but not screaming
    "list.errorForeground": "#d43b3b",
    "list.warningForeground": "#ba5908",

    // Solid dark line on the active indent guide
    "editorIndentGuide.activeBackground1": "#212529",

    // Blue tint on search matches in the editor
    "editor.findMatchHighlightBackground": "#329af050",

    // Subtle highlight on variable definitions (const, let declarations)
    "editor.wordHighlightStrongBackground": "#00000025",

    // Dim git-ignored files in the explorer without hiding them
    "gitDecoration.ignoredResourceForeground": "#00000050",

    // Blue highlight on matched text in IntelliSense suggestions
    "editorSuggestWidget.highlightForeground": "#2a8de7"
  }
},

"editor.tokenColorCustomizations": {
  "textMateRules": [
    // Override the default comment style - slightly transparent dark grey
    // instead of invisible-light or italic
    {
      "scope": "comment, punctuation.definition.comment, comment.block.preprocessor, comment.documentation, comment.block.documentation",
      "settings": {
        "fontStyle": "",
        "foreground": "#5e6062c9"
      }
    }
  ]
}

Why bother

The tweaks above keep the minimalist aesthetic but add just enough visual feedback that the editor doesn't fight you on everyday tasks like searching, navigating files, or spotting git changes.

Give it a week. You might not go back.