Xaringan: Como trocar a cor de fundo dos slides?

Prezadxs, boa noite!

Como faço pra trocar o fundo dos slides do Xaringan?

Dei uma olhada na aula 3 do curso de Visualização e Relatórios porém não houve um exemplo prático de edição do .css. Tentei seguir o exemplo de editar o arquivo custom.css, porém não consigo identificar exatamente o que adicionar no .css.

Contudo, se abro a apresentação .html e inspeciono os elementos do css, consigo alterar a cor do background no seguinte item destacado:

–header-color: #615006;
–background-color: #fff5dc;
–link-color: #615006;

No exemplo de edição do custom.css, tem apenas a edição da cor do título 1:

.title-slide h1{
color: #CCCCCC;
}

Tentei colocar:

.bg-base {
background-color: #FFF5DC;
}

Porém não resultou em nada.

Não sei ao certo como colocar um exemplo reprodutível, por ser uma dúvida mais conceitual.

Obrigado antecipado pela ajuda!

Abraços.

Consegui resolver!
Infelizmente não pela edição do custom.css. Consegui pelo próprio XaringanThemer, usando:

library(xaringanthemer)

style_xaringan(

  background_color = "#F5F5F2"

)

A função style_xaringan permite editar vários itens do css com um pouco mais de facilidade. Só é importante lembrar de trocar no YAML o arquivo referente ao tema:

output:
  xaringan::moon_reader:
    chakra: libs/remark-latest.min.js   # parâmetro para usar a biblioteca libs localmente
    lib_dir: libs
    css: [xaringan-themer.css] # editar aqui, precisa puxar o xaringan.themer.css
    nature:
      ratio: "16:9"
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false

Segue documentação do Xaringan Themer:

Quais itens é possível alterar pela função:
https://rdrr.io/github/gadenbuie/xaringanthemer/man/style_xaringan.html

2 curtidas

Maykon, vi que você já resolveu com o themer.
Editando diretamente no css, sugiro modificar a classe remark-slide-content:

.remark-slide-content {
    background-color: #FFF5DC;
}
1 curtida

Obrigado pela dica, Bea!