[REF-2027] rx.color should accept "accent" as a valid color

[masenf]

Describe the bug
No easy way to reference a shade of the primary theme accent_color without resorting to CSS var str literal like var(--accent-10)

To Reproduce

import reflex as rx

rx.color("accent", 10)

ValueError: prop value for color of the `color` component should be one of the following: 'gray','mauve','slate','sage','olive','sand','tomato','red','ruby','crimson','pink','plum','purple','violet','iris','indigo','blue','cyan','teal','jade','green','grass','brown','orange','sky','mint','lime','yellow','amber','gold','bronze'. Got 'accent' instead

_REF-2027

[wassafshahzad]

Please assign it to me

[masenf]

picked up by OSS contributor wassafshahzad

[wassafshahzad]

OSS

In the title did you mean accent ?

[masenf]

In the title did you mean accent ?

yes 100% 😊. The generic name for the theme accent_color is accent.

[Yummy-Yums]

hey guys sorry i thought this was dormant or something, dropped the PR. The assignee can go ahead

[wassafshahzad]

@Yummy-Yums You can take the issue since your already have a PR up. I can take another issue

[Yummy-Yums]

@Yummy-Yums You can take the issue since your already have a PR up. I can take another issue

oh no, it's not cool..I'm already working on another issue as well..unexpected behaviour of a button so I'm investigating which will take some time.

reflex-dev/reflex-web#497