Add and refine styles for data tables.

Review Request #13813 — Created May 2, 2024 and submitted

Information

Ink
master

Reviewers

This introduces a few new CSS variables for controlling data table
styles:

  • --ink-c-data-table-header-hover-text-color: Color used for text when
    hovering over a header.

  • --ink-c-data-table-row-border-color: Border color when separating
    rows.

  • --ink-c-data-table-row-border: Border definition when separating
    rows.

On top of this, the background has been changed to pure black (on dark
mode) and white (on light mode), instead of the container color, helping
provide visual separation and better contrast for data.

The alternative row background has changed to be less dark on light
mode.

Made use of this with all the new datagrid work.

Summary ID
Add and refine styles for data tables.
This introduces a few new CSS variables for controlling data table styles: * `--ink-c-data-table-header-hover-text-color`: Color used for text when hovering over a header. * `--ink-c-data-table-row-border-color`: Border color when separating rows. * `--ink-c-data-table-row-border`: Border definition when separating rows. On top of this, the background has been changed to pure black (on dark mode) and white (on light mode), instead of the container color, helping provide visual separation and better contrast for data. The alternative row background has changed to be less dark on light mode.
b1d9f34db0dad1ab7907674a26698fc9155ebd75
david
  1. Ship It!
  2. 
      
maubin
  1. Ship It!
  2. 
      
chipx86
Review request changed
Status:
Completed
Change Summary:
Pushed to master (5f9aa6e)