_variables-hub.scss

/* This file defines Hub specific variables */

$hub-mobile-navbar-height: 73px !default;

/* Fonts and font colours */

$hub-text-main-font: 400 14px $font-family-sans-serif !default;
$hub-badge-font: 700 18px $font-family-sans-serif !default;
$hub-head-category-font: 400 19px $font-family-sans-serif !default;

$hub-head-page-font: 400 33px $font-family-sans-serif !default;
$hub-head-page-color: $body-color-dark !default;

$hub-section-title-color: $secondary !default;
$hub-head-main-color: $body-color-dark !default;

/* Badges */

$hub-badge-bg-image: url(img/shield.svg) !default;
$hub-badge-color: $gray-300 !default;

$hub-badge-grey-bg-image: url(img/shield-grey.svg) !default;
$hub-badge-grey-color: $gray-600 !default;

/* Events */

$hub-event-list-now-bg: $primary !default;
$hub-event-list-now-border: none !default;
$hub-event-list-now-color: $white !default;

$hub-event-list-past-bg: $body-secondary-bg-dark !default;
$hub-event-list-past-border: none !default;
$hub-event-list-past-color: $gray-600 !default;

$hub-event-list-upcoming-bg: $body-secondary-bg-dark !default;
$hub-event-list-upcoming-border: 1px solid $info-border-subtle-dark !default;
$hub-event-list-upcoming-color: $info !default;

/* Alerts */

$hub-alert-success-border: $success-border-subtle !default;
$hub-alert-success-color: $success !default;
$hub-alert-success-fill: $success !default;

$hub-alert-info-border: $info-border-subtle !default;
$hub-alert-info-color: $info !default;
$hub-alert-info-fill: $info !default;

$hub-alert-warning-border: $warning-border-subtle !default;
$hub-alert-warning-color: $warning !default;
$hub-alert-warning-fill: $warning !default;

$hub-alert-danger-border: $danger-border-subtle !default;
$hub-alert-danger-color: $danger !default;
$hub-alert-danger-fill: $danger !default;

/* Tags */

$hub-tag-divider-bg: $light-border-subtle-dark !default;
$hub-tag-padding: 5px 5px 2px !default;

$hub-tag-bg: $body-tertiary-bg-dark !default;
$hub-tag-border: none !default;
$hub-tag-color: $gray-300 !default;

$hub-tag-clear-bg: transparent !default;
$hub-tag-clear-border: none !default;
$hub-tag-clear-color: $body-color-dark !default;

$hub-tag-secondary-bg: $secondary !default;
$hub-tag-secondary-border: none !default;
$hub-tag-secondary-color: $black !default;

$hub-tag-secondary-outline-bg: transparent !default;
$hub-tag-secondary-outline-border: 1px solid $secondary !default;
$hub-tag-secondary-outline-color: $secondary !default;

$hub-tag-outline-bg: transparent !default;
$hub-tag-outline-border: 1px solid $gray-300 !default;
$hub-tag-outline-color: $gray-300 !default;

$hub-tag-success-bg: $success !default;
$hub-tag-success-border: none !default;
$hub-tag-success-color: $black !default;

$hub-tag-danger-bg: $danger !default;
$hub-tag-danger-border: none !default;
$hub-tag-danger-color: $black !default;

$hub-tag-outline-danger-bg: transparent !default;
$hub-tag-outline-danger-border: 1px solid $danger !default;
$hub-tag-outline-danger-color: $danger !default;

$hub-tag-disabled-bg: $gray-900 !default;
$hub-tag-disabled-border: none !default;
$hub-tag-disabled-color: $text-muted !default;

$hub-tag-user-bg: $secondary !default;
$hub-tag-user-border: none !default;
$hub-tag-user-color: $black !default;

/* Navigation */

$hub-main-nav-category-font-weight: 300 !default;
$hub-main-nav-bg: $body-bg-dark !default;

/* Lists*/

$hub-list-item-bg: var(--bs-dark) !default;