jason/ThunderAI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add dark mode styles for added and removed message highlights. see #109

Browse source
This commit is contained in:
mic 2025-03-22 17:42:23 +01:00
parent 7c606bcb71
commit bebbfdd74c
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
api_webchat/messagesArea.js
View file

@ -45,7 +45,6 @@ messagesAreaStyle.textContent = `
line-height: 1.3; line-height: 1.3;
padding: 5px; padding: 5px;
border-radius: 10px; border-radius: 10px;
} }
.message p{ .message p{
margin: 0; margin: 0;
@ -95,12 +94,19 @@ messagesAreaStyle.textContent = `
background-color: #d4fcdc; background-color: #d4fcdc;
display: inline; display: inline;
} }
.removed { .removed {
background-color: #fddddd; background-color: #fddddd;
display: inline; display: inline;
text-decoration: line-through; text-decoration: line-through;
} }
@media (prefers-color-scheme: dark) {
.added {
background-color:rgb(0, 94, 0);
}
.removed {
background-color:rgb(90, 0, 0);
}
}
`; `;
messagesAreaTemplate.content.appendChild(messagesAreaStyle); messagesAreaTemplate.content.appendChild(messagesAreaStyle);