From fa491120a03e09e4c0fc84d2ee3684b843a59297 Mon Sep 17 00:00:00 2001
From: Sonny Bakker <sonny871@hotmail.com>
Date: Mon, 7 Oct 2024 20:57:08 +0200
Subject: [PATCH] Use line-through to indicate read status

---
 src/newsreader/scss/components/post/_post.scss   | 6 +-----
 src/newsreader/scss/components/posts/_posts.scss | 2 +-
 src/newsreader/scss/partials/_root.scss          | 2 --
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/newsreader/scss/components/post/_post.scss b/src/newsreader/scss/components/post/_post.scss
index b7d5ef4..c8b96ee 100644
--- a/src/newsreader/scss/components/post/_post.scss
+++ b/src/newsreader/scss/components/post/_post.scss
@@ -85,7 +85,7 @@
     font-size: map-deep-get($post, "header-font-size");
 
     &--read {
-      color: var(--read-color);
+      text-decoration: line-through;
     }
   }
 
@@ -196,10 +196,6 @@
       background-color: var(--confirm-color);
       color: $white;
       width: 100px;
-
-      &--saved {
-        color: var(--read-color);
-      }
     }
   }
 }
diff --git a/src/newsreader/scss/components/posts/_posts.scss b/src/newsreader/scss/components/posts/_posts.scss
index 9978e73..a8a89e6 100644
--- a/src/newsreader/scss/components/posts/_posts.scss
+++ b/src/newsreader/scss/components/posts/_posts.scss
@@ -63,7 +63,7 @@
     font-size: map-deep-get($post, header-font-size);
 
     &--read {
-      color: var(--read-color);
+      text-decoration: line-through;
     }
 
     &:hover {
diff --git a/src/newsreader/scss/partials/_root.scss b/src/newsreader/scss/partials/_root.scss
index 4a85e8e..afc9617 100644
--- a/src/newsreader/scss/partials/_root.scss
+++ b/src/newsreader/scss/partials/_root.scss
@@ -5,7 +5,6 @@
   --font-color: #{$font-color};
   --link-color: #{$link-color};
   --selected-color: #{$selected-color};
-  --read-color: #{$read-color};
 
   --confirm-color: #{$confirm-color};
   --confirm-font-color: #{$confirm-font-color};
@@ -27,7 +26,6 @@
 
     --font-color: #{$dark-font-color};
     --link-color: #{$dark-link-color};
-    --read-color: #{$dark-read-color};
 
     --confirm-color: #{$dark-confirm-color};
     --confirm-font-color: #{$dark-confirm-font-color};