title: How to change object key color in vscode, for React app?
body: <p><a href="https://github.com/lokesh-coder/aditi/blob/master/themes/aditi-dark-color-theme.json" rel="nofollow noreferrer">This link shows how to edit json object keys</a>, but the problem is it doesn't work in my React app I have. I made it using <code>create-react-app</code>. The following will change the color of json objects:</p>
  
  <pre><code>{
        "name": "JSON Key - Level 0",
        "scope": [
          "source.json meta.structure.dictionary.json support.type.property-name.json"
        ],
        "settings": {
          "foreground": "#b379a1"
        }
      }
  }
  </code></pre>
  
  <p>This works for for the settings.json file, but not for the React app. </p>
  
  <pre><code>function mapAppStateToProps(appState) {
      return {
          currentUser: appState.user.currentUser
      }
  }
  </code></pre>
  
  <p>currentUser key doesn't change even though the settings.json file changes all the json key colors. I've even added all the code from the link above to style 8 layers of json keys, to no avail. How can I style json keys in a React app in vscode? </p>