Skip to content

Commit

Permalink
Fix some dark mode styles (#1126)
Browse files Browse the repository at this point in the history
  • Loading branch information
jaflo authored and sindresorhus committed Oct 19, 2019
1 parent 343705e commit 26cfaed
Showing 1 changed file with 32 additions and 1 deletion.
33 changes: 32 additions & 1 deletion css/dark-mode.css
Original file line number Diff line number Diff line change
Expand Up @@ -510,7 +510,8 @@ html.dark-mode ._34n6 {

/* Message reaction buttons */
html.dark-mode ._aou,
html.dark-mode ._4kf5 {
html.dark-mode ._4kf5,
html.dark-mode ._3s-4 {
background-color: var(--container-color);
}

Expand Down Expand Up @@ -832,6 +833,36 @@ html.dark-mode ._7i2l {
filter: invert(1);
}

/* Sidebar > Options: search and nicknames icons */
html.dark-mode ._6y56,
html.dark-mode ._6ybv {
filter: invert(1);
}

/* Sidebar > Options: edit group picture hover */
html.dark-mode ._80co {
background: none;
}

html.dark-mode ._7101:hover ._7q1j {
opacity: 0.5;
}

html.dark-mode ._80co form div a {
filter: invert(1);
}

/* "replied to" message label */
html.dark-mode ._3egs {
background: none;
}

/* Remove profile picture border */
html.dark-mode [aria-label='Conversation List'] [aria-hidden='true'] > div > div,
html.dark-mode [role='main'] > span > div div[style^='border:'] {
border-color: transparent !important;
}

/* "Delete message" popup */
html.dark-mode ._7492 {
color: var(--base-fifty);
Expand Down

0 comments on commit 26cfaed

Please sign in to comment.