Use $table-background to set table colors

This way it's possible to customize these colors by just changing a
variable.

The code is now quite a bit hacky; since I'm not an expert in color
design, I didn't want to change the colors we were using in case it made
the application have less appeal.

If slightly changing these colors isn't a problem, we could use
Foundation's defaults to simplify the code, maybe just changing the
`$table-color-scale` variable.
This commit is contained in:
Javi Martín
2021-05-29 17:14:24 +02:00
parent 73fe89829d
commit 366fd630dc
2 changed files with 3 additions and 3 deletions

View File

@@ -226,7 +226,7 @@ $table-header: #ecf1f6;
border: $table-border;
&:hover {
background: #f3f6f7;
background: adjust-color(darken($table-background, 2%), $red: -4, $green: -1);
}
}

View File

@@ -1433,11 +1433,11 @@ table {
}
&:nth-child(odd) {
background: #fff;
background: $table-background;
}
&:nth-child(even) {
background: #fafcfb;
background: adjust-color($table-background, $red: -3, $green: -1, $blue: -2);
}
}