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