pages/css/inverted_colors.css
2025-06-22 11:14:02 -04:00

75 lines
No EOL
1.4 KiB
CSS

:root {
--lightest-color: rgb(255, 250, 245);
--lighter-color: rgb(205, 200, 195);
--light-color: rgb(170, 165, 160);
--wide-gray-invert: rgb(10, 5, 5);
--narrow-gray-invert: rgb(15, 8, 8);
}
.invert .est-color {
color: var(--lightest-color) !important
}
.invert .er-color {
color: var(--lighter-color) !important
}
.invert .null-color {
color: var(--light-color) !important
}
.invert {
background-color: black;
color: var(--lighter-color);
}
.invert code:not(pre code) {
background-color: var(--wide-gray-invert);
color: white;
}
.invert pre {
color: white;
background-color: var(--wide-gray-invert);
border-color: var(--wide-gray-invert);
}
.invert body {
background-color: black;
color: var(--lighter-color);
}
.invert h1 {
color: var(--lightest-color);
}
.invert h2,
.invert h3,
.invert h4,
.invert h5,
.invert h6 {
color: var(--lighter-color);
}
.invert a:link,
.invert a:visited {
color: var(--lightest-color)
}
.invert table tr th,
.invert table tr td {
border-right: 2px solid var(--narrow-gray-invert);
border-bottom: 2px solid var(--narrow-gray-invert);
}
.invert table tr th:first-child,
.invert table tr td:first-child {
border-left: 2px solid var(--narrow-gray-invert);
}
/* top row a.k.a. table header */
.invert table tr th {
border-top: 2px solid var(--narrow-gray-invert);
}
.invert hr {
background-color: var(--narrow-gray-invert);
}