fix(kanban): theme-aware resting bg/border #209

Merged

zaelgohary merged 1 commit from development_fix_kanban_dark_theme into development

2026-05-05 07:21:34 +00:00

zaelgohary commented

2026-05-05 05:29:32 +00:00

Member

Summary

Kanban columns now use var(--color-surface) and var(--color-border) for the inactive/resting state, so they render correctly in both light and dark hero_os shells. Active drag-target keeps literal colors to avoid a Dioxus 0.7 inline-style diff bug that drops bg/border on transitions between strings of different shapes.

Changes

Switched inactive column bg/border to var() with literal fallbacks.

Test Results

Verified in Playwright: light and dark mode both render columns with correct surface/border colors. Drag-target highlight (active state) renders unchanged from the previous behavior.

## Summary Kanban columns now use `var(--color-surface)` and `var(--color-border)` for the inactive/resting state, so they render correctly in both light and dark hero_os shells. Active drag-target keeps literal colors to avoid a Dioxus 0.7 inline-style diff bug that drops bg/border on transitions between strings of different shapes. ## Changes Switched inactive column bg/border to var() with literal fallbacks. ## Test Results Verified in Playwright: light and dark mode both render columns with correct surface/border colors. Drag-target highlight (active state) renders unchanged from the previous behavior.

zaelgohary added 1 commit

2026-05-05 05:29:32 +00:00

fix(kanban): make column resting bg/border theme-aware

Build and Test / build (pull_request) Successful in 5m26s

Details

40248b42b3

Use var(--color-surface) and var(--color-border) for inactive columns so
both light and dark shells render correctly. Active drag-target keeps
literal colors to dodge a Dioxus 0.7 inline-style diff bug.