Add overlay of committer,core and contributor icons over the avatars

app/assets/stylesheets/components/topics.css

@@ -283,6 +283,14 @@ a.topic-icon {
   color: var(--color-text-muted);
 }
 
+.topics-table.unread-bold-enabled .topic-link {
+  font-weight: var(--font-weight-normal);
+}
+
+.topics-table.unread-bold-enabled .topic-row.topic-unread .topic-link {
+  font-weight: var(--font-weight-bold);
+}
+
 .topic-icon-hover {
   display: none;
   position: absolute;

app/controllers/settings/preferences_controller.rb

@@ -13,7 +13,7 @@ def update
     private
 
     def preferences_params
-      params.require(:user).permit(:mention_restriction)
+      params.require(:user).permit(:mention_restriction, :bold_unread_threads)
     end
   end
 end

app/views/settings/profiles/show.html.slim

@@ -28,3 +28,21 @@
               strong Teammates only
               span.radio-description Only users who share a team with you can @mention you
       = f.submit "Save", class: "button-primary"
+
+  .settings-section
+    h2 Thread Overview
+    p.settings-hint Choose how unread threads are emphasized in topic lists.
+    = form_with model: current_user, url: settings_preferences_path, method: :patch, local: true do |f|
+      .form-group
+        .radio-group
+          label
+            = f.radio_button :bold_unread_threads, false
+            span.radio-text
+              strong Colored marker only
+              span.radio-description Use the existing left-side status marker
+          label
+            = f.radio_button :bold_unread_threads, true
+            span.radio-text
+              strong Bold unread titles
+              span.radio-description Unread threads appear in bold like an email inbox
+      = f.submit "Save", class: "button-primary"

app/views/topics/_topic_row_user.html.slim

@@ -7,8 +7,10 @@
 - tp_data = topic_participants_map[topic.id] || {}
 - top_participants = tp_data[:top] || []
 - contributor_participants = tp_data[:contributors] || []
+- status = (state[:status] || "new").to_s
+- unread_status = %w[new reading aware].include?(status)
 
-tr id=dom_id(topic) class="topic-row topic-#{state[:status] || 'new'}" data-topic-id=topic.id data-last-message-id=topic.last_message_id
+tr id=dom_id(topic) class=["topic-row", "topic-#{status}", ("topic-unread" if unread_status)].compact.join(" ") data-topic-id=topic.id data-last-message-id=topic.last_message_id
   = render partial: "topics/status_cell", locals: { topic: topic, state: state, note_count: note_count, team_readers: team_readers, star_data: star_data }
   td.topic-activity data-label="Activity"
     - replies_count = [topic.message_count - 1, 0].max

app/views/topics/index.html.slim

@@ -7,7 +7,7 @@
       span Filtering by ##{@active_note_tag}
       = link_to "Clear", topics_path, class: "clear-tag-filter"
 
-  .topics-table
+  .topics-table class=("unread-bold-enabled" if current_user&.bold_unread_threads?)
     table
       thead
         tr

app/views/topics/search.html.slim

@@ -10,7 +10,7 @@
     - if user_signed_in?
       #user-state-requests
         = turbo_frame_tag "user-state-root", src: user_state_frame_topics_path(topic_ids: @topics.map(&:id), format: :turbo_stream), loading: :eager
-    .topics-table
+    .topics-table class=("unread-bold-enabled" if current_user&.bold_unread_threads?)
       table
         thead
           tr

db/migrate/20260128120000_add_bold_unread_threads_to_users.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class AddBoldUnreadThreadsToUsers < ActiveRecord::Migration[8.0]
+  def change
+    add_column :users, :bold_unread_threads, :boolean, default: false, null: false
+  end
+end