v4 $table-hover-color option needed
Created by: WilliamStam
hiya, busy theming bootstrap for my app. previously i did something like add my own class to a table and theme that class but this time im using the variables to get bootstrap itself to be themed.
as is now:
$table-cell-padding: .75rem !default;
$table-cell-padding-sm: .3rem !default;
$table-bg: transparent !default;
$table-accent-bg: rgba($black, .05) !default;
$table-hover-bg: rgba($black, .075) !default;
$table-active-bg: $table-hover-bg !default;
$table-border-width: $border-width !default;
$table-border-color: $gray-300 !default;
$table-head-bg: $gray-200 !default;
$table-head-color: $gray-700 !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;
$table-striped-order: odd !default;
$table-caption-color: $text-muted !default;
i propose the addition of
$table-hover-color: $body-color !default;
as soon as you make the hover a darker colour for instance being able to change the fonts colour is quite important.
its easy enough to add into my custom css but it might break stuff regarding the different primary, secondary, info etc context classes
changes needed:
add $table-hover-color: $body-color !default;
to _variables.scss
add color:$table-hover-color
to _tables.scss line 93
bootstrap 4.1