change table header styles to use vscode panel border color (#52)

for more integrated look and feel in light and dark vscode themes

Author: RandomFractals

package-lock.json

@@ -2,7 +2,7 @@
   "name": "vscode-data-table",
   "displayName": "Data Table",
   "description": "Data Table 🈸 renderer for Notebook 📓 cell ⌗ data outputs.",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "engines": {
     "node": ">14.5.0",
     "vscode": "^1.57.0"

package.json

@@ -106,9 +106,14 @@ function addStyles(document: HTMLDocument): HTMLStyleElement {
     background-color: var(--vscode-editor-background) !important;
   }
 
+  thead th {
+    box-shadow: 0 1px 0 var(--vscode-panel-border) !important;
+  }
+  
   th {
     text-align: left !important;
   }
   `;
+  
   return styles;
 }

src/renderer/render.ts

@@ -12,6 +12,10 @@
   background-color: var(--vscode-editor-background) !important;
 }
 
+thead th {
+  box-shadow: 0 1px 0 var(--vscode-panel-border) !important;
+}
+
 th {
   text-align: left !important;
 }