Add custom CSS for LWN

LWN lets users do that, but (1) it's only colors (2) it does not
cover *every* color, so trying to create a "dark theme" yields
e.g. unreadable buttons.

1 files changed, 68 insertions, 0 deletions

diff --git a/.config/firefox/userContent.css b/.config/firefox/userContent.css
index ecece67..cfe99af 100644
--- a/.config/firefox/userContent.css
+++ b/.config/firefox/userContent.css
@@ -20,3 +20,71 @@
         margin: auto !important;
     }
 }
+
+@-moz-document domain(lwn.net) {
+    /* Colors. */
+
+    body {
+        color: white !important;
+        background-color: black !important;
+    }
+
+    td select, select[name=viewtimes] {
+        color: black !important;
+    }
+
+    .AnnLine > span, table.OddEven tr:nth-child(2n), table.OddEven th {
+        background-color: black !important;
+    }
+    #menu, .navmenu ul, .topnav-container, .Form, .FeatureByline, .IndexEntries,
+    .AnnLine:nth-child(2n) > span, .Even, table.OddEven tr:nth-child(2n+1),
+    .MLThread {
+        background-color: #222 !important;
+    }
+    .logo, .logobl {
+        color: #090 !important;
+    }
+
+    .Subscription {
+        color: #0c0 !important;
+    }
+
+    a {
+        color: deepskyblue !important;
+    }
+    a:hover {
+        background-color: #222 !important;
+    }
+
+    .Headline, .Cat2HL, .Cat3HL, .CommentTitle {
+        background-color: #421 !important;
+    }
+    .CommentBox {
+        border-color: #421 !important;
+    }
+    .OldCommentBox .CommentTitle {
+        background-color: #222 !important;
+    }
+    .OldCommentBox {
+        border-color: #222 !important;
+    }
+
+    BLOCKQUOTE.bq, p > span, div:not(.AnnLine) > span, .BigQuote {
+        color: pink !important;
+        background-color: black !important;
+    }
+    .QuotedText {
+        color: pink !important;
+    }
+
+    .AnnLine span, .PageHeadline h1 {
+        color: white !important;
+    }
+
+    /* Layout. */
+    .maincolumn {
+        max-width: 60em;
+        margin: auto;
+        padding-left: 0 !important;
+    }
+}