Styling and Templating Quarto Documents

on YouTube ↗20m

" summary

Quarto styling uses HTML/CSS/SCSS: define a small color palette, set SCSS variables for body/background/fonts and compute headers by darken/lighten math, and tweak a root font size so all sizes scale. Creating a reusable template means renaming the base file to template.qmd and publishing a repo so users can run quarto use template to copy it. Claim: a polished theme takes an hour or less (often 10 minutes once practiced); accessibility checks and timeboxing are recommended.

AI-written summary · about

" chapters (12)

1. 0:00Styling Quarto documents
2. 1:10Why styling matters
3. 2:39Efficient theming
4. 4:03Theme with SCSS variables
5. 6:10Color palette setup
6. 8:39Advanced SCSS styling
7. 10:05Font sizes and scaling
8. 11:34Theme transformation
9. 12:17Reusable templates
10. 13:44Template project
11. 15:30Sharing templates
12. 16:13Q&A

" related talks

• 18mDesigning and Deploying Internal Quarto TemplatesMeghan Hall · posit::conf(2024)
• 01h 06mHello Quarto: Share, Collaborate, Teach, ReimagineMine Cetinkaya-Rundel, Julia Stewart Lowndes · rstudio::conf 2019
• 19mReproducible, dynamic, and elegant books with QuartoMine Cetinkaya-Rundel · posit::conf(2024)
• 04mBrand YML and Dark Mode in QuartoGordon Woodhull · posit::conf(2025)
• 20mUsing Quarto to Improve Formatting/Automate the Generation of Hundreds of ReportsKeaton Wilson · posit::conf(2025)
• 19mQuarto: A Multifaceted Publishing Powerhouse for Medical ResearchersJoshua Cook · posit::conf(2024)
• 21mQuarto for Knowledge ManagementCynthia Huang · posit::conf(2024)
• 20mQuarto for Business Collaboration & Technical Documentation in Word docx formatBill Pikounis · posit::conf(2025)