Skip to content

Add Color-Blind Friendly Priority Indicators #46

Description

@foxintheloop

Problem

Task priority is indicated primarily by color (red for tier 1, amber for tier 2, gray for tier 3). Color-blind users (~8% of males) may not distinguish these colors, especially red/green color blindness.

Solution

Add supplementary non-color indicators alongside priority badges:

  • Tier 1 (Critical): Filled circle or exclamation icon + text "P1"
  • Tier 2 (Important): Half-filled circle or arrow-up icon + text "P2"
  • Tier 3 (Normal): Empty circle or dash icon + text "P3"

This ensures priority is conveyed through multiple channels (color + shape + text).

Files

  • apps/electron/src/renderer/components/TaskItem.tsx — update priority badge rendering
  • apps/electron/tailwind.config.js — reference for current priority color definitions

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions