diff --git a/style.css b/style.css
index 061c71254913b56ada149f8fb922eb4669d0b122..c2419ada015c346c054b01ffc4d9e19c0eda3e14 100644
--- a/style.css
+++ b/style.css
@@ -4144,7 +4144,41 @@ html:not(rl-mobile) #rl-app .hideMessageListCheckbox .checkboxCheckAll {
     body[data-themes="dark-highcontrast"] #rl-app #messageItem .bodyText a {
         color: #087BF9 !important;
     }
-
+    @media(prefers-color-scheme: dark){
+       #rl-app #messageItem,
+       #rl-app #messageItem table,
+       #rl-app #messageItem h1,
+       #rl-app #messageItem h2,
+       #rl-app #messageItem h3,
+       #rl-app #messageItem h4,
+       #rl-app #messageItem p,
+       #rl-app #messageItem span,
+       #rl-app #messageItem div,
+       #rl-app #messageItem li,
+       #rl-app #messageItem font,
+       #rl-app #messageItem tr,
+       #rl-app #messageItem td,
+       #rl-app #messageItem,
+       #rl-app #messageItem table,
+       #rl-app #messageItem h1,
+       #rl-app #messageItem h2,
+       #rl-app #messageItem h3,
+       #rl-app #messageItem h4,
+       #rl-app #messageItem p,
+       #rl-app #messageItem span,
+       #rl-app #messageItem div,
+       #rl-app #messageItem li,
+       #rl-app #messageItem font,
+       #rl-app #messageItem tr,
+       #rl-app #messageItem td  {
+            background: #000000 !important;
+            color: #ffffff !important;
+        }
+       #rl-app #messageItem a,
+       #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"] {