Testing of Bootstrap5.0 CSS variables

[farmakiG]

Summary
This task is about testing and documenting the set of the CSS variables that are supported in Bootstrap 5.0 and that are useful for our marketplace customization purposes.

Details
Add the following variables to the :root element and test if changing these variables at runtime works. Furthermore, think of which minimum set of Bootstrap CSS variables are useful for our use case, as not all of these variables should be necessarily supported.

--bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-100: #f8f9fa; --bs-200: #e9ecef; --bs-300: #dee2e6; --bs-400: #ced4da; --bs-500: #adb5bd; --bs-600: #6c757d; --bs-700: #495057; --bs-800: #343a40; --bs-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529;

Refer to the Bootstrap Github Issue for more information.
Also, research Github Issues concerning this topic, to find out which set of variables will be supported in the Bootstrap5.0 stable version. This is useful for knowing to which level of complexity a Bootstrap Runtime customization can be achieved.

For our purposes for the time being, the most basic set of variables is: --bs-primary, --bs-secondary, --bs-dark, --bs-light, --bs-body-bg and shades of light or dark such as: --bs100, .., --bs-900.

Acceptance criteria

• Word document or similar: "Support of Bootstrap CSS variables" with list of Bootstrap CSS variables that have been tested and are supported.
• Manual testing
• UI Customizeability is preserved

Additional context
N/A.

[GoebelL]

For later.