Roundcube Community Forum

News and Announcements => General Discussion => Topic started by: roundercuber on October 02, 2024, 03:06:08 PM

Title: Flag Icon in Elastic Skin
Post by: roundercuber on October 02, 2024, 03:06:08 PM
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
Title: Re: Flag Icon in Elastic Skin
Post by: JohnDoh on October 03, 2024, 12:19:42 PM
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.