More style details

[severo]

• use the same background as the box the iframe is inserted into, on source.coop (--accent-2)
• use monospace font for column headers
• invert colors between cells and column headers, to reduce the visual weight of the table
• change the column header font weight from bold (browser default) to normal
• make the special backgrounds (focused cells, header cells, etc) slightly more proeminent

[Copilot]

Pull request overview

This PR enhances the visual styling of the table viewer by implementing a cohesive color scheme and typography system. The changes align the iframe's appearance with the source.coop design system by using the --accent-2 background color, applying monospace fonts to table content, and inverting the color scheme between table cells and headers.

Key changes:

• Introduction of --accent-2 CSS variable for consistent background colors across light and dark modes
• Unified monospace font family application to all table elements for improved data readability
• Adjusted color scheme with inverted table header/cell colors to reduce visual weight
• Added color-scheme meta tag for proper dark mode support

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 3 comments.

File	Description
src/styles/colors.css	Adds --accent-2 variable for both light and dark modes; simplifies dark mode --white definition from alias to direct value
src/styles/hightable.css	Updates table color scheme from gray-2 to gray-3/gray-5 variants; applies monospace font to all table elements; normalizes header font-weight; removes row-specific font styling
src/styles/index.css	Changes main background from --white to --accent-2 for consistency with source.coop styling
index.html	Updates DOCTYPE to uppercase convention; adds color-scheme meta tag for dark mode support

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.