Email subject color (notRead - green, Read-blue)

[Jakub Grufik]

Hello guys, I would like to reopen this topic https://forum.espocrm.com/forum/deve...ct-email-color

Could you please help me to find a script that is assigning class 'text-bold' to unread emails? I would like to assign also class 'text-success' to unread emails because it is not clearly visible if the email is read or not.

Thanks a lot

[yuri]

Try a browser plugin that allows adding a custom CSS for specific websites. E.g. https://chrome.google.com/webstore/d...dbcldfcb?hl=en

Then add CSS:

.table .text-bold {
    font-weight: 700;
}​

[Jakub Grufik]

hello, I think this one will affect only users with the extension installed in the browser, or not?

[yuri]

Maybe opt to using Glass theme for a while, it uses bolder font. In the v7.4 Dark theme will have it bolder too.

[esforim]

I recommend Stylish for the addon/extension. Alternatively you can dig into the theme file (are you using Dubas Dark Theme? or is that EspoCRM Dark theme) and edit it from there for everyone that use your CRM.

[Jakub Grufik]

Hello esforim I am using Dark Theme, not sure if its Dubas..

[esforim]

That the official EspoCRM dark theme, which is nice but it was slightly too blight when I used it. I believe it is newly release in v7.0 or 7.1?

Dubas Dark theme is a free theme made by devcrm.it team, you can check out the thread here: https://forum.espocrm.com/forum/exte...-by-devcrm-it/

[IgorA100]

I implemented it like this: https://forum.espocrm.com/forum/deve...9264#post89264
The result is visible here: https://forum.espocrm.com/forum/deve...9276#post89276
But my implementation, IMHO, is not correct. Perhaps there are better solutions.

[Jakub Grufik]

hello man, I have no clue how to achieve it even when I checked your code not sure where I should update those values. I just need to append class "text-warning" to all unread emails..

[IgorA100]

This will colorize the entire line (excluding the Email subject) of the unread message:
div[data-scope=Email] tr:has(a.text-bold) {
color: var(--brand-danger);
font-weight: 900
}
This will colorize only the subject of the email
div[data-scope=Email] a.text-bold {
color: var(--brand-danger);
font-weight: 900
}
Both rules will color the FULL line !
These changes need to be demolished in a custom CSS file. https://docs.espocrm.com/development/custom-css/