From a7a6c99099749406f5dd1833653af2f1ba022b54 Mon Sep 17 00:00:00 2001
From: Jeremy Wall <jeremy@marzhillstudios.com>
Date: Mon, 4 Mar 2024 21:05:37 -0500
Subject: [PATCH] ui: log table styling

---
 static/lib.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/static/lib.js b/static/lib.js
index c2f5515..3760ff4 100644
--- a/static/lib.js
+++ b/static/lib.js
@@ -33,7 +33,7 @@
  * @typedef HeaderOrCell
  * @type {object}
  * @property {array} values
- * @property {string=} fill
+ * @property {{color: string}=} fill
  * @property {{width: number, color: string}=} line
  * @property {{family: string, size: number, color: string }=} font
  */
@@ -42,7 +42,7 @@
  * @typedef TableTrace
  * @type {object}
  * @property {string=} name
- * @property type {string}
+ * @property {string} type 
  * @property {string=} mode
  * @property {HeaderOrCell} headers
  * @property {HeaderOrCell} cells - An Array of columns for the table.
@@ -483,13 +483,16 @@ export class GraphPlot extends HTMLElement {
                 // TODO(zaphar): subplot.Stream // log lines!!!
                 const trace = /** @type TableTrace  */({
                     type: "table",
+                    // TODO(zaphar): Column width?
                     headers: {
                         align: "left",
-                        values: ["Timestamp", "Log"]
+                        values: ["Timestamp", "Log"],
+                        fill: { color: layout.xaxis.gridColor }
                     },
                     cells: {
                         align: "left",
-                        values: []
+                        values: [],
+                        fill: { color: layout.paper_bgcolor }
                     },
                 });
                 const dateColumn = [];