Change text style in top panel

resources/css/humhub.mail.css

@@ -160,31 +160,30 @@
 }
 .mail-inbox-messages .media h4.media-heading {
   font-weight: 600;
+  font-size: 16px;
 }
 .mail-inbox-messages .media h4.media-heading time {
+  font-size: 11px !important;
   font-weight: normal;
   float: right;
 }
 .mail-inbox-messages .media h5 {
-  font-size: 11px;
+  font-size: 14px;
   font-weight: 500;
   color: #000;
   display: flex;
   justify-content: space-between;
+  margin: 8px 0;
 }
 .mail-inbox-messages .media h5 span:first-child {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .mail-inbox-messages .media .mail-last-entry {
-  font-size: 11px;
-  font-weight: normal;
-  color: var(--text-color-soft2);
-}
-.mail-inbox-messages .selected .mail-last-entry,
-.mail-inbox-messages .media-list > li:hover .mail-last-entry {
-  color: var(--text-color-main);
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text-color-secondary);
 }
 .mail-message-form {
   position: absolute;
@@ -277,7 +276,7 @@
   color: var(--info);
 }
 .messagePreviewEntry.unread .mail-last-entry {
-  color: var(--text-color-main);
+  color: var(--text-color-highlight);
 }
 .message-tag-filter-group .select2-selection {
   border-bottom-right-radius: 0;
@@ -293,8 +292,8 @@
 }
 .new-message-badge {
   float: right;
-  min-width: 16px;
-  height: 16px;
+  min-width: 14px;
+  height: 14px;
   border-radius: 50%;
   background: var(--info);
   margin-left: 2px;

resources/css/humhub.mail.less

@@ -235,19 +235,22 @@
 
     h4.media-heading {
       .semiBold;
+      font-size: 16px;
 
       time {
+        font-size: 11px !important;
         font-weight: normal;
         float: right;
       }
     }
 
     h5 {
-      font-size: 11px;
+      font-size: 14px;
       font-weight: 500;
       color: #000;
       display: flex;
       justify-content: space-between;
+      margin: 8px 0;
 
       span:first-child {
         overflow: hidden;
@@ -257,15 +260,9 @@
     }
 
     .mail-last-entry {
-      font-size: 11px;
-      font-weight: normal;
-      color: var(--text-color-soft2);
-    }
-  }
-
-  .selected, .media-list > li:hover {
-    .mail-last-entry {
-      color: var(--text-color-main);
+      font-size: 14px;
+      font-weight: 500;
+      color: var(--text-color-secondary);
     }
   }
 }
@@ -392,7 +389,7 @@
     }
 
     .mail-last-entry {
-      color: var(--text-color-main);
+      color: var(--text-color-highlight);
     }
   }
 }
@@ -415,8 +412,8 @@
 
 .new-message-badge {
   float: right;
-  min-width: 16px;
-  height: 16px;
+  min-width: 14px;
+  height: 14px;
   border-radius: 50%;
   background: @colorUnread;
   margin-left: 2px;