Cassiopeia Colours

The cassiopeia template ships with two colour themes

• build\media_source\templates\site\cassiopeia\scss\global\colors_alternative.scss
• build\media_source\templates\site\cassiopeia\scss\global\colors_standard.scss

I can't determine exactly why they were created in this way but I would assume that the variables in these schemes would be sufficient to completely override the bootstrap colours.

However that this not the case as they only change some parts but not all.

An easy example is to look at a primary button when using the alternative colour theme where it is clear that the active state is not correct.

Normal

Hover

Active

Moving Forward

My non-css expert eye says that we are setting the variables wrong and instead of creating --cassiopeia-* variables we should be using the Bootstrap color system (https://getbootstrap.com/docs/5.3/customize/color/) - maybe we are not using that as that is newer to bootstrap than when cassiopeia was created.

Is this something we should address now - or would it be considered to be a b/c break that would have to wait for Joomla 6 where we can completely re-assess the way that we are customising bootstrap?