style.scss

// Bootstrap variables customisation
// Fonts & Typo
$link-hover-decoration: none;
$text-muted: var(--text-secondary-color);
$enable-responsive-font-sizes: true;
$font-family-base: Montserrat, Helvetica, Arial, serif;
$small-font-size: 70%;

// Body
$body-bg: var(--background-color-primary);
$body-color: var(--text-primary-color);

// Tables
$table-bg: var(--background-color-primary);
$table-color: var(--text-primary-color);
$table-head-bg: red;
$table-hover-bg: rgba(0, 0, 255, 0.075);

// Breadcrumb
$breadcrumb-bg: var(--background-color-secondary);
$breadcrumb-active-color: var(--text-primary-color);
$breadcrumb-divider-color: var(--text-primary-color);

// List-groups
$list-group-bg: var(--background-color-secondary);
$list-group-active-bg: rgba(0, 0, 255, 0.075);
$list-group-active-color: var(--text-primary-color);
$list-group-action-hover-color: var(--text-secondary-color);
$list-group-action-color: var(--text-primary-color);

// Cards
$card-bg: var(--background-color-secondary);

// Close button
$close-color: var(--text-primary-color);
$close-font-weight: 500;

@import 'font';
@import 'bootstrap';

.card-subtitle {
    font-style: italic;
    font-size: 90%;
}

.table-hover tbody tr{
    cursor: pointer;
}