Retrospring/app/javascript/styles/overrides/_badges.scss

@each $color in $color-names {
  .badge-#{$color} {
    color: var(--#{$color});
    background-color: RGB(var(--#{$color}-text));
  }
}