Change font color of unread message: Difference between revisions

No edit summary
No edit summary
 
(11 intermediate revisions by 2 users not shown)
Line 2: Line 2:
__FORCETOC__
__FORCETOC__
<div class="col-md-12 ibox-content">
<div class="col-md-12 ibox-content">
=Change font color of unread message=  
=How to change the font color of unread messages=  
<hr>
<hr>
{{KB|{{WIP}}|{{ZCS 9.0}}|{{ZCS 8.8}}|||}}  
{{KB|{{Unsupported}}|{{ZCS 10.0}}|{{ZCS 9.0}}|{{ZCS 8.8}}|||}}  
    
    




====Purpose====
====Purpose====
The article shows how to change the font color of unread message. article will help to change red color of unread messages, color can be changed accordingly.
The article shows how to change the font color of unread messages.


====Solution====
====Solution====
====ClassicUI====
This article will help to set red color for unread messages, and color can be changed accordingly. 
=====ClassicUI=====


* Open skin.properties file.
* Switch to Zimbra user and open skin.properties file.
vi /opt/zimbra/jetty/webapps/zimbra/skins/_base/base3/skin.properties
<pre>
su - zimbra
vi /opt/zimbra/jetty/webapps/zimbra/skins/_base/base3/skin.properties
</pre>
* Add below content at the bottom of the file.
* Add below content at the bottom of the file.
  Text-unread                = color:red; font-weight:bold;
  Text-unread                = color:red; font-weight:bold;
Line 22: Line 26:




====ModernUI====
=====ModernUI=====


*Step 1) Switch Zimbra user and go on below path
*Switch to Zimbra user and go to the path.
<pre>
<pre>
su - zimbra
su - zimbra
cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/
cd /opt/zimbra/jetty_base/webapps/zimbra/modern/clients
</pre>
</pre>


*Step 2) Copy default virtual host with virtual hostname
*Copy default folder with virtual hostname of the domain and if no virtual host is set then use the domain name.
<pre>cp -r default <virtual hostname></pre>
<pre>cp -avp default <virtual hostname></pre>


*Step 3) After that it will show like below. We have example.com virtual host
*After that it will show like below. We have example.com virtual host
<pre>
<pre>
zimbra@example:~/jetty/webapps/zimbra/modern/clients$ pwd
[zimbra@example clients]$ pwd
/opt/zimbra/jetty/webapps/zimbra/modern/clients
/opt/zimbra/jetty_base/webapps/zimbra/modern/clients
zimbra@example:~/jetty/webapps/zimbra/modern/clients$ ls
[zimbra@example clients]$ ls
example.com  default
example.com  default
zimbra@example:~/jetty/webapps/zimbra/modern/clients$
</pre>
</pre>


*Step 4) Go on directory assets in virtualhost directory
*Open index.css file.
<pre>cd /opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets</pre>
<pre>vi /opt/zimbra/jetty_base/webapps/zimbra/modern/clients/example.com/index.css</pre>


*Step 5) Copy logo.svg with logo.svg.old (As backup)
*Add below content into the file.
<pre>cp logo.svg logo.svg.old</pre>
<pre>
.zimbra-client_mail-list-item_message.zimbra-client_mail-list-item_unread h3.zimbra-client_mail-list-item_subject {
        color: red;
}


*Step 6) Upload company logo name with logo.svg at below path
.zimbra-client_mail-list-item_message.zimbra-client_mail-list-item_unread div.zimbra-client_mail-list-item_wideListItemSenderCol {
<pre>/opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/assets</pre>
        color: red;
}


*Step 7) Edit config.json to change the version. Do not use a previously used value.
.zimbra-client_mail-list-item_message.zimbra-client_mail-list-item_unread h4.zimbra-client_mail-list-item_subject {
<pre>vi /opt/zimbra/jetty/webapps/zimbra/modern/clients/example.com/config.json</pre>
        color: red;
}
</pre>


*Step 8) Restart the zmmailboxdctl service
* Restart mailboxd service.
<pre>zmmailboxdctl restart</pre>
zmmailboxdctl restart




Line 61: Line 70:
{{SubmittedBy|Aditya Patidar}}
{{SubmittedBy|Aditya Patidar}}


{{Article Footer|ZCS 8.8|2020-04-13}}
{{Article Footer|ZCS 8.8,ZCS 9.0,ZCS 10.0|2023-01-13}}

Latest revision as of 14:00, 22 May 2023

How to change the font color of unread messages


   KB 24501        Last updated on 2023-05-22  




0.00
(0 votes)


Purpose

The article shows how to change the font color of unread messages.

Solution

This article will help to set red color for unread messages, and color can be changed accordingly.

ClassicUI
  • Switch to Zimbra user and open skin.properties file.
su - zimbra 
vi /opt/zimbra/jetty/webapps/zimbra/skins/_base/base3/skin.properties
  • Add below content at the bottom of the file.
Text-unread                 = color:red; font-weight:bold;
  • Restart mailboxd service.
zmmailboxdctl restart


ModernUI
  • Switch to Zimbra user and go to the path.
su - zimbra
cd /opt/zimbra/jetty_base/webapps/zimbra/modern/clients
  • Copy default folder with virtual hostname of the domain and if no virtual host is set then use the domain name.
cp -avp default <virtual hostname>
  • After that it will show like below. We have example.com virtual host
[zimbra@example clients]$ pwd
/opt/zimbra/jetty_base/webapps/zimbra/modern/clients
[zimbra@example clients]$ ls
example.com  default
  • Open index.css file.
vi /opt/zimbra/jetty_base/webapps/zimbra/modern/clients/example.com/index.css
  • Add below content into the file.
.zimbra-client_mail-list-item_message.zimbra-client_mail-list-item_unread h3.zimbra-client_mail-list-item_subject {
        color: red;
}

.zimbra-client_mail-list-item_message.zimbra-client_mail-list-item_unread div.zimbra-client_mail-list-item_wideListItemSenderCol {
        color: red;
}

.zimbra-client_mail-list-item_message.zimbra-client_mail-list-item_unread h4.zimbra-client_mail-list-item_subject {
        color: red;
}
  • Restart mailboxd service.
zmmailboxdctl restart


Submitted by: Aditya Patidar
Verified Against: ZCS 8.8,ZCS 9.0,ZCS 10.0 Date Created: 2023-01-13
Article ID: https://wiki.zimbra.com/index.php?title=Change_font_color_of_unread_message Date Modified: 2023-05-22



Try Zimbra

Try Zimbra Collaboration with a 60-day free trial.
Get it now »

Want to get involved?

You can contribute in the Community, Wiki, Code, or development of Zimlets.
Find out more. »

Looking for a Video?

Visit our YouTube channel to get the latest webinars, technology news, product overviews, and so much more.
Go to the YouTube channel »


Jump to: navigation, search