How to use _brand.yml for a website project with several pages?

[durraniu]

Description

I created a new quarto website with RStudio and added a _brand.yml file in the same directory. The theming in the brand file applies only to the index.qmd page, not to the About page. Here are my yml files:

_quarto.yml

project:
  type: website
  
brand: _brand.yml

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

_brand.yml

color:
  palette:
    dark-grey: "#222222"
    blue: "#ddeaf1"
  background: blue
  foreground: dark-grey
  primary: black

logo: 
  medium: logo.png

typography:
  fonts:
    - family: Aclonica
      source: google
  headings: Aclonica

How do I apply the theming to all the files? The _brand.yml and both the index.qmd and about.qmd are in the same directory.

$ quarto --version
1.7.33

[mcanouil]

It should work properly, it it does not then something is wrong in your setup.

Be sure to follow completely the documentation:

• https://quarto.org/docs/authoring/brand.html

Could you share a small self-contained "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? The goal is to make it as easy as possible for us to recreate your problem so that we can fix it: please help us help you! Thanks.

---

You can share a self-contained "working" (reproducible) Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).
See https://quarto.org/bug-reports.html#small-is-beautiful-aim-for-a-single-document-with-10-lines.

If you have multiple files (and if it is absolutely required to have multiple files), please share as a Git repository.

R	Python
````qmd --- title: "Reproducible Quarto Document" format: html engine: knitr --- This is a reproducible Quarto document. {{< lipsum 1 >}} ```{r} x <- c(1, 2, 3, 4, 5) y <- c(1, 4, 9, 16, 25) plot(x, y) ``` {#fig-placeholder} {{< lipsum 1 >}} The end after @fig-placeholder. ````	````qmd --- title: "Reproducible Quarto Document" format: html engine: jupyter --- This is a reproducible Quarto document. {{< lipsum 1 >}} ```{python} import matplotlib.pyplot as plt x = [1, 2, 3, 4, 5] y = [1, 4, 9, 16, 25] plt.plot(x, y) plt.show() ``` {#fig-placeholder} {{< lipsum 1 >}} The end after @fig-placeholder. ````

Additionally and if not already given, please share the output of quarto check within a code block (i.e., using three backticks ```txt), see https://quarto.org/bug-reports.html#check.

[durraniu]

Thanks for your response. The relevant GitHub repo is here: https://github.com/durraniu/sample_quarto_portfolio

And here is the result of quarto check:

$ quarto check
Quarto 1.7.33
[>] Checking environment information...
      Quarto cache location: C:\Users\umair\AppData\Local\quarto
[>] Checking versions of quarto binary dependencies...
      Pandoc version 3.6.3: OK
      Dart Sass version 1.85.1: OK
      Deno version 1.46.3: OK
      Typst version 0.13.0: OK
[>] Checking versions of quarto dependencies......OK
[>] Checking Quarto installation......OK
      Version: 1.7.33
      Path: C:\Users\umair\AppData\Local\Programs\Quarto\bin
      CodePage: 1252

[>] Checking tools....................OK
      Chromium: 869685
      TinyTeX: (not installed)

[>] Checking LaTeX....................OK
      Tex:  (not detected)

[>] Checking Chrome Headless....................OK
      Chrome:  (not detected)

[>] Checking basic markdown render....OK

[>] Checking Python 3 installation....OK
      Version: 3.10.10 (Conda)
      Path: C:/Users/umair/anaconda3/envs/homl3/python.exe
      Jupyter: 5.3.0
      Kernels: julia-1.10, julia-1.5, julia-1.7, julia-1.9, python3

[>] Checking Jupyter engine render....OK

[>] Checking R installation...........OK
      Version: 4.5.1
      Path: C:/PROGRA~1/R/R-45~1.1
      LibPaths:
        - C:/Users/umair/AppData/Local/R/win-library/4.5
        - C:/Program Files/R/R-4.5.1/library
      knitr: 1.50
      rmarkdown: 2.29

[>] Checking Knitr engine render......OK

[mcanouil]

I don't how how you've rendered your website, but using 1.7 and doing quarto render does the right thing, i.e., the brand is applied everywhere.

I guess you did not do a full render and only a partial rendering of the main page.
Clearly the rendered website does not match your project:

• https://github.com/durraniu/sample_quarto_portfolio/blob/c30fe6b0dd46eba433386a1cf0676646040c872f/_site/about.html#L107

The file is not used anywhere so it should not have been copied by Quarto meaning, your rendering is faulty.

[durraniu]

Thanks. It is working after running quarto render in terminal instead of just rendering index.qmd