544 Simple darkmode style for popovers

This commit is contained in:
Andrew Brehaut 2019-09-23 20:38:46 +12:00
parent 4c54d2c4ff
commit 0d99136961

View File

@ -267,3 +267,33 @@ a.footnote:hover,
background: #666;
transition: background-color 200ms ease-out;
}
/* dark */
@media screen and (prefers-color-scheme: dark) {
.newsfoot-footnote-popover {
background: #444;
color: rgb(224, 224, 224);
}
.newsfoot-footnote-popover-arrow {
background: #242424;
border: 1px solid #444;
}
.newsfoot-footnote-popover-inner {
background: #242424;
}
body a.footnote,
body a.footnote:visited,
.newsfoot-footnote-popover + a.footnote:hover {
background: #aaa;
color: white;
transition: background-color 200ms ease-out;
}
a.footnote:hover,
.newsfoot-footnote-popover + a.footnote {
background: #666;
transition: background-color 200ms ease-out;
}
}