$new-colors: (
  'bootstrap',
  'github',
  'twitter',
  'patreon',
  'patreon-blue',
  'fortyfour',
  'amazon',
  'bleeding-green',
  'bleeding-red',
  'rss',
  'videos',
  'expo',
  'love',
  'backers',
  'sponsors',
  'blog',
  'extensions',
  'algolia',
);

@each $color in $new-colors {
  .has-text-#{$color} {
    color: var(--#{$color}) !important;
  }
}