plugins/colors.js

const {createVariableRule} = require('./lib/variable-rules')

const bgVars = [
  '$bg-*',
  '$tooltip-background-color',
  // Match variables in any of the following formats: --color-bg-*, --color-*-bg-*, --color-*-bg
  /var\(--color-(.+-)*bg(-.+)*\)/,
  /var\(--color-[^)]+\)/
]

module.exports = createVariableRule(
  'primer/colors',
  {
    'background-color': {
      expects: 'a background color variable',
      values: bgVars.concat('none', 'transparent')
    },
    background: {
      expects: 'a background color variable',
      values: bgVars.concat('none', 'transparent', 'top', 'right', 'bottom', 'left', 'center', '*px', 'url(*)')
    },
    'text color': {
      expects: 'a text color variable',
      props: 'color',
      values: [
        '$text-*',
        '$tooltip-text-color',
        'inherit',
        // Match variables in any of the following formats: --color-text-*, --color-*-text-*, --color-*-text
        /var\(--color-(.+-)*text(-.+)*\)/,
        /var\(--color-(.+-)*fg(-.+)*\)/,
        /var\(--color-[^)]+\)/
      ]
    }
  },
  'https://primer.style/primitives/colors'
)