Set table th background-color with gaia theme.

[Serenade600]

When I use default theme through @import "default";, I could set table head background with

section table th {
  background-color: white;
 }

. The output looks like this
.
In order to utilize the left-top feature of gaia theme, I change @import "default"; to @import "gaia";. And I also set

    --color-foreground          : black;
    --color-background          : white;
    --color-background-stripe   : white;

to change general text color to black and change general background to white. But this time the table head background change to black like this

. I looked at the code about the gaia.css. The background of th is linked to -color-foreground which is the text color. And the above setting on white color of table head background doesn't work.

My question is, could I set th background to white while remaining text color black using gaia theme?

[Serenade600]

It seems that the scoped style as following works

<style scoped>
section table th {
  background-color: white;
}
</style>

.That means I should put background-color: white; on proper position. After some search, it seems that the something in gaia.css conflicts with my own setting. And after adding some !important wildly, it seems OK now. Sorry for the noise.

[Serenade600]

I'm a newbie for css. And I just found that exchange position of @import "gaia"; and @import "structure";(which is my setting) could result in different result. That's amazing.