design: minor touchups + dark theme changes

src/lib/app.css

@@ -18,8 +18,8 @@
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --bg-1000: #141016;
+        --bg-1000: #0b090c;
-        --bg-900: #1B141E;
+        --bg-900: #120d14;
         --bg-800: #2A202F;
         --bg-700: #443749;
         --bg-600: #513D60;

src/lib/ui/post/Post.svelte

@@ -76,7 +76,8 @@
     .post-container {
         display: flex;
         flex-direction: column;
-        border-top: 1px solid color-mix(in srgb, transparent, var(--text) 25%);
+        border-top: 1px solid color-mix(in srgb, transparent, var(--text) 20%);
+        background: var(--bg-900);
     }
     .post-container:first-of-type {
         border-top: none;

src/routes/+page.svelte

@@ -47,10 +47,13 @@
     header {
         width: 100%;
         height: 64px;
-        margin: 16px 0 8px 0;
+        margin: 16px 0;
+        padding: 0 8px;
         display: flex;
         flex-direction: row;
         user-select: none;
+        box-sizing: border-box;
+
     }
 
     header h1 {

src/routes/[server]/[account]/+page.js

@@ -1,8 +0,0 @@
-import { error } from '@sveltejs/kit';
-
-export async function load({ params }) {
-    return error(404, 'Not Found');
-    // return {
-    //     account_name: params.account
-    // };
-}

src/routes/[server]/[account]/+page.svelte

@@ -0,0 +1 @@
+<h1>wip</h1>

src/routes/notifications/+page.svelte

@@ -51,8 +51,10 @@
         width: 100%;
         height: 64px;
         margin: 16px 0 8px 0;
+        padding: 0 8px;
         display: flex;
         flex-direction: row;
+        box-sizing: border-box;
     }
 
     h1 {