web & server: finish initial tailwind rewrite

web/static/overrides.css

@@ -0,0 +1,33 @@
+html {
+    background-color: black;
+}
+
+.news-post a {
+    color: var(--color-link) !important;
+    text-decoration: underline;
+}
+
+.news-post br {
+    display: block;
+    margin-top: 1em;
+    content: " ";
+}
+
+.news-post h1,
+.news-post h2,
+.news-post h3,
+.news-post h4 {
+    margin-top: 1em !important;
+    margin-bottom: 1em !important;
+}
+
+.news-post p {
+    margin-bottom: 1em;
+}
+
+.news-post pre,
+.news-post code {
+    font-family: monospace;
+    background-color: #eee !important;
+    padding: 0.5em !important;
+}

web/static/vars.css

@@ -0,0 +1,42 @@
+:root {
+    --active-brightness: 0.85;
+    --border-radius: 5px;
+    --box-shadow: 2px 2px 10px;
+    --color-accent: #118bee15;
+    --color-bg: #fff;
+    --color-bg-secondary: #e9e9e9;
+    --color-link: #118bee;
+    --color-secondary: #920de9;
+    --color-secondary-accent: #920de90b;
+    --color-shadow: #f4f4f4;
+    --color-table: #118bee;
+    --color-text: #000;
+    --color-text-secondary: #999;
+    --color-scrollbar: #cacae8;
+    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    --hover-brightness: 1.2;
+    --justify-important: center;
+    --justify-normal: left;
+    --line-height: 1.5;
+    /*
+  --width-card: 285px;
+  --width-card-medium: 460px;
+  --width-card-wide: 800px;
+*/
+    --width-content: 1080px;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root[color-mode="user"] {
+        --color-accent: #0097fc4f;
+        --color-bg: #333;
+        --color-bg-secondary: #555;
+        --color-link: #0097fc;
+        --color-secondary: #e20de9;
+        --color-secondary-accent: #e20de94f;
+        --color-shadow: #bbbbbb20;
+        --color-table: #0097fc;
+        --color-text: #f7f7f7;
+        --color-text-secondary: #aaa;
+    }
+}