Skip to content

Is it possible to use this theme with quarto websites? #4

@rcastelo

Description

@rcastelo

Dear @xriley

Quarto websites are a way to build websites using quarto documents, which are a great way to produce content that combines text and executable code (R or Python). Quarto websites offer an easy way to integrate a number of bootstrap themes described https://bootswatch.com by simply editing a line in a configuration YAML file, but I'd like to try to use your DevConf theme in a quarto website. This is what I did, unfortunately without success:

$ quarto create project website test
? Title (test) › Test
Creating project at /data/genomics/rcastelo/doc/organization/EuroBioC2025/Website/test/test:
  - Created _quarto.yml
  - Created index.qmd
  - Created about.qmd
  - Created styles.css
? Open With › (don't open)
$ cd test
$ ls
about.qmd  index.qmd  _quarto.yml  styles.css
$ cp -r ../../DevConf-Theme/assets . ## assuming I clone the DevConf-Theme repo two levels above

Then I edited the YAML configuration file _quarto.yml as follows:

project:
  type: website

website:
  title: "Test"
  navbar:
    left:
      - href: index.qmd
        text: Home
      - about.qmd

format:
  html:
    theme: assets/scss/theme.scss

But when I try to render this default minimal website, I get an error:

$ quarto render
[1/2] index.qmd
ERROR: The file /Users/rcastelo/sandbox/test/assets/scss/theme.scss doesn't contain at least one layer boundary (/*-- scss:defaults --*/, /*-- scss:rules --*/, /*-- scss:mixins --*/, /*-- scss:functions --*/, or /*-- scss:uses --*/)

Stack trace:
    at sassLayerStr (file:///opt/quarto/bin/quarto.js:43552:15)
    at sassLayerFile (file:///opt/quarto/bin/quarto.js:43548:12)
    at sassLayer (file:///opt/quarto/bin/quarto.js:43535:16)
    at file:///opt/quarto/bin/quarto.js:111681:24
    at Array.flatMap (<anonymous>)
    at layerTheme (file:///opt/quarto/bin/quarto.js:111664:27)
    at resolveThemeLayer (file:///opt/quarto/bin/quarto.js:111806:31)
    at resolveBootstrapScss (file:///opt/quarto/bin/quarto.js:111656:55)
    at bootstrapExtras (file:///opt/quarto/bin/quarto.js:112887:25)
    at themeFormatExtras (file:///opt/quarto/bin/quarto.js:114773:16)

Do you think is it possible at all to use the DevConf theme in a quarto website?

Thanks!

robert.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions