Avatar component's 'color' attribute can't work

Description

<Avatar color={1} circle glyph='search' size='xs' /> The color attibute can’t work as expected, the background color is still blue.

Versions

fundamental-react: “fundamental-react”: “^0.11.0”,

NOTE: Where applicable, please include uncropped screen captures.

DISCLAIMER: After triaging an issue, the fundamental-react team will see if it can be reproduced or confirmed. If more information is needed, the fundamental-react team will contact the author. Any issues awaiting responses from the author for more than 7 days will be closed. The author can re-open the issue at a later time if they can present the requested information.

[jbadan]

@Luciferzhangyi @liucaizhong @Vita-Meow [class*=fd-avatar] should most likely be removed. That is an issue for fundamental styles - I will start a conversation there. If you’re going to continue importing both fundamental-react and fundamental-styles, you will keep encountering unexpected issue and we cannot provide support for this situation.

You have 2 paths forward:

1. Contribute! We’re open source and are happy to have new contributors. Check out our Developer Guide for getting started. The fundamental-react team is happy to review pull requests and provide assistance where necessary.
2. Open a new issue with your feature request. There’s no timeline promises for when someone from the team would add this feature, but it would at least be on our radar.

I’m going to close this issue, feel free to reopen or create a new feature request issue.

[Vita-Meow]

Hi, from my little point of view, I think the problem is the css styles defined in the generic selector ( [class*=fd-avatar] )override the staff that written in the specific class (.fd-avatar--accent-color-1) when we import the fundamental styles after fundamental react; But I was wondering whatever, something generic should never be able to override something specific; Can this [class*=fd-avatar] can change to be .fd-avatar, since each avartar should has the .fd-avatar class?