Skip to content

[Feature Request]: Add theming tokens and settings options for Results Grid header & NULL cell styling #20090

@ozkurkculer

Description

@ozkurkculer

Feature Description

Hello team,

First of all, thanks for maintaining this great extension.

Currently, the Results Grid UI (based on SlickGrid) uses hardcoded CSS for its header and cell rendering. Users cannot control styling such as:
• Header background and foreground colors
• Styling of cells that represent NULL values (or cells marked with missing-value class)

This creates limitations:
• It breaks consistency with custom VS Code themes (light/dark variants, brand colors, etc.)
• Accessibility is impacted (contrast control for headers and NULL values)
• There’s no way to configure these through the settings.json user settings

Problem and Motivation

Feature request:
• Expose new theming tokens (e.g. mssql.resultsGrid.headerBackground, mssql.resultsGrid.headerForeground, mssql.resultsGrid.nullCellBackground, mssql.resultsGrid.nullCellForeground)
• Optionally, expose user settings under the mssql namespace to override these (similar to mssql.resultsFontFamily and mssql.resultsFontSize)
• Ensure NULL cells consistently receive a class (e.g. .missing-value) so they can be targeted reliably

This would give users full control over how the Results Grid looks and improve accessibility and theming consistency.

Thanks for considering this request!

Related Area

  • Connection dialog
  • Query results panel
  • Query editor
  • Object Explorer
  • Table Designer
  • Schema Compare
  • Schema Designer
  • Local container
  • GitHub Copilot integration
  • Query Plan Visualizer
  • Other (please describe below)

If you selected "Other", please describe the area

No response

Confirmation

  • I have searched existing feature requests and couldn't find a match
  • I want to help implement this feature

Metadata

Metadata

Assignees

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions