Elastic: Fix color of a folder with recent messages (#7281)

CHANGELOG

@@ -5,6 +5,7 @@ CHANGELOG Roundcube Webmail
 - Fix identity selection on reply when both sender and recipient addresses are included in identities (#7211)
 - Elastic: Fix text selection with Shift+PageUp and Shift+PageDown in plain text editor when using Chrome (#7230)
 - Elastic: Fix recipient input bug when using click to select a contact from autocomplete list (#7231)
+- Elastic: Fix color of a folder with recent messages (#7281)
 - Fix invalid Content-Type for messages with only html part and inline images - Mail_Mime-1.10.7 (#7261)
 - Fix missing contact display name in QR Code data (#7257)
 - Fix so button label in Select image/media dialogs is "Close" not "Cancel" (#7246)

skins/elastic/styles/colors.less

@@ -85,9 +85,9 @@
 @color-list-border:                 @color-black-shade-bg;
 @color-list-badge:                  #fff;
 @color-list-badge-background:       @color-main;
-@color-list-recent:                 blue;
+@color-list-recent:                 darken(@color-main, 20%);
 @color-list-recent-badge:           #fff;
-@color-list-recent-badge-background: @color-list-recent;
+@color-list-recent-badge-background: @color-main;
 
 @color-list-pagenav:                @color-black-shade-text;
 @color-list-icon:                   fadeout(@color-list-secondary, 25%);

skins/elastic/styles/widgets/lists.less

@@ -478,10 +478,6 @@ ul.treelist {
                 }
             }
 
-            &.recent {
-                color: @color-list-recent;
-            }
-
             .unreadcount {
                 position: absolute;
                 top: 0;
@@ -502,9 +498,15 @@ ul.treelist {
                 }
             }
 
-            &.recent > .unreadcount {
-                background: @color-list-recent-badge-background;
-                color: @color-list-recent-badge;
+            &.recent {
+                & > a {
+                    color: @color-list-recent;
+
+                    & > .unreadcount {
+                        background: @color-list-recent-badge-background;
+                        color: @color-list-recent-badge;
+                    }
+                }
             }
 
             &.root {