title: VS Code color theme debugging
body: <p>The VS Code editor is not displaying the correct theme. Sometimes it is working and sometimes not, I could not figure out how to reproduce it. I uninstalled VS Code and installed it again but still I can not debug my own theme.</p>
  
  <p>I have created a new color theme with</p>
  
  <pre><code>$ yo code
  </code></pre>
  
  <p>I selected <code>new color theme</code> and selected the <code>blank dark one</code>.</p>
  
  <p>Now when i start the debugger, it loads a new editor with my theme. I can select it in the menu at <code>preferences</code> and <code>color theme</code>.</p>
  
  <p>Then sometimes it does not apply the selected changes. </p>
  
  <p>But when I delete everything from the <code>tokenColors: [...]</code> then it let me select the color theme again, but when I type some new themes in the tokenColors and reload it it does not apply the new styles.</p>
  
  <p>My guess is that VS Code is caching the styles somewhere and does not overwrite it.</p>
  
  <p>The problem is how can I develop a new color theme if I can not debug it?</p>
  
  <p>How can I reload the theme? </p>
  
  <pre><code>{
    "name": "T",
    "type": "dark",
    "colors": {
      "editorGroup.background": "#2b303b",
      "editorGroup.border": "#c0c5ce",
      "editor.background": "#2b303b",
      "editor.foreground": "#c0c5ce",
      "activityBarBadge.background": "#2b303b",
      "sideBar.background": "#1c1f26",
      "sideBar.foreground": "#c0c5ce",
      "list.hoverBackground": "#2b303b",
      "list.hoverForeground": "#c0c5ce",
      "list.activeSelectionForeground": "#c0c5ce",
      "list.inactiveSelectionForeground": "#c0c5ce",
      "list.activeSelectionBackground": "#2b303b",
      "list.inactiveSelectionBackground": "#2b303b",
      "sideBarTitle.foreground": "#c0c5ce",
      "sideBarSectionHeader.background": "#2b303b",
      "statusBar.background": "#1c1f26",
      "statusBar.foreground": "#c0c5ce",
      "tab.activeBackground": "#2b303b",
      "tab.inactiveBackground": "#1c1f26",
      "terminal.background": "#2b303b",
      "activityBar.border": "#1c1f26",
      "activityBar.background": "#2b303b",
      "sideBar.border": "#1c1f26",
      "tab.activeForeground": "#c0c5ce"
    },
    "tokenColors": [
      {
        // const, let, if, else, async, await, try, catch
        "name": "j",
        "scope": [
          "storage.type.js.jsx",
          "storage.modifier.async.js.jsx",
          "keyword.control.flow.js.jsx",
          "keyword.control.conditional.js.jsx",
          "keyword.control.trycatch.js.jsx"
        ],
        "settings": {
          "foreground": "#b48ead",
          "fontStyle": "italic"
        }
      }
    ]
  }
  </code></pre>