Improve scroll-to-read robustness and add visual feedback for read items across all themes

1 files changed, 17 insertions, 9 deletions

diff --git a/frontend-vanilla/public/themes/terminal.css b/frontend-vanilla/public/themes/terminal.css
index 48164c9..484d3ff 100644
--- a/frontend-vanilla/public/themes/terminal.css
+++ b/frontend-vanilla/public/themes/terminal.css
@@ -68,13 +68,11 @@ body {
     height: 100%;
     pointer-events: none;
     z-index: 9999;
-    background: repeating-linear-gradient(
-      to bottom,
-      transparent,
-      transparent 2px,
-      rgba(0, 0, 0, 0.03) 2px,
-      rgba(0, 0, 0, 0.03) 4px
-    );
+    background: repeating-linear-gradient(to bottom,
+        transparent,
+        transparent 2px,
+        rgba(0, 0, 0, 0.03) 2px,
+        rgba(0, 0, 0, 0.03) 4px);
     will-change: transform;
   }
 }
@@ -217,6 +215,15 @@ body {
   padding: 1.25rem 0.5rem;
   margin-top: 1.5rem;
   border-bottom: 1px solid var(--border-color);
+  transition: opacity 0.4s ease;
+}
+
+.feed-item.read {
+  opacity: 0.35;
+}
+
+.feed-item.read .item-title {
+  text-decoration: none;
 }
 
 .feed-item.selected {
@@ -482,8 +489,9 @@ select:focus {
 }
 
 /* ---- Loading/Empty States ---- */
-.loading, .empty {
+.loading,
+.empty {
   color: var(--text-color);
   opacity: 0.4;
   font-family: inherit;
-}
+}
\ No newline at end of file