Skip to content

Color Kanban columns by status - #2260

Draft
eysenfalk wants to merge 1 commit into
callumalpass:mainfrom
eysenfalk:feat/kanban-status-colors
Draft

Color Kanban columns by status#2260
eysenfalk wants to merge 1 commit into
callumalpass:mainfrom
eysenfalk:feat/kanban-status-colors

Conversation

@eysenfalk

Copy link
Copy Markdown

Summary

  • derive Kanban column colors from configured TaskNotes status colors
  • tint flat columns and swimlane header/cell grids with the same status color
  • preserve normal rendering for non-status grouping, unknown statuses, statuses without colors, and invalid CSS colors
  • keep the tint subtle and theme-aware in light and dark mode

Implementation

The renderer resolves the configured status, normalizes TaskNotes theme colors, validates the resulting CSS color in the owning document, and exposes it through a Kanban-scoped CSS custom property. CSS applies the tint only when the status-colored marker is present.

Validation

  • npx jest tests/unit/bases/KanbanView.statusColors.test.ts --runInBand
  • npm test
  • npm run typecheck
  • npm run lint
  • npm run build:test
  • isolated Obsidian runtime reload with no plugin errors
  • flat Kanban and swimlanes checked in light mode; swimlanes also checked in dark mode
  • independent bounded review: approved with no fix-created regressions

Runtime preview

Runtime screenshots cover flat columns in light mode and swimlanes in both light and dark mode. They remain validation artifacts and are not committed to the plugin repository.

Scope

This PR contains only status-derived Kanban colors. It does not include column collapse or drag-animation changes.

@eysenfalk
eysenfalk force-pushed the feat/kanban-status-colors branch from c217f55 to 2abc4fd Compare August 26, 2026 13:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant