Boa tarde. Não sei o motivo de não mudar a cor do conteúdo e do rodapé, funcionou apenas para o cabeçalho.
.app {
background: #f1f1f1;
display: grid;
display: grid;
font-family: Arial, Helvetica, sans-serif;
grid-template-areas:
"cabecalho"
"conteudo"
"rodape";
grid-template-columns: auto;
grid-template-rows: 50px auto auto;
}
.cabecalho {
background: #00cc99;
grid-area: cabecalho;
}
.conteudo {
background: #ff8080;
grid-area: conteudo;
}
.rodape {
background: #0099ff;
grid-area: rodape;
}