Improvements to HN Dark userstyle

Userstyles/Hacker News Dark.css

@@ -1,20 +1,50 @@
-@-moz-document domain("news.ycombinator.com") {
+/* font family */
+
+body,
+td,
+.title,
+div.comment,
+span.pagetop {
+    font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+}
+
+/* background colors */
+
 body {
     background-color: #262626 !important;
 }
 
-body > center > table, input, textarea {
+table#hnmain,
+input,
+textarea {
     background-color: #222 !important;
 }
 
-body > center > table > tbody > tr:first-child > td {
+/* header */
+
+table#hnmain > tbody > tr:first-child > td {
     background-color: #ff6600 !important;
+    padding: 4px;
+}
+
+b.hnname {
+    margin: 0 8px 0 4px;
+}
+
+tr#pagespace {
+    height: 16px !important;
+}
+
+/* text colors */
+
+a:link {
+    color: #262626;
 }
 
-/* Bright text */
 td.title a:link,
 span.comment font,
 span.comment font a:link,
+table.fatitem td,
 u a:link,
 span.yclinks a:link,
 body:not([id]),
@@ -30,19 +60,76 @@ a[href="https://www.ycombinator.com/apply/"] {
     color: #dee2e6 !important;
 }
 
-.admin td {
-    color: #aaa !important;
+.title,
+.admin td,
+.subtext a:link,
+.subtext a:visited,
+.comhead a:link,
+a:visited {
+    color: #8b949e;
+}
+
+/* font size and white space improvements */
+
+table.fatitem td,
+td.title {
+    font-size: 16px;
+}
+
+table.fatitem td {
+    line-height: 22px;
+}
+
+table.fatitem td.subtext {
+    padding-bottom: 10px;
+}
+
+span.pagetop {
+    font-size: 15px;
+}
+
+span.pagetop > a {
+    margin: 0 3px;
+}
+
+td.subtext {
+  font-size: 12px;
+  color: #8b949e;
+  padding-top: 5px;
+}
+
+tr.spacer {
+    height: 10px !important;
+}
+
+div.comment {
+    font-size: 14px;
+    line-height: 19px;
 }
 
 /* search box and comment box */
-input, textarea {
-    border: 1px solid #828282 !important;
+
+input,
+textarea {
+    border: 2px solid #8b949e !important;
 }
 
+textarea {
+    padding: 10px 16px;
+    border-radius: 16px;
+}
+
+input {
+    padding: 6px 16px;
+    border-radius: 1000px;
+}
+
+/* voting */
+
 .votearrow {
     position: relative;
     background: none;
-    margin: 4px 10px;
+    margin: 2px 10px 6px;
 }
 
 .votearrow::after {
@@ -54,7 +141,7 @@ input, textarea {
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
-    border-bottom: 9px solid #ccc;
+    border-bottom: 9px solid #ced4da;
 }
 
 a.nosee {
@@ -66,26 +153,3 @@ a.nosee .votearrow::after {
     border-right: 5px solid transparent;
     border-bottom: 9px solid #ff6600;
 }
-
-.title {
-    font-family: Inter, sans-serif;
-    font-size: 16px;
-}
-
-.subtext {
-  font-family: Inter, sans-serif;
-  font-size: 12px;
-  color: #aaa;
-  padding-top: 5px;
-}
-
-tr.spacer {
-    height: 10px !important;
-}
-
-.comment {
-    font-family: Inter, sans-serif;
-    font-size: 14px;
-    line-height: 1.25rem;
-}
-}