html, body {
  /* Main color palette */
  --main-color: #1e1e1e;
  --complement-color: #2c357f;
  --backdrop-color: #f5f5f5;
  --highlighted-element-color: #47c87f;
  /* HTML element color definitions */
  --button-color: var(--complement-color);
  --selection-checkbox-color: var(--button-color);
  --table-header-color: var(--complement-color);
  --table-caption-color: var(--complement-color);
  --link-color: var(--complement-color);
  --selected-option-color: var(--highlighted-element-color);
  --indicate-process-running-color: var(--highlighted-element-color);
  --indicate-process-succeeded-color: green;
  --indicate-process-failed-color: red;
  --icon-color: white;
  /* Global variables */
  --transition-speed: 1s;
  --top-row-height: 4rem;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.sidebar.collapsible .logo {
  border-radius: var(--border-radius) !important;
  margin: 1rem !important;
  width: unset !important;
  transition: opacity linear var(--transition-speed);
}

.sidebar.collapsible.collapsed .logo {
  opacity: 0;
}

.navbar-title {
  visibility: hidden;
}