get 'read topic' coloring back, to ensure fully read threads look different (#11)

ImTheKai · web-flow · commit d2612642173d · 2025-12-15T20:19:56.000+01:00
Signed-off-by: Kai Wagner &lt;kai.wagner@percona.com&gt;
diff --git a/app/assets/stylesheets/components/topics.css b/app/assets/stylesheets/components/topics.css
@@ -192,7 +192,7 @@
 }
 
 .topic-row.topic-read {
-  color: var(--color-text-secondary);
+  color: var(--color-text-muted);
 }
 
 .topic-icon-hover {
@@ -244,6 +244,15 @@
   }
 }
 
+.topic-row.topic-read .topic-link {
+  color: var(--color-text-muted);
+
+  &:hover {
+    color: var(--color-text-muted);
+    text-decoration: underline;
+  }
+}
+
 .activity-info {
   display: flex;
   flex-direction: column;

Original file line number	Diff line number	Diff line change
`@@ -192,7 +192,7 @@`
`192`	`192`	`}`
`193`	`193`
`194`	`194`	`.topic-row.topic-read {`
`195`		`- color: var(--color-text-secondary);`
	`195`	`+ color: var(--color-text-muted);`
`196`	`196`	`}`
`197`	`197`
`198`	`198`	`.topic-icon-hover {`
`@@ -244,6 +244,15 @@`
`244`	`244`	`}`
`245`	`245`	`}`
`246`	`246`
	`247`	`+.topic-row.topic-read .topic-link {`
	`248`	`+ color: var(--color-text-muted);`
	`249`	`+`
	`250`	`+ &:hover {`
	`251`	`+ color: var(--color-text-muted);`
	`252`	`+ text-decoration: underline;`
	`253`	`+ }`
	`254`	`+}`
	`255`	`+`
`247`	`256`	`.activity-info {`
`248`	`257`	`display: flex;`
`249`	`258`	`flex-direction: column;`