1 files changed, 11 insertions, 1 deletions
diff --git a/frontend-vanilla/public/themes/refined.css b/frontend-vanilla/public/themes/refined.css
index fab2b96..191a5a2 100644
--- a/frontend-vanilla/public/themes/refined.css
+++ b/frontend-vanilla/public/themes/refined.css
@@ -86,6 +86,16 @@ body {
 .feed-item {
   padding: var(--spacing-md) var(--spacing-sm);
   margin-top: var(--spacing-xl);
+  transition: opacity 0.3s ease;
+}
+
+.feed-item.read {
+  opacity: 0.45;
+}
+
+.feed-item.read .item-title {
+  font-weight: 500;
+  opacity: 0.8;
 }
 
 .item-title {
@@ -269,4 +279,4 @@ select:focus {
   padding: 2px 8px;
   border-radius: 4px;
   letter-spacing: 0.04em;
-}
+}
+\ No newline at end of file