You need to sign in to do that
Don't have an account?
Abhinav Tiwari
lightning icon background color
Hi,
In my custom lightning component I've added i lightning standard icon inside a slds box, the slds box is of blue color and the lightning icon is of orange color. I am unable to sync both colors, that is make icon color as blue(same as the slds box)
<div class="slds-box slds-theme--alt-inverse slds-text-align--right">
<div class="slds-text-align--left">
<lightning:icon iconName="standard:lead" size="small" />
</div>
</div>
Any suggestions?
In my custom lightning component I've added i lightning standard icon inside a slds box, the slds box is of blue color and the lightning icon is of orange color. I am unable to sync both colors, that is make icon color as blue(same as the slds box)
<div class="slds-box slds-theme--alt-inverse slds-text-align--right">
<div class="slds-text-align--left">
<lightning:icon iconName="standard:lead" size="small" />
</div>
</div>
Any suggestions?
NickDzitars
The code we use is we just give the lightning:icon a class (avatarIconColor for example), then use the following css to change the fill and background color: