.thead-inverse {
th {
- color: $table-inverse-color;
- background-color: $table-inverse-bg;
+ color: $table-dark-color;
+ background-color: $table-dark-bg;
}
}
}
.table-inverse {
- color: $table-inverse-color;
- background-color: $table-inverse-bg;
+ color: $table-dark-color;
+ background-color: $table-dark-bg;
th,
td,
thead th {
- border-color: $table-inverse-border-color;
+ border-color: $table-dark-border-color;
}
&.table-bordered {
&.table-striped {
tbody tr:nth-of-type(odd) {
- background-color: $table-inverse-accent-bg;
+ background-color: $table-dark-accent-bg;
}
}
&.table-hover {
tbody tr {
@include hover {
- background-color: $table-inverse-hover-bg;
+ background-color: $table-dark-hover-bg;
}
}
}
$table-head-bg: $gray-200 !default;
$table-head-color: $gray-700 !default;
-$table-inverse-bg: $gray-900 !default;
-$table-inverse-accent-bg: rgba($white, .05) !default;
-$table-inverse-hover-bg: rgba($white, .075) !default;
-$table-inverse-border-color: lighten($gray-900, 7.5%) !default;
-$table-inverse-color: $body-bg !default;
+$table-dark-bg: $gray-900 !default;
+$table-dark-accent-bg: rgba($white, .05) !default;
+$table-dark-hover-bg: rgba($white, .075) !default;
+$table-dark-border-color: lighten($gray-900, 7.5%) !default;
+$table-dark-color: $body-bg !default;
// Buttons