Adding Color and Bold to a SPA Task List: Design Decisions

Adding Color and Bold to a SPA Task List: Design Decisions When you're running a project management dashboard, the request eventually comes: "I want to highlight important tasks." This article walks through the design decisions behind adding per-task color and bold toggle to a custom SPA task list. The Requirement: "Visually Distinguish Important Tasks" With dozens of tasks on a management page, it's hard to spot what matters at a glance. Users wanted two things: custom colors and bold text for individual tasks. Sounds simple, but there are real design choices to make. Option 1: Add Properties Directly to Task Data { "id" : "task-001" , "title" : "Update API Documentation" , "done" : false , "color" : "#e74c3c" , "bold" : true } Pros: Simple. Data and display are unified. Cons: Requires backend API and data structure changes. Introduces breaking changes to existing task data. Color and font weight are "display concerns," not "task essence." Option 2: Manage Display Settings in a Separa