Avatar Colours
Registered Viafoura users with no custom avatars receive a default avatar that is generated based on the user's information. The avatar will consist of the user's initials with a background gradient made up of two colors. Those two colors are selected based on the user's ID and date created.
Example:
![default_avatar.png 110](https://files.readme.io/e11b7e3-default_avatar.png)
There are 16 possible colors that the avatars choose from, numbered from 0 to 15.
![2019-04-10 11_03_27-CSS Customization _ Viafoura documentation.png 707](https://files.readme.io/ec945a1-2019-04-10_11_03_27-CSS_Customization___Viafoura_documentation.png)
The default avatar color palette can also be customized using css variables. Specific colors can be overridden like so:
.viafoura .vf-default-avatar {
--default-avatar-color-0: black;
}
If you wish to override the gradient for a custom color, please be aware that the code still uses a combination of two color variables.
Should you wish to have a single color for your default avatar background, you can choose to override all 16 of the variables to the color of your choosing.
![Screen Shot 2021-07-27 at 7.19.09 PM.png 574](https://files.readme.io/9e6b830-Screen_Shot_2021-07-27_at_7.19.09_PM.png)
Updated almost 3 years ago