From 8518868ee671c4bc99b27fbda47bb93a1e366eff Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Wed, 18 Feb 2026 19:40:46 -0800
Subject: Improve scroll-to-read robustness and add visual feedback for read
 items across all themes

---
 frontend-vanilla/public/themes/codex.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

(limited to 'frontend-vanilla/public/themes/codex.css')

diff --git a/frontend-vanilla/public/themes/codex.css b/frontend-vanilla/public/themes/codex.css
index 50942e6..fcf4e33 100644
--- a/frontend-vanilla/public/themes/codex.css
+++ b/frontend-vanilla/public/themes/codex.css
@@ -170,7 +170,7 @@ body {
   padding: 2.5rem 2rem;
 }
 
-.main-content > * {
+.main-content>* {
   max-width: 33em;
 }
 
@@ -182,10 +182,19 @@ body {
   border-radius: 0;
   padding-bottom: 2.5rem;
   border-bottom: none;
+  transition: opacity 0.4s ease;
+}
+
+.feed-item.read {
+  opacity: 0.5;
+}
+
+.feed-item.read .item-title {
+  color: var(--codex-muted);
 }
 
 /* Decorative separator between items -- a subtle fleuron */
-.feed-item + .feed-item::before {
+.feed-item+.feed-item::before {
   content: '\2766';
   display: block;
   text-align: center;
@@ -451,4 +460,4 @@ select:focus {
 
 .theme-dark .sidebar-backdrop {
   background: rgba(28, 26, 23, 0.6);
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3