stash

css/inverted_colors.css

@@ -0,0 +1,75 @@
+: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);
+}