amardeep/politictalk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

text color theme based ui chat

Browse Source
This commit is contained in:
Amardeep
2026-05-28 22:50:13 +05:30
parent 2a8ebc4d25
commit dc7f126e4e
1 changed files with 114 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
web/plugin.head.html
View File

@@ -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,