From fe9d0da14a558624e27f2e9504d06c00296507d9 Mon Sep 17 00:00:00 2001
From: the-djmaze <>
Date: Mon, 30 May 2022 12:58:50 +0200
Subject: [PATCH] Added Thunderbird labels colors as test for #419

---
 dev/Model/Message.js             |  3 +++
 dev/Styles/User/MessageList.less | 11 +++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/dev/Model/Message.js b/dev/Model/Message.js
index 276adf7a8..822b49598 100644
--- a/dev/Model/Message.js
+++ b/dev/Model/Message.js
@@ -306,6 +306,9 @@ export class MessageModel extends AbstractModel {
 			hasUnseenSubMessage: this.hasUnseenSubMessage(),
 			hasFlaggedSubMessage: this.hasFlaggedSubMessage()
 		}, (key, value) => value && classes.push(key));
+		this.flags().forEach(value => {
+			'\\' !== value[0] && classes.push('flag-'+value);
+		});
 		return classes.join(' ');
 	}
 
diff --git a/dev/Styles/User/MessageList.less b/dev/Styles/User/MessageList.less
index 81b4414e7..2e9283a7e 100644
--- a/dev/Styles/User/MessageList.less
+++ b/dev/Styles/User/MessageList.less
@@ -228,7 +228,7 @@ html:not(rl-mobile) {
 	}
 
 	.checkboxMessage {
-		padding: 0 6px;
+		margin: 0 6px;
 		font-size: 16px;
 	}
 
@@ -392,7 +392,7 @@ html.rl-ctrl-key-pressed .messageListItem {
 
 		.checkboxMessage {
 			line-height: 12px;
-			margin: 10px 0 -5px;
+			margin: 10px 6px -5px;
 		}
 
 		.subjectParent {
@@ -444,3 +444,10 @@ html:not(.rl-mobile):not(.rl-side-preview-pane) {
 		}
 	}
 }
+
+/* Thunderbird labels */
+.flag-\$label5 .checkboxMessage { background-color: #808; }
+.flag-\$label4 .checkboxMessage { background-color: #00F; }
+.flag-\$label3 .checkboxMessage { background-color: #080; }
+.flag-\$label2 .checkboxMessage { background-color: #FA0; }
+.flag-\$label1 .checkboxMessage { background-color: #F00; }