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: var(--background-color-secondary);
$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);
$list-group-border-width: 0;

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

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

// Mark
$mark-padding: 0.2em 0;
$mark-bg: yellow;

// Colors
$info: #0a8299;

@import "font";
@import "bootstrap";

.table-hover tbody tr,
thead.sortable th {
	cursor: pointer;
}