/* primary buttons */
.ui.primary.button, .ui.primary.buttons .button {
  background: @button1;
  background-color: @button1 !important;
  color: @bg0 !important;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover {
  background: fade(@button1, 80%);
  background-color: fade(@button1, 80%) !important;
  color: @bg0;
}

.ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
  color: @bg0;
  background-color: @button1;
  border-color: @button1;
}

.ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
  color: @bg0;
  background-color: @button1;
  border-color: @button1;
}

/* secondary buttons */
.ui.green.buttons .button, .ui.green.button {
  background: @button2;
  background-color: @button2;
  color: @bg0;
}

.ui.green.buttons .button:hover, .ui.green.button:hover {
  background: fade(@button2, 80%);
  background-color: fade(@button2, 80%);
  color: @bg0;
}

/* text based buttons (purple) */
.ui.labeled.button.disabled>.button, .ui.basic.buttons .button, .ui.basic.button {
  color: @secondary;
}

.ui.labeled.button.disabled>.button:hover, .ui.basic.buttons .button:hover, .ui.basic.button:hover {
  color: @secondary;
}

/* repo title && header */
.repo-title {
  color: @secondary;
}

/* star number && fork number */
.repo-buttons button[disabled] ~ .label,
.repo-buttons .ui.labeled.button.disabled > .label {
  color: @primary;
}

.ui.basic.labels .label, .ui.basic.label {
  color: @primary;
}

/* hover on commits, branch, tags in project home page */
.repository .ui.segment.sub-menu .list .item a:hover,
.ui.tabular.menu .item:hover {
  color: var(--color-text-hover);
}

/* commit label */
.ui.primary.labels .label, .ui.ui.ui.primary.label {
  color: @bg0;
}

/* issue label */
.ui.green.labels .label, .ui.ui.ui.green.label {
  color: @bg0;
}

/* grey button (rss feed button in repository home page) */
i.grey.icon.icon.icon.icon {
  color: @grey
}

/* scroll bar */
* {
  scrollbar-color: @secondary transparent !important;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 6px @secondary !important;
  border: 2px solid transparent;
  border-radius: 5px !important;
}
::-webkit-scrollbar-thumb:window-inactive {
  box-shadow: inset 0 0 0 6px @secondary !important;
}
::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 0 6px @secondary !important;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

/* red buttons */
.ui.red.labels .label, .ui.ui.ui.red.label, .ui.red.button, .ui.red.buttons .button {
  background: @button-red;
  background-color: @button-red;
  color: @bg0;
}

.ui.red.labels .label:hover, .ui.ui.ui.red.label:hover, .ui.red.button:hover, .ui.red.buttons .button:hover {
  background: fade(@button-red, 80%);
  background-color: fade(@button-red, 80%);
  color: @bg0;
}

/* grey buttons */
.ui.labels a.label, a.ui.label {
  background-color: @bg1;
}

.ui.labels a.label:hover, a.ui.label:hover {
  background-color: @bg0;
}

/* orange buttons */
.ui.orange.labels .label, .ui.ui.ui.orange.label, .ui.orange.button, .ui.orange.buttons .button {
  background: @orange;
  background-color: @orange;
  color: @bg0;
}

.ui.orange.labels .label:hover, .ui.ui.ui.orange.label:hover, .ui.orange.button:hover, .ui.orange.buttons .button:hover {
  background: fade(@orange, 80%);
  background-color: fade(@orange, 80%);
  color: @bg0;
}