Theme: change table header background color?

Configuration Frontend
1

Team,

image
image1570×252 16.2 KB

I would like to change the background color of table headers (like the one for entities, devices, automations, scenes, scripts and more.

Why?
Default background colors: (example: entity page)

  • white: Page background
  • white: Header
  • white: Searchbox
  • white: Table header
  • white: Table content: white

For me it would be better to separate these using the background color.
Step 1 is the table header.

Most of these table headers look like this:

<div class="mdc-data-table__header-row" role="row" aria-rowindex="1">

Using the inspector I can change the CSS to include:

.mdc-data-table__header-row {
    background-color: yellow;
    <existing_rows_here>
}

So I added this to the config, but it does nothing:

frontend:
  themes:
    djstheme:
      mdc-data-table__header-row: yellow

Any idea how I could make this change?

Cheers!
DJ