Change color of Action Icons

  • 2
  • Question
  • Updated 1 year ago
  • Answered
Is there any way to change the color of Action Icons? Currently all icons are in black color and i want to change it to different colors.
Photo of Gaurav

Gaurav

  • 80 Points 75 badge 2x thumb

Posted 4 years ago

  • 2
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
If all the icons are black - it has to be that you are using the modern or paper theme,  where the FontAwesome icon set is leveraged. 

Those fonts are really just divs,  and you can add inline CSS in your page to override the color property on the div. 

Add a CSS item in the Resource tab. 
It shoud be type: In-line. 

The body should be: 

.sk-icon.inline {
    color:aquamarine;
}




You can add specificity to the selector to get just one Icon,  just icons in Buttons or Tabsets.   Use the Inspect Element feature in your browser to discover class names and add them to your CSS file. 

All should be good! 
Photo of Allison

Allison

  • 1,158 Points 1k badge 2x thumb
How can I update this to conditionally color a row action icon if there is data in one of the model fields (field name Description)?