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

This commit is contained in:
mic 2025-03-22 17:42:23 +01:00
parent 7c606bcb71
commit bebbfdd74c

View file

@ -45,7 +45,6 @@ messagesAreaStyle.textContent = `
line-height: 1.3;
padding: 5px;
border-radius: 10px;
}
.message p{
margin: 0;
@ -95,12 +94,19 @@ messagesAreaStyle.textContent = `
background-color: #d4fcdc;
display: inline;
}
.removed {
background-color: #fddddd;
display: inline;
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);