Merge branch 'design-v2' of forge:blisstown/campfire into design-v2

src/lib/app.css

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

src/lib/ui/post/Body.svelte

@@ -132,7 +132,9 @@
         color: var(--accent);
     }
 
-    .post-text :global(a.mention) {
+    /* mention gets used in other places (bios) so it's global */
+    
+    :global(a.mention) {
         color: inherit;
         font-weight: 600;
         padding: 3px 6px;
@@ -141,7 +143,7 @@
         text-decoration: none;
     }
 
-    .post-text :global(a.mention:hover) {
+    :global(a.mention:hover) {
         text-decoration: underline;
     }
 

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;