NetNewsWire/Mac/MainWindow/Detail/styleSheet.css
Nate Weaver 37ae46ea4c Merge more styles and fix styling of tables with explicit thead/tbody/tfoot
Also use :matches() to simplify some rules.

# Conflicts:
#	Mac/MainWindow/Detail/styleSheet.css
#	iOS/Resources/styleSheet.css
2020-04-23 23:21:22 -05:00

42 lines
982 B
CSS

body {
margin-top: 20px;
margin-bottom: 64px;
padding-left: 32px;
padding-right: 32px;
font-family: -apple-system;
font-size: 18px;
}
:root {
--body-color: #444;
--body-background-color: -apple-system-text-background;
--accent-color: rgba([[accent-r]], [[accent-g]], [[accent-b]], .75);
--block-quote-border-color: rgba([[accent-r]], [[accent-g]], [[accent-b]], .50);
}
@media(prefers-color-scheme: dark) {
:root {
--body-color: #d2d2d2;
--body-background-color: #2d2d2d;
--accent-color: rgba([[accent-r]], [[accent-g]], [[accent-b]], .75);
--block-quote-border-color: rgba([[accent-r]], [[accent-g]], [[accent-b]], .50);
--header-table-border-color: rgba(255, 255, 255, 0.1);
}
}
body a, body a:link, body a:visited {
color: var(--accent-color);
}
body .header a:link, body .header a:visited {
color: var(--accent-color);
}
pre {
border: 1px solid var(--accent-color);
padding: 10px;
}
.nnw-overflow table {
border: 1px solid var(--accent-color);
}