diff --git a/web/plugin.head.html b/web/plugin.head.html
index 45136ea..494d521 100644
--- a/web/plugin.head.html
+++ b/web/plugin.head.html
@@ -181,10 +181,10 @@
         html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] input,
         html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] textarea,
         html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] [contenteditable="true"] {
-            background-color: #ffffff !important;
-            border-color: rgba(99, 71, 122, 0.48) !important;
-            color: #63477a !important;
-            caret-color: #63477a !important;
+            background-color: rgba(48, 45, 55, 0.86) !important;
+            border-color: rgba(255, 255, 255, 0.62) !important;
+            color: #ffffff !important;
+            caret-color: #ffffff !important;
         }
 
         html:not(.politictalk-direct-access-blocked) .chat-input-container input::placeholder,
@@ -195,11 +195,10 @@
         html:not(.politictalk-direct-access-blocked) [class*="chatInput"] textarea::placeholder,
         html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] input::placeholder,
         html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] textarea::placeholder {
-            color: rgba(99, 71, 122, 0.72) !important;
+            color: rgba(255, 255, 255, 0.74) !important;
             opacity: 1 !important;
         }
 
-        html:not(.politictalk-direct-access-blocked) .chat-input-container button,
         html:not(.politictalk-direct-access-blocked) .chat-input-container [role="button"],
         html:not(.politictalk-direct-access-blocked) .chat-input-container [aria-haspopup],
         html:not(.politictalk-direct-access-blocked) [class*="chat-recipient"],
@@ -207,12 +206,11 @@
         html:not(.politictalk-direct-access-blocked) [class*="ChatRecipient"],
         html:not(.politictalk-direct-access-blocked) [class*="recipientDropdown"],
         html:not(.politictalk-direct-access-blocked) [class*="RecipientDropdown"] {
-            background-color: #ffffff !important;
-            border-color: rgba(99, 71, 122, 0.48) !important;
-            color: #63477a !important;
+            background-color: rgba(48, 45, 55, 0.9) !important;
+            border-color: rgba(255, 255, 255, 0.34) !important;
+            color: #ffffff !important;
         }
 
-        html:not(.politictalk-direct-access-blocked) .chat-input-container button svg,
         html:not(.politictalk-direct-access-blocked) .chat-input-container [role="button"] svg,
         html:not(.politictalk-direct-access-blocked) .chat-input-container [aria-haspopup] svg,
         html:not(.politictalk-direct-access-blocked) [class*="chat-recipient"] svg,
@@ -220,7 +218,7 @@
         html:not(.politictalk-direct-access-blocked) [class*="ChatRecipient"] svg,
         html:not(.politictalk-direct-access-blocked) [class*="recipientDropdown"] svg,
         html:not(.politictalk-direct-access-blocked) [class*="RecipientDropdown"] svg {
-            color: #63477a !important;
+            color: #ffffff !important;
             fill: currentColor !important;
             stroke: currentColor !important;
         }
@@ -245,6 +243,111 @@
         html:not(.politictalk-direct-access-blocked) [class*="participantsPane"] * {
             border-color: rgba(99, 71, 122, 0.34) !important;
         }
+
+        html:not(.politictalk-direct-access-blocked) #chatconversation .chatmessage,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .chatmessage *,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .usermessage,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .usermessage *,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .privatemessage,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .privatemessage *,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .messagecontent,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .messagecontent *,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .message-content,
+        html:not(.politictalk-direct-access-blocked) #chatconversation .message-content *,
+        html:not(.politictalk-direct-access-blocked) #chatconversation [class*="message-bubble"],
+        html:not(.politictalk-direct-access-blocked) #chatconversation [class*="message-bubble"] *,
+        html:not(.politictalk-direct-access-blocked) #chatconversation [class*="messageBubble"],
+        html:not(.politictalk-direct-access-blocked) #chatconversation [class*="messageBubble"] *,
+        html:not(.politictalk-direct-access-blocked) #chatconversation [class*="MessageBubble"],
+        html:not(.politictalk-direct-access-blocked) #chatconversation [class*="MessageBubble"] *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .chatmessage,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .chatmessage *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .usermessage,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .usermessage *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .privatemessage,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .privatemessage *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .messagecontent,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .messagecontent *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .message-content,
+        html:not(.politictalk-direct-access-blocked) .chat-panel .message-content *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel [class*="message-bubble"],
+        html:not(.politictalk-direct-access-blocked) .chat-panel [class*="message-bubble"] *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel [class*="messageBubble"],
+        html:not(.politictalk-direct-access-blocked) .chat-panel [class*="messageBubble"] *,
+        html:not(.politictalk-direct-access-blocked) .chat-panel [class*="MessageBubble"],
+        html:not(.politictalk-direct-access-blocked) .chat-panel [class*="MessageBubble"] *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .chatmessage,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .chatmessage *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .usermessage,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .usermessage *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .privatemessage,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .privatemessage *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .messagecontent,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .messagecontent *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .message-content,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] .message-content *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] [class*="message-bubble"],
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] [class*="message-bubble"] *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] [class*="messageBubble"],
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] [class*="messageBubble"] *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] [class*="MessageBubble"],
+        html:not(.politictalk-direct-access-blocked) [class*="chatPanel"] [class*="MessageBubble"] * {
+            color: #ffffff !important;
+        }
+
+        html:not(.politictalk-direct-access-blocked) .chat-input-container input,
+        html:not(.politictalk-direct-access-blocked) .chat-input-container textarea,
+        html:not(.politictalk-direct-access-blocked) .chat-input-container [contenteditable="true"],
+        html:not(.politictalk-direct-access-blocked) [class*="chat-input"] input,
+        html:not(.politictalk-direct-access-blocked) [class*="chat-input"] textarea,
+        html:not(.politictalk-direct-access-blocked) [class*="chat-input"] [contenteditable="true"],
+        html:not(.politictalk-direct-access-blocked) [class*="chatInput"] input,
+        html:not(.politictalk-direct-access-blocked) [class*="chatInput"] textarea,
+        html:not(.politictalk-direct-access-blocked) [class*="chatInput"] [contenteditable="true"],
+        html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] input,
+        html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] textarea,
+        html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] [contenteditable="true"] {
+            background-color: rgba(48, 45, 55, 0.86) !important;
+            border-color: rgba(255, 255, 255, 0.62) !important;
+            color: #ffffff !important;
+            caret-color: #ffffff !important;
+        }
+
+        html:not(.politictalk-direct-access-blocked) .chat-input-container input::placeholder,
+        html:not(.politictalk-direct-access-blocked) .chat-input-container textarea::placeholder,
+        html:not(.politictalk-direct-access-blocked) [class*="chat-input"] input::placeholder,
+        html:not(.politictalk-direct-access-blocked) [class*="chat-input"] textarea::placeholder,
+        html:not(.politictalk-direct-access-blocked) [class*="chatInput"] input::placeholder,
+        html:not(.politictalk-direct-access-blocked) [class*="chatInput"] textarea::placeholder,
+        html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] input::placeholder,
+        html:not(.politictalk-direct-access-blocked) [class*="ChatInput"] textarea::placeholder {
+            color: rgba(255, 255, 255, 0.74) !important;
+            opacity: 1 !important;
+        }
+
+        html:not(.politictalk-direct-access-blocked) .chat-input-container [role="button"],
+        html:not(.politictalk-direct-access-blocked) .chat-input-container [aria-haspopup],
+        html:not(.politictalk-direct-access-blocked) [class*="chat-recipient"],
+        html:not(.politictalk-direct-access-blocked) [class*="chatRecipient"],
+        html:not(.politictalk-direct-access-blocked) [class*="ChatRecipient"],
+        html:not(.politictalk-direct-access-blocked) [class*="recipientDropdown"],
+        html:not(.politictalk-direct-access-blocked) [class*="RecipientDropdown"] {
+            background-color: rgba(48, 45, 55, 0.9) !important;
+            border-color: rgba(255, 255, 255, 0.34) !important;
+            color: #ffffff !important;
+        }
+
+        html:not(.politictalk-direct-access-blocked) .chat-input-container [role="button"] *,
+        html:not(.politictalk-direct-access-blocked) .chat-input-container [aria-haspopup] *,
+        html:not(.politictalk-direct-access-blocked) [class*="chat-recipient"] *,
+        html:not(.politictalk-direct-access-blocked) [class*="chatRecipient"] *,
+        html:not(.politictalk-direct-access-blocked) [class*="ChatRecipient"] *,
+        html:not(.politictalk-direct-access-blocked) [class*="recipientDropdown"] *,
+        html:not(.politictalk-direct-access-blocked) [class*="RecipientDropdown"] * {
+            color: #ffffff !important;
+            fill: currentColor !important;
+            stroke: currentColor !important;
+        }
     }
 
     html.politictalk-direct-access-blocked,