[Request] Add variable accent to color enum

[trebitowski]

If a parent component has a color set, it is inherited by the children. This is useful in most cases, but I've found a few times I wanted to reset the component's color back to the theme accent. The way I've been accomplishing this is to override the color again on the child, but then it doesn't change with the theme accent

It would be nice to have a way to set a components color to match the theme color no matter what.

With no color specified on the link, it will be gray, inherited from parent callout

<Callout.Root color="gray">
    <Callout.Icon>
      <InfoCircledIcon />
    </Callout.Icon>
    <Callout.Text>
      You will need <Link href="#">admin privileges</Link> to install and access
      this application.
    </Callout.Text>
  </Callout.Root>

We can override the link's color to violet, but it won't change with the theme

<Callout.Root color="gray">
    <Callout.Icon>
      <InfoCircledIcon />
    </Callout.Icon>
    <Callout.Text>
      You will need <Link color="violet" href="#">admin privileges</Link> to install and access
      this application.
    </Callout.Text>
  </Callout.Root>

Proposed idea to be able to 'reset' the link's color back to the theme accent

<Callout.Root color="gray">
    <Callout.Icon>
      <InfoCircledIcon />
    </Callout.Icon>
    <Callout.Text>
      You will need <Link color="accent" href="#">admin privileges</Link> to install and access
      this application.
    </Callout.Text>
  </Callout.Root>

[jd-carroll]

Sounds like a great addition 👍🏻

[vladmoroz]

Please see #65