Toolbar color token migration

Internal refactor replacing hardcoded color values in the toolbar with design system tokens, ensuring toolbar hover states respect the active theme automatically without manual overrides.

Why it matters

Hardcoded color values bypass the design token system, which means theme changes require edits in multiple disconnected places. Users on light mode and dark mode should see correctly themed toolbar states without any special-casing in the code.

How it works

  • All hardcoded rgba() filter hover states in the toolbar are replaced with color-mix() expressions using existing CSS custom properties
  • No visual change for users — the colors remain the same, they just come from the token system
  • After migration, any future theme changes automatically propagate to toolbar states