Theme support and integration colors

Implemented appearance

The dark prefers-color-scheme block contains a commented-out :root override. It does not change the rendered application. Several components use literal white and neutral colors, so uncommenting that block alone would not establish a complete dark theme.

Both desktop and phone captures therefore show the actual light implementation. The portfolio’s own dark mode can change its documentation shell without changing TeachKit’s captured UI.

Future dark-theme work

• Define semantic roles for literal whites, neutrals, destructive text and integration fills.
• Audit media, tabs, editor toolbar, selection, muted text and disabled controls.
• Verify every learner and creator flow against the new roles.
• Add dark captures only after a real source implementation exists; keep the current light reference accurate.