Add --bs-*-rgb variable overrides for Bootstrap 5.3 utility classes

[jjroelofs]

Linked issues

• Bootstrap utility classes ignore theme colors due to missing --bs-*-rgb variable overrides #812

Solution

Bootstrap 5.3 utility classes (.text-primary, .bg-primary, .border-primary, .link-primary, .focus-ring-primary, etc.) consume the -rgb triplet form of CSS custom properties via rgba(), not the hex form. For example:

.text-primary {
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

We were overriding --bs-primary (hex) but not --bs-primary-rgb (triplet), so these utility classes ignored the theme palette entirely. This adds generation of all 11 --bs-*-rgb variables from palette hex values using the existing Color::hexToRgb() utility already imported in the file.

Scope of affected files: features/sooper-colors/colors-theme-settings-css.inc only.

Checklist

• I have read the CONTRIBUTING.md document.
• My commit messages follow the contributing standards and style of this project.
• My code follows the coding standards and style of this project.
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Need to run update.php after code changes
• Requires a change to end-user documentation.
• Requires a change to developer documentation.
• Requires a change to QA tests.
• Requires a new QA test.
• I have updated the documentation accordingly.
• All new and existing tests passed.

[jjroelofs]

Review finding:

[P1] Preset color schemes still ship Bootstrap's default -rgb values

These overrides are only emitted inside :root.dxpr-scheme-custom, so they fix sites using the custom palette but not any of the built-in schemes. The theme always loads css/base/variables.css, and the preset scheme definitions generated from scss/base/variables.scss still stop at --bs-tertiary-bg without the new --bs-*-rgb variables. As a result, choosing a predefined scheme like dxpr-scheme-aivibe still leaves Bootstrap 5.3 utilities such as .text-primary, .link-primary, .focus-ring-primary, and .bg-body-secondary on Bootstrap's default colors.

Relevant code:

• features/sooper-colors/colors-theme-settings-css.inc:78-96
• scss/base/variables.scss:720-749
• css/base/variables.css

[jjroelofs]

Fixed in beb654b. Added --bs-*-rgb generation inside the @each $name, $scheme loop in scss/base/variables.scss, using the same color.red()/color.green()/color.blue() approach already used for header-rgb. All 11 -rgb variables are now generated for every preset scheme alongside the existing hex --bs-* overrides. Rebuilt CSS artifact included.