Accessibility: Areablock toolbar buttons have insufficient contrast until hovered

[Maxara]

Description

In the document editmode, the areablock toolbar (SortableAreablockToolbar) uses ToolStrip with theme="inverse" and activateOnHover={true}. When the toolbar expands on hover, the action buttons (add, move up/down, delete, visibility, settings) use token.colorInactiveInverse against the token.colorFillInverse background, resulting in very low contrast. The buttons only become readable when hovering directly over them (switching to token.colorButtonInverse).

Accessibility Concern

• WCAG 2.1 SC 1.4.3 (Contrast Minimum): The inactive button color likely fails the 4.5:1 contrast ratio requirement against the dark background
• WCAG 2.1 SC 1.4.11 (Non-text Contrast): UI components must have at least 3:1 contrast ratio
• Hover-dependent visibility: Keyboard-only users and assistive technology users cannot discover the buttons since visibility depends on mouse hover

Steps to Reproduce

1. Open a document in Studio UI editmode
2. Add an areablock with at least one brick
3. Hover over the brick area — toolbar appears
4. Observe: action buttons (add, arrows, trash, eye) are barely visible
5. Hover directly over a button — it becomes visible

Expected Behavior

Toolbar buttons should have sufficient contrast to be visible and discoverable as soon as the toolbar expands, without requiring a second hover on individual buttons.

Affected Code

• src/core/components/toolstrip/tool-strip.tsx — lines 119: colorInactiveInverse used for non-activated state
• src/core/components/toolstrip/tool-strip.styles.ts — inverse theme background