Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
rcastelo opened this issue Oct 2, 2024 · 0 comments
Open

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

rcastelo opened this issue Oct 2, 2024 · 0 comments

Comments

@rcastelo
Copy link

rcastelo commented Oct 2, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant