Ik vind de standaard blauwe kleuren van de header achtergrond aan de rechterkant niet mooi, zien er verbleekt uit (foto onder), ik heb ze aangepast via een extra custom.css, ook witte achtergrond aangepast door transparante motor foto, 10% doorlatend. Je kunt sinds december 2020 in de template nu ook een alternatieve kleur kiezen, bordeaux rood.
Verder heb ik het Menu en de kleuren aangepast.

Hierboven, foto 1 de alternatieve bordeaux rode joomla 4 kleur, foto 2 mijn kleuren en achtergrond met blauw menu, foto 3 standaard blauw joomla 4


De lelijke standaard kleuren.

Aanpassen via custom.CSS Op de een of andere manier hadden aanpassingen in de standaard .css files geen effect en ik las ergens dat je een eigen custom.css moet aanmaken met aanpassingen.
Naar deze custom.css moet ook verwezen worden dus ook verwijzing toegevoegd in index.php van de template.

De verwijzing in templates/cassiopeia/index.php
JHtml::_('stylesheet', 'custom.css', array('version' => 'auto', 'relative' => true));  /* extra regel in index.php op regel 45 */

custom.css in map: templates/cassiopeia/css/custom.css
inhoud, ik heb een eigen gemaakte witte achtergrond met motorafbeelding toegevoegd,
en heb de blauwe headerkleuren aangepast van lelijk paars naar blauw.

body {
    background: #fff  url(../images/bg2.jpg)  repeat top center ;      /*  motor afbeelding transparant wit foto 10% */
    background-attachment: fixed;                    /*   extra   */

Je kunt onder system, site template styles, cassiopeia defaults, bij advanced  de fonts aanpassen of
Je kunt het in je eigen custom.css doen;
 font-family: "Fira Sans", Arial, sans-serif;   /* Font veranderen, standaard: "Fira Sans", Arial, sans-serif  of   */
Het best leesbaar lijkt Arial, dat kies je zo:
 font-family: Arial, sans-serif;   /* Font veranderen, of kies deze: Arial, sans-serif, "Fira Sans"  */

OP dit moment gebruik ik de standaard font, bij System, site template styles, cassiopeia defaults, bij advanced, Fonts Sheme: None    gewoon goed leesbaar, niks aan doen.

De blauwe headerkleuren aanpassen
Deze info is niet beschikbaar door de vele wijzigingen die dagelijks plaats vinden....
Mogelijk later.....

Menu in kleur
Nog wat eigen aanpassingen, Menu in kleur of Transparant op joomla4.space is de standaard J4 versie te zien. 
De info over hoe menu aan te passen is nog niet beschikbaar, nog in bewerking.
Menu kleur achtergrond nu blauw, link wit
Top menu dropdown menu. Normaal witte achtergrond blauwe links, nu ook blauwe achtergrond witte links.

knop met rand aangemaakt, in de link id="boventitel"
Knop met rand

knop zonder rand, in de link id="boventitel100"
Knop zonder rand

#boventitel
{
background-color:#016799;       /* maakt knop met border met blauwe achtergrond    background-color:#1b578d;      */ 
color: #ffffff;                         /* link kleur wit #ffffff   */
text-decoration: none;          /* onderlijnen uit */
padding: 4px 5px 4px 5px;       /* bepaald ruimte om tekst  4px 5px 4px 5px     */
border: 2px solid #CCCCCC; /* border grote 2   */
line-height: 2.5em;             /* extra ruimte onder blauwe vak voor de tekst, hierdoor bij td boventitel een mindere ruimte opgeven  */
}

#boventitel100    /*  om link in table wit te maken    */
{
background-color:#016799;        /* blue #1a799e  fel  0a7ede  5488b4  0099cc 537FAE  1B94BB nu 016799  */ 
color: #ffffff;                           /* link kleur wit #ffffff   */
padding: 4px 5px 4px 5px;       /* bepaald ruimte om tekst  4px 5px 4px 5px     */
text-decoration: none;            /* onderlijnen aan of uit werkt */
border: 0px solid #CCCCCC; /* border grote uit 0   */

}