Moved dark mode to it's own stylesheet and added a userscript that can toggle light mode on and off

1 files changed, 73 insertions, 0 deletions

diff --git a/src/darkmode.css b/src/darkmode.css
new file mode 100644
index 0000000..d74e189
--- /dev/null
+++ b/src/darkmode.css
@@ -0,0 +1,73 @@
+:root {
+  --link-tab-bg-color: #464646;
+  --link-tab-bg-hover-color: #d47408;
+}
+
+
+::-moz-selection {
+  color: #ffeede;
+  background: #59676f;
+}
+
+::selection {
+  color: #ffeede;
+  background: #59676f;
+}
+
+*,
+hr,
+article > table tr,
+article > table td,
+article > table th {
+  color: #ffeede;
+  border-color: #777;
+  background-color: #262626;
+}
+
+blockquote * {
+  color: #919191;
+}
+
+h1, h2, h3, h4, h5, h6, b {
+  color: #d49408;
+  border-color: #777;
+}
+
+  /* This selects the link images, next to headings */
+h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img {
+  /* Refer to styles.css on why this is necessary */
+  filter: none; 
+}
+
+strong {
+  color: #c35b5b;
+}
+
+body > :not(nav) a, a strong {
+  color: #b47494;
+  border-bottom: 1px dashed;
+}
+
+body > :not(nav) a:hover, a strong:hover {
+  color: #da8db3;
+}
+
+pre, code {
+  background-color: #464646;
+}
+
+i, em {
+  color: #999908;
+}
+
+table * {
+  background-color: inherit;
+}
+
+article > table tr:nth-child(2n) td {
+  background-color: #373737;
+}
+
+.link-tab {
+  color: #ffeede;
+}