I have created a new theme and trying to adjust it according to my client's design.

The problem is that lots of styling settings are actually defined in the dynamic code and in javascript thus it makes difficult to see what are the css classes parent-child relationships and to detect it through the inspect console.

User icons for example are sometimes gray, on another occasion green (text-success) or red (text-danger I guess). I cannot find what's the clue for the colour code - so to update the colours for all the icons to use the same, or for different user states (as above) to use custom colours.

I managed to change the colours for on screen icons but still struggling with changing them for popovers as it looks like the code is getting generated by javascript.

Any hints on this?

User icons for example are sometimes gray, on another occasion green (text-success) or red (text-danger I guess). I cannot find what's the clue for the colour code - so to update the colours for all the icons to use the same, or for different user states (as above) to use custom colours.

If you hover over the online status icons you can actually in the tool tip see the meaning. if they are green the user is online, red user is offline, and yellow user is suspended

User icons for example are sometimes gray, on another occasion green (text-success) or red (text-danger I guess). I cannot find what's the clue for the colour code - so to update the colours for all the icons to use the same, or for different user states (as above) to use custom colours.

If you hover over the online status icons you can actually in the tool tip see the meaning. if they are green the user is online, red user is offline, and yellow user is suspended

How to change the icon colours then? Because if I change the colours of the text-success, text-danger etc. it will affect not only the icons but other items using the same class

https://github.com/YAFNET/YAFNET/commit/34fbcb72a251457dce9ec4ec9315eb1e5f76bc5a 

This will be added in YAF 2.31.12