Merge pull request #7985 from jtpio/fix-csv-styling

Use the same TextRenderer for all regions in CSV data grid

packages/csvviewer-extension/src/index.ts

@@ -271,6 +271,7 @@ namespace Private {
    * The dark theme for the data grid.
    */
   export const DARK_STYLE: DataGrid.Style = {
+    ...DataGrid.defaultStyle,
     voidColor: 'black',
     backgroundColor: '#111111',
     headerBackgroundColor: '#424242',

packages/csvviewer/src/widget.ts

@@ -386,14 +386,18 @@ export class CSVViewer extends Widget {
       return;
     }
     const rendererConfig = this._baseRenderer;
+    const renderer = new TextRenderer({
+      textColor: rendererConfig.textColor,
+      horizontalAlignment: rendererConfig.horizontalAlignment,
+      backgroundColor: this._searchService.cellBackgroundColorRendererFunc(
+        rendererConfig
+      )
+    });
     this._grid.cellRenderers.update({
-      body: new TextRenderer({
-        textColor: rendererConfig.textColor,
-        horizontalAlignment: rendererConfig.horizontalAlignment,
-        backgroundColor: this._searchService.cellBackgroundColorRendererFunc(
-          rendererConfig
-        )
-      })
+      body: renderer,
+      'column-header': renderer,
+      'corner-header': renderer,
+      'row-header': renderer
     });
   }