data-grid: styling of selected cell->code

Describe the bug

The <code> tag is not styled correctly when inside a selected cell

To reproduce

The following code, select the second cell with the mouse:

<vscode-data-grid>
  <vscode-data-grid-row row-type="header">
    <vscode-data-grid-cell grid-column="1" cell-type="columnheader"> Name </vscode-data-grid-cell>
    <vscode-data-grid-cell grid-column="2" cell-type="columnheader"> Type </vscode-data-grid-cell>
  </vscode-data-grid-row>
  <vscode-data-grid-row>
    <vscode-data-grid-cell grid-column="1">
      <a href="#">
        y*
      </a>
    </vscode-data-grid-cell>
    <vscode-data-grid-cell grid-column="2">
      <code>number</code>
    </vscode-data-grid-cell>
  </vscode-data-grid-row>
</vscode-data-grid>

Expected behavior

Expected to have css styled applied to elements inside the cell

Screenshots

[daviddossett]

The debug view has code in the list view and we typically default to the list active foreground selection for that:

Perfect, that’s exactly what I had in mind 🙏

[hawkticehurst]

Great I’ll put this on my to-do list and will aim to have a PR ready by sometime next week.