VS Code Theme

settings.json

{
  "workbench.colorTheme": "One Dark Pro",
  "workbench.colorCustomizations": {
    "[One Dark Pro]": {
      // dark 1 (darkest)
      "input.background": "#1f252b",
      "badge.background": "#1f252b",
      "sideBar.background": "#1f252b",
      "sideBarSectionHeader.background": "#1f252b",
      "tab.inactiveBackground": "#1f252b",
      "activityBar.background": "#1f252b",
      // dark 2
      "button.background": "#293138",
      "editorGroup.border": "#293138",
      // main background
      "editor.background": "#2f383f",
      "tab.activeBackground": "#2f383f",
      "editor.lineHighlightBackground": "#2f383f",
      "list.inactiveSelectionBackground": "#2f383f",
      "list.activeSelectionBackground": "#2f383f",
      // highlights
      "editor.selectionBackground": "#1a1a1aab",
      "editor.hoverHighlightBackground": "#46464680",
      "editor.wordHighlightBackground": "#46464680",
      "editor.wordHighlightBorder": "#fcf48c80",
      "editor.selectionHighlightBackground": "#46464680",
      "editor.selectionHighlightBorder": "#fcf48c80",
      "editor.findMatchHighlightBackground": "#46464680",
      "editor.findMatchHighlightBorder": "#fcf48c80",
      // accent 1 - orange
      "editorLineNumber.activeForeground": "#e27c53",
      "extensionButton.prominentBackground": "#e27c53",
      "progressBar.background": "#e27c53",
      "tab.activeBorder": "#e27c53",
      "badge.foreground": "#e27c53",
      "editorSuggestWidget.highlightForeground": "#e27c53",
      "pickerGroup.foreground": "#e27c53",
      "list.highlightForeground": "#e27c53",
      "activityBarBadge.background": "#e27c53",
      "sideBarTitle.foreground": "#e27c53",
      // accent 2 - blue
      "tab.hoverBorder": "#6ea4bb",
      "list.activeSelectionForeground": "#6ea4bb",
      "list.inactiveSelectionForeground": "#6ea4bb",
      "button.hoverBackground": "#6ea4bb",
      // scrolling
      "scrollbarSlider.background": "#398edd65",
      "scrollbarSlider.activeBackground": "#415161a8",
      "scrollbarSlider.hoverBackground": "#415161a8",
      // cursor
      "editorCursor.foreground": "#adbfd6"
    }
  },
  "editor.tokenColorCustomizations": {
    "[One Dark Pro]": {
      "strings": "#c9c47c", // or maybe #75c1c7
      "variables": "#91b3db",
      "functions": "#3bc5ae",
      "textMateRules": [
        {
          // html tags
          "scope": "entity.name.tag",
          "settings": {
            "foreground": "#e27c53"
          }
        },
        {
          // html tag brackets
          "scope": "punctuation.definition.tag",
          "settings": {
            "foreground": "#9e9e9e"
          }
        },
        {
          // html attributes
          "scope": "entity.other.attribute-name",
          "settings": {
            "foreground": "#6ea4bb"
          }
        },
        {
          // html id attribute
          "scope": "entity.other.attribute-name.id",
          "settings": {
            "foreground": "#3bc5ae"
          }
        },
        {
          // var, function, extends
          "scope": "storage",
          "settings": {
            "foreground": "#abb2bf"
          }
        },
        {
          "scope": "storage.type.function.arrow.js",
          "settings": {
            "foreground": "#6ea4bb"
          }
        },
        {
          // variables
          "scope": "variable.other.readwrite.js",
          "settings": {
            "foreground": "#e27c53"
          }
        },
        {
          // obj
          "scope": "variable.other.object.js",
          "settings": {
            "foreground": "#6ea4bb"
          }
        },
        {
          // obj props
          "scope": "variable.other.property.js",
          "settings": {
            "foreground": "#e27c53"
          }
        },
        {
          "scope": ["entity.name.type", "entity.name.type.class"],
          "settings": {
            "foreground": "#bc7bcf"
          }
        },
        {
          // string quotes
          "scope": [
            "punctuation.definition.string.begin",
            "punctuation.definition.string.end"
          ],
          "settings": {
            "foreground": "#beba77"
          }
        },
        {
          // document, window, etc.
          "scope": [
            "support.variable.dom.js",
            "support.type.object.dom.js",
            "constant"
          ],
          "settings": {
            "foreground": "#e06c75"
          }
        },
        {
          "scope": "string.unquoted.js",
          "settings": {
            "foreground": "#91b3db"
          }
        },
        {
          "scope": [
            "keyword.operator.js",
            "keyword.operator.assignment.js",
            "keyword.operator.accessor.js"
          ],
          "settings": {
            "foreground": "#abb2bf"
          }
        },
        {
          // if, else if
          "scope": "keyword.control.conditional",
          "settings": {
            "foreground": "#abb2bf",
            "fontStyle": "italic"
          }
        },
        {
          // comments, like this one!
          "scope": ["comment", "punctuation.definition.comment"],
          "settings": {
            // same as line numbers
            "foreground": "#636d83"
          }
        }
      ]
    }
  },
  "bracketPairColorizer.consecutivePairColors": [
    "()",
    "[]",
    "{}",
    ["#d1941b", "#9b4fe2", "#68b186"],
    "Red"
  ]
}