:root {
  --color-primary: #4088cf;
}

.ui.horizontal.segments.header,
.ui.vertical.menu .active.item {
  background: var(--color-primary);
  color: white !important;
}

.ui.ui.ui.ui.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid var(--color-primary);
}

.ui.toggle.checkbox input:checked ~ label::before {
  color: white;
  background: var(--color-primary);
}

.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
  background: var(--color-primary);
  color: white;
}

.ui.menu .active.item {
  background: var(--color-primary);
  color: white;
}

.ui.primary.button,
.ui.primary.buttons .button {
  background-color: var(--color-primary);
  color: white;
}