From dc7f126e4eade7ea76088a32aa63a6ff5b80d191 Mon Sep 17 00:00:00 2001 From: Amardeep Date: Thu, 28 May 2026 22:50:13 +0530 Subject: [PATCH] text color theme based ui chat --- web/plugin.head.html | 125 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 114 insertions(+), 11 deletions(-) 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,