Bootstrap - Class Inconsistency

24 Jul 25

MSP and LSP in the navbar both refer to a class bg-body-tertiary that refers to a css variable --bs-tertiary-bg-rgb. The colour comes through differently in each app.

1. identify a discrepancy in Bootstrap version
$yarn info bootstrap version / $yarn why 
alternatively for MSP (as bootstrap is managed by gem, not by node_modules)
$bundle show bootstrap [bootstrap version shown in gem path]
bootstrap version 5.3.0, MSP
bootstrap version 5.3.7 LSP

2. css variable defined in (LSP)
node_modules/botstrap/scss/_root.scss
  --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
so --bs-tertiary-bg-rgb
[function rgb defined in _functions.scss]

or equivalent place in gem (MSP)

3. solution (this specific issue only)
In LSP add $tertiary-bg: rgb(248, 249, 250) to config/_variables.scss;

more generally
change LSP package.json from "bootstrap": "^5.3.7" to "bootstrap": "^5.1.3",