diff --git a/style.css b/style.css
index 090f1838317d5c59dabc2330c9631ed4a352cedd..7ceb9624b63e8b188ed61e66e62439f0ca087816 100644
--- a/style.css
+++ b/style.css
@@ -2832,7 +2832,7 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll {
         background-color: var(--svg-color) !important;
         height: 20px;
         width: 20px;
-        color: transparent;
+        color: transparent !important;
     }
     #rl-app #messageItem .bodySubHeader .showImages {
         background-color: var(--color-background-light-second);
@@ -3960,25 +3960,41 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll {
     #rl-app #messageItem table tbody tr td table{
         filter:invert(var(--invertfilter));
     }*/
-    .theme--dark #rl-app #messageItem,
-    .theme--dark #rl-app #messageItem table,
-    .theme--dark #rl-app #messageItem h1,
-    .theme--dark #rl-app #messageItem h2,
-    .theme--dark #rl-app #messageItem h3,
-    .theme--dark #rl-app #messageItem h4,
-    .theme--dark #rl-app #messageItem p,
-    .theme--dark #rl-app #messageItem span,
-    .theme--dark #rl-app #messageItem div,
-    .theme--dark #rl-app #messageItem li,
-    .theme--dark #rl-app #messageItem font,
-    .theme--dark #rl-app #messageItem tr,
-    .theme--dark #rl-app #messageItem td {
+
+    body[data-themes="dark"] #rl-app #messageItem,
+    body[data-themes="dark"] #rl-app #messageItem table,
+    body[data-themes="dark"] #rl-app #messageItem h1,
+    body[data-themes="dark"] #rl-app #messageItem h2,
+    body[data-themes="dark"] #rl-app #messageItem h3,
+    body[data-themes="dark"] #rl-app #messageItem h4,
+    body[data-themes="dark"] #rl-app #messageItem p,
+    body[data-themes="dark"] #rl-app #messageItem span,
+    body[data-themes="dark"] #rl-app #messageItem div,
+    body[data-themes="dark"] #rl-app #messageItem li,
+    body[data-themes="dark"]#rl-app #messageItem font,
+    body[data-themes="dark"] #rl-app #messageItem tr,
+    body[data-themes="dark"] #rl-app #messageItem td,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem table,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem h1,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem h2,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem h3,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem h4,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem p,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem span,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem div,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem li,
+    body[data-themes="dark-highcontrast"]#rl-app #messageItem font,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem tr,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem td  {
         background: #000000 !important;
         color: #ffffff !important;
     }
-    .theme--dark #rl-app #messageItem a {
+    body[data-themes="dark"] #rl-app #messageItem a,
+    body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a {
         color: #087BF9 !important;
     }
+
     #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_BUSINESS"],
     #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CRYPTO"],
     #rl-app #rl-popups #V-PopupsContacts label[data-i18n="CONTACTS/TAB_CONTACT"] {