From 2e4bfd8912e0ed081e7a66732e8263ee36c1e019 Mon Sep 17 00:00:00 2001
From: Xylight <james@xylight.dev>
Date: Sat, 16 Mar 2024 15:47:49 -0700
Subject: [PATCH] fix: fade read posts, close #282

---
 src/lib/components/lemmy/post/Post.svelte     | 1 +
 src/lib/components/lemmy/post/PostMeta.svelte | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/lib/components/lemmy/post/Post.svelte b/src/lib/components/lemmy/post/Post.svelte
index d1e17741..daeaf797 100644
--- a/src/lib/components/lemmy/post/Post.svelte
+++ b/src/lib/components/lemmy/post/Post.svelte
@@ -63,6 +63,7 @@
       : 'NotSubscribed'}
     id={post.post.id}
     title={post.post.name}
+    read={post.read}
     style="grid-area: meta;"
   >
     <slot name="badges" slot="badges" />
diff --git a/src/lib/components/lemmy/post/PostMeta.svelte b/src/lib/components/lemmy/post/PostMeta.svelte
index aecc5367..39ff5cdc 100644
--- a/src/lib/components/lemmy/post/PostMeta.svelte
+++ b/src/lib/components/lemmy/post/PostMeta.svelte
@@ -18,6 +18,7 @@
   import { profile } from '$lib/auth.js'
   import Subscribe from '../../../../routes/communities/Subscribe.svelte'
   import ShieldIcon from '../moderation/ShieldIcon.svelte'
+  import { userSettings } from '$lib/settings'
 
   export let community: Community | undefined = undefined
   export let subscribed: SubscribedType | undefined = undefined
@@ -26,6 +27,7 @@
   export let published: Date | undefined = undefined
   export let title: string | undefined = undefined
   export let id: number | undefined = undefined
+  export let read: boolean = false
 
   // Badges
   export let badges = {
@@ -147,6 +149,8 @@
   <a
     href="/post/{getInstance()}/{id}"
     class="font-medium text-base"
+    class:text-slate-600={$userSettings.markReadPosts && read}
+    class:dark:text-zinc-400={$userSettings.markReadPosts && read}
     style="grid-area: title;"
   >
     {title}