.figure-caption {
font-size: $figure-caption-font-size;
- color: $gray-light;
+ color: $figure-caption-color;
}
.thead-inverse {
th {
color: #fff;
- background-color: $gray-dark;
+ background-color: $table-bg-inverse;
}
}
.thead-default {
th {
- color: $gray;
- background-color: $gray-lighter;
+ color: $table-head-color;
+ background-color: $table-head-bg;
}
}
.table-inverse {
- color: $gray-lighter;
- background-color: $gray-dark;
+ color: $body-bg;
+ background-color: $table-bg-inverse;
&.table-bordered {
border: 0;
th,
td,
thead th {
- border-color: $gray;
+ border-color: $body-bg;
}
}
$table-sm-cell-padding: .3rem !default;
$table-bg: transparent !default;
+$table-bg-inverse: $gray-dark !default;
$table-bg-accent: #f9f9f9 !default;
$table-bg-hover: #f5f5f5 !default;
$table-bg-active: $table-bg-hover !default;
+$table-head-bg: $gray-lighter !default;
+$table-head-color: $gray !default;
+
$table-border-width: $border-width !default;
$table-border-color: $gray-lighter !default;
// Figures
$figure-caption-font-size: 90% !default;
+$figure-caption-color: $gray-light !default;
// Breadcrumbs
// Inverse
// TODO: redo this as a proper class
.bg-inverse {
- color: $gray-lighter;
- background-color: $gray-dark;
+ color: $body-bg;
+ background-color: $body-color;
}
.bg-faded {
- background-color: $gray-lightest;
+ background-color: darken($body-bg, 3%);
}
@include bg-variant('.bg-primary', $brand-primary);