Override Bootstrap table color so dark-theme cells stay readable

b3acff87 by Isaac Bythewood · 6 days ago

Override Bootstrap table color so dark-theme cells stay readable

The .table rule defaults --bs-table-color to var(--bs-emphasis-color),
which resolves to near-black and rendered all td/th text invisible on
the dark body background until selected.

modified frontend/static_src/styles/_variables.scss

@@ -88,6 +88,17 @@ $list-group-active-bg: $green-dim;$list-group-active-border-color: rgba(107, 158, 120, 0.25);$list-group-active-color: $green-bright;// Tables — Bootstrap's $table-color defaults to var(--bs-emphasis-color) which// renders near-black on our dark body bg, hiding cell text until selected.$table-color: $body-color;$table-border-color: $border-color;$table-striped-color: $body-color;$table-striped-bg: rgba(221, 215, 205, 0.03);$table-active-color: $body-color;$table-active-bg: rgba(221, 215, 205, 0.06);$table-hover-color: $body-color;$table-hover-bg: rgba(221, 215, 205, 0.04);// Breadcrumbs$breadcrumb-active-color: #ddd7cd;$breadcrumb-divider-color: #665f56;

modified frontend/static_src/styles/bootstrap.scss

@@ -72,6 +72,15 @@  $list-group-active-border-color: $list-group-active-border-color,  $list-group-active-color: $list-group-active-color,  $table-color: $table-color,  $table-border-color: $table-border-color,  $table-striped-color: $table-striped-color,  $table-striped-bg: $table-striped-bg,  $table-active-color: $table-active-color,  $table-active-bg: $table-active-bg,  $table-hover-color: $table-hover-color,  $table-hover-bg: $table-hover-bg,  $breadcrumb-active-color: $breadcrumb-active-color,  $breadcrumb-divider-color: $breadcrumb-divider-color,