From 2a8ebc4d258308189c1e19cd367368d4e17f0f20 Mon Sep 17 00:00:00 2001
From: Amardeep <amardeepcode@gmail.com>
Date: Thu, 28 May 2026 22:38:58 +0530
Subject: [PATCH] text color theme based ui

---
 web/plugin.head.html | 56 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/web/plugin.head.html b/web/plugin.head.html
index 45c315a..45136ea 100644
--- a/web/plugin.head.html
+++ b/web/plugin.head.html
@@ -169,6 +169,62 @@
             opacity: 1 !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: #ffffff !important;
+            border-color: rgba(99, 71, 122, 0.48) !important;
+            color: #63477a !important;
+            caret-color: #63477a !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(99, 71, 122, 0.72) !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"],
+        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: #ffffff !important;
+            border-color: rgba(99, 71, 122, 0.48) !important;
+            color: #63477a !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,
+        html:not(.politictalk-direct-access-blocked) [class*="chatRecipient"] svg,
+        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;
+            fill: currentColor !important;
+            stroke: currentColor !important;
+        }
+
         html:not(.politictalk-direct-access-blocked) #sideToolbarContainer button,
         html:not(.politictalk-direct-access-blocked) .sideToolbarContainer button,
         html:not(.politictalk-direct-access-blocked) .chat-panel button,