Add dark mode styles for added and removed message highlights. see #109
This commit is contained in:
parent
7c606bcb71
commit
bebbfdd74c
1 changed files with 8 additions and 2 deletions
|
|
@ -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);
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue