Light with Dark Editor

Install

1. Go to VS Marketplace
2. Click on the "Install" button

Standalone with any theme

Add to your vscode settings.json:

{
  "workbench.colorCustomizations": {
    "activityBar.activeBorder": "#09A1ED",
    "activityBar.background": "#E7E8E6",
    "activityBar.border": "#00000017",
    "activityBar.foreground": "#09A1ED",
    "activityBar.inactiveForeground": "#0000004b",
    "activityBarBadge.background": "#09A1ED",
    "activityBarBadge.foreground": "#ffffff",
    "dropdown.border": "#E9EAEB",
    "editorSuggestWidget.background": "#222222e3",
    "editorSuggestWidget.selectedBackground": "#09a1ed7a",
    "gitDecoration.modifiedResourceForeground": "#00A39F",
    "gitDecoration.untrackedResourceForeground": "#2DAE58",
    "icon.foreground": "#09a1ed",
    "input.background": "#e9eaeb",
    "input.border": "#e9eaeb",
    "input.foreground": "#222222",
    "input.placeholderForeground": "#00000067",
    "inputOption.activeBackground": "#09a1ed44",
    "inputOption.activeBorder": "#94949400",
    "list.activeSelectionBackground": "#09A1ED",
    "list.activeSelectionForeground": "#ffffff",
    "list.errorForeground": "#FF5C56",
    "list.focusBackground": "#37a6dd99",
    "list.focusForeground": "#ffffff",
    "list.hoverBackground": "#37a6dd99",
    "list.hoverForeground": "#ffffff",
    "list.inactiveSelectionBackground": "#86868644",
    "list.inactiveSelectionForeground": "#222222e3",
    "list.warningForeground": "#B38700",
    "sideBar.background": "#F3F4F5",
    "sideBar.border": "#000000b9",
    "sideBar.foreground": "#000000b9",
    "sideBarSectionHeader.background": "#e9eaeb00",
    "sideBarSectionHeader.border": "#00000017",
    "sideBarSectionHeader.foreground": "#000000A0",
    "sideBarTitle.foreground": "#000000A0",
    "tree.indentGuidesStroke": "#00000017"
  }
}