UI stands out now

src/lib/components/Area.svelte

@@ -1,14 +1,12 @@
 <style>
     #content {
         background: var(--light-1);
-        box-shadow: 0px 3px 5px 3px var(--dark-2);
+        box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.1);
 
         width: min(700px, 90vw);
         padding-top: 8px;
         margin: 25px;
 
-        border-radius: 25px;
-
         display: flex;
         flex-direction: column;
     }

src/lib/components/Button.svelte

@@ -3,6 +3,7 @@
         padding: 0.5rem;
         border: none;
         border-bottom: solid var(--dark-3) 3px;
+        box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.1);
 
         font-family: 'Open Sans';
 

src/lib/components/PostList.svelte

@@ -16,10 +16,10 @@
 
 <p>
     {#if data.id > 0}
-        <a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }} href='#'>← Page {(data.id)-1}</a>
+        <Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)-1)) }} href='#'>Page {(data.id)-1}</Button>
     {/if}
-    <b>Page {(data.id)}</b>
-    <a on:click={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }} href='#'>Page {(data.id)+1} →</a>
+    <Button>Page {(data.id)}</Button>
+    <Button clickFunc={() => { window.location.search = setLocation(window.location,'page',((data.id)+1)) }} href='#'>Page {(data.id)+1}</Button>
 </p>
 
 {#if data && data.postJson && data.postJson.data}

src/routes/+layout.svelte

@@ -1,6 +1,6 @@
 <style>    
     #content {
-        background: var(--light-2);
+        background: url(/bg.svg) center center / cover;
 
         height: 100vh;
         width: 100vw;

src/routes/chat/[chat]/+page.svelte

@@ -87,6 +87,10 @@
         font-weight: normal;
         margin-left: 0.5rem;
     }
+
+    #mainChat {
+        background: var(--light-1);
+    }
 </style>
 
 <div id='mainChat' bind:this={input}>

src/routes/post/[post]/+page.svelte

@@ -21,5 +21,4 @@
     ></Post>
 {/if}
 
-<h2>Replies</h2>
 <PostList data={data} />

src/routes/users/[user]/+page.svelte

@@ -155,6 +155,4 @@
     </Area>
 {/if}
 
-<h2>Posts</h2>
-
 <PostList data={data} />