Include custom css for reveal slides via link

[jvcasillas]

I'm looking for a way to streamline my workflow and be able to easily switch between themes I have created and hosted on github. Ideally I would like to use the yaml front matter to link to the custom scss and title-slide.html files like this:

---
format: 
  revealjs:
    theme: [default, LINK_TO_SCSS_FILE]
    template-partials:
      - LINK_TO_CUSTOM_title-slide.html
engine: knitr

This does not work for me. Is there a way to do something similar to this without downloading a template?

[jvcasillas]

It looks like #3969 (comment) will work if I change to a css file rather than scss. This seems like a viable option, but I haven't found anything for title-slide.html.

[cscheid]

Do you mean this in the sense that LINK_TO_* are URLs?

In that case, unfortunately no, that's not supported right now. As a general principle, we don't want to encourage "automatically going to the web" because it goes against some of the principles we want quarto to abide by (specifically, in this case, we want quarto documents to be reproducible independent of the current state of the distributed filesystem that is the WWW)

[cderv]

between themes I have created and hosted on github. Ideally I would like to use the yaml front matter to link to the custom scss and title-slide.html files like this:

I believe that the Extension mechanism are made for this kind of purpose. You can create a custom format extension based on revealjs and with all your theme bundled. You could probably be able to switch the theme scss file to use based on a field meta under your custom format. You could also have one format per theme if you prefer.

This would be hosted on github, and can be distributed easily by calling quarto add ... to get your format extension, and then easily update using quarto update .... more on extension at https://quarto.org/docs/extensions/

Sharing in case you haven't thought of that, and this may be of interest.

[jvcasillas]

Thanks @cderv. This is the option I am going to look into.

Update: I went ahead and did this using the format extension and it was exactly what I wanted. 10/10. Great work and thanks for pointing me in the right direction.

[cderv]

Glad it works well for you !