web-wallet: Improve Contrast for Controls in Nested Components in Dark Mode

[nortonandreev]

Description

In the Allocate view and similar sections with nested components, the controls' background in dark mode has very low contrast compared to the rest of the component. This is because the shades of black used for the background and the controls are very similar, making it difficult to distinguish elements and reducing visual hierarchy.

Proposed Solution

Update the controls' background color to use the surface color in dark mode, ensuring better contrast and improved visual hierarchy.

Expected Outcome

• Enhanced visibility and usability of controls in nested components in dark mode.
• Improved visual hierarchy, making the UI more intuitive and user-friendly.

Acceptance Criteria

• Controls' background in nested components use the surface color in dark mode.
• Sufficient contrast between controls and the component background for clear visual differentiation.
• Design consistency across all components and views in dark mode.