Templates for Joomla! 5.x • Cassiopeia CSS oddity, looking for suggestions

This CSS works just fine, producing the colours you would expect.
This is in user.css (to be clear)

/* The page header of Cassiopeia has the class "header" so you control it with .header */
.header {
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(119, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}

/* For the gradient in the breadcrumb, discovered on a phone screen the text was absorbed in the dark, so added a lighter area at 85% */
.breadcrumb {
background: linear-gradient(90deg, rgba(232, 69, 230, 1) 0%, rgba(59, 183, 223, 1) 5%, rgba(230, 247, 255, 1) 100%);
}
-------------------------------
However I would like to use the colours #933b48 burgundy or 93, 3B, 48 ; #3b9386 turquoise or 59, 147, 119 (complementary) and #fffdd0 cream or 255, 253, 208
so if you begin either class instance of linear-gradient(90deg, rgba() and the burgundy value it fails, the header does not have any gradient, and the breadcrumb is a solid bar of the final colour in the background list.

Does anyone have any suggestions?
BTW, it does not matter if the Colour Theme is set to Default or Alternate.

Statistics: Posted by johnwlund — Sun Aug 18, 2024 10:16 pm

---