Improve visual consistency across different themes

Problem/Motivation

The Visual Debugger UI is configured via multiple configurations applied to the controller element and its children via CSS variables. The current layout was developed and thoroughly tested on top of the default Olivero theme, which comes pre-bundled as a default theme on boilerplate Drupal installations.

While the current interface is good enough when debugging pages using the Olivero theme, it might lose some of its characteristics when applied to other contribute or custom themes. This ticket aims to increase visual consistency on elements like font-family, font-weight, and any other properties required to promote visual consistency.

Steps to reproduce

Install multiple different themes and compare how the Visual Debugger ply-out controller window and clickable instances are rendered.

Proposed resolution

Considering the test described/suggested on the previous topic, the ideal scenario is one where the controller bar and layer instances look the same across all themes.

Remaining tasks

Apply the required improvements/adjustments to the CSS code.

User interface changes

Enforce standardization across themes.

API changes

--

Data model changes

--