title: How do you display the VSCode color picker in JSON regardless of the key?
body: <p>I am developing a theme and want all the HEX colors to display the VSCode color picker next to them.</p>
  <p>Someone had asked a <a href="https://stackoverflow.com/questions/60160718/vs-code-built-in-color-picker-feature-doesnt-work-in-json-files">similar question before</a>, but I wasn't sure how to implement it even  after looking at <a href="https://code.visualstudio.com/docs/languages/json#_json-schemas-and-settings" rel="nofollow noreferrer">the docs</a>.</p>
  <p>So I tried creating a JSON schema after <a href="https://github.com/microsoft/vscode/issues/34663" rel="nofollow noreferrer">this example here (Github)</a>.</p>
  <p>I got the following code to work sort-of, but it only works if the JSON <code>key</code> string has the name of <code>hex-color</code>:</p>
  <pre class="lang-json prettyprint-override"><code>...
  &quot;type&quot;: &quot;object&quot;,
  &quot;properties&quot;: {
      &quot;hex-color&quot;: {&quot;type&quot;: &quot;string&quot;,&quot;format&quot;: &quot;color&quot;}
  }
  ...
  </code></pre>
  <p>so</p>
  <pre class="lang-json prettyprint-override"><code>{
      &quot;test&quot;: &quot;#000&quot;, // Does not work
      &quot;hex-color&quot;: &quot;#000&quot; // Works
  }
  </code></pre>
  <p>When creating a VSCode theme, it's very difficult and time consuming to name every property key possible in a theme file for a schema. Is there a way to create a wildcard key, or a better way to detect if a value is a hex color?</p>