.gadget.color1 .dashboard-item-header,
.gadget-colors .color1 > a {
  background-color: var(--jira-color-gadgetcolor1);
}
.gadget.color1 .dashboard-item-title {
  color: var(--ds-surface, #ffffff);
}
.gadget.color1 > .gadget-hover > .dashboard-item-header,
.gadget.color1 > .gadget-hover > .dashboard-item-content {
  /* stylelint-disable-next-line */
  border-color: color-mix(in srgb, var(--jira-color-gadgetcolor1) 90%, #ffffff);
}
.gadget.color2 .dashboard-item-header,
.gadget-colors .color2 > a {
  background-color: var(--jira-color-gadgetcolor2);
}
.gadget.color2 .dashboard-item-title {
  color: var(--ds-surface, #ffffff);
}
.gadget.color2 > .gadget-hover > .dashboard-item-header,
.gadget.color2 > .gadget-hover > .dashboard-item-content {
  /* stylelint-disable-next-line */
  border-color: color-mix(in srgb, var(--jira-color-gadgetcolor2) 90%, #ffffff);
}
.gadget.color3 .dashboard-item-header,
.gadget-colors .color3 > a {
  background-color: var(--jira-color-gadgetcolor3);
}
.gadget.color3 .dashboard-item-title {
  color: var(--ds-surface, #ffffff);
}
.gadget.color3 > .gadget-hover > .dashboard-item-header,
.gadget.color3 > .gadget-hover > .dashboard-item-content {
  /* stylelint-disable-next-line */
  border-color: color-mix(in srgb, var(--jira-color-gadgetcolor3) 90%, #ffffff);
}
.gadget.color4 .dashboard-item-header,
.gadget-colors .color4 > a {
  background-color: var(--jira-color-gadgetcolor4);
}
.gadget.color4 .dashboard-item-title {
  color: var(--ds-surface, #ffffff);
}
.gadget.color4 > .gadget-hover > .dashboard-item-header,
.gadget.color4 > .gadget-hover > .dashboard-item-content {
  /* stylelint-disable-next-line */
  border-color: color-mix(in srgb, var(--jira-color-gadgetcolor4) 90%, #ffffff);
}
.gadget.color5 .dashboard-item-header,
.gadget-colors .color5 > a {
  background-color: var(--jira-color-gadgetcolor5);
}
.gadget.color5 .dashboard-item-title {
  color: var(--ds-surface, #ffffff);
}
.gadget.color5 > .gadget-hover > .dashboard-item-header,
.gadget.color5 > .gadget-hover > .dashboard-item-content {
  /* stylelint-disable-next-line */
  border-color: color-mix(in srgb, var(--jira-color-gadgetcolor5) 90%, #ffffff);
}
.gadget.color6 .dashboard-item-header,
.gadget-colors .color6 > a {
  background-color: var(--jira-color-gadgetcolor6);
}
.gadget.color6 .dashboard-item-title {
  color: var(--ds-surface, #ffffff);
}
.gadget.color6 > .gadget-hover > .dashboard-item-header,
.gadget.color6 > .gadget-hover > .dashboard-item-content {
  /* stylelint-disable-next-line */
  border-color: color-mix(in srgb, var(--jira-color-gadgetcolor6) 90%, #ffffff);
}
.gadget.color7 .dashboard-item-header,
.gadget-colors .color7 > a {
  background-color: var(--jira-color-gadgetcolor7);
}
.gadget.color7 .dashboard-item-title {
  color: var(--ds-surface, #ffffff);
}
.gadget.color7 > .gadget-hover > .dashboard-item-header,
.gadget.color7 > .gadget-hover > .dashboard-item-content {
  /* stylelint-disable-next-line */
  border-color: color-mix(in srgb, var(--jira-color-gadgetcolor7) 90%, #ffffff);
}