Flag Icon in Elastic Skin

[roundercuber]

Dear Roundcube Peeps,

In RoundCube skin, Elastic, you can "flag" an email by clicking a "Flag" icon. Where exactly can you find that icon and its color to replace these (icon and color)?

Thank you for helping

Best regards,
Frazer

[JohnDoh]

Its in a few different places depending on what exactly you are looking for.

The color is defined in skins/elastic/styles/colors.less: @color-list-flagged.

Then for the menu you'll see the var @fa-var-flag used in used in 2 places for flagged and unflagged in widgets/menu.less.

In widgets/lists.less if you search for "flag" you'll find several mentions for different parts of the display.

And finally in styles.less there is one mention as part of #message-header.

Rather than editing the core files its best to put your customizations in a _styles.less file that way they will survive updates. See https://github.com/roundcube/roundcubemail/blob/master/skins/elastic/README.md#for-developers for more info.

If you set `$config['devel_mode'] = true;` in your config file then you can use lessjs (assuming you have installed that JS dep) to to process the less files on the fly so you do not have to constantly recompile them while you work.