Quickly get your Quarto HTML theme in order
summary
Shows that a single reusable Quarto HTML theme file makes brand compliance fast: wire up theme.scss, include the required scss defaults comment, and set Sass variables for fonts/colors plus CSS rules for tweaks. Uses Bootstrap 5 as the base, layers a Cosmos Bootswatch and a custom dark.scss with comma-separated entries, and leverages 1,400+ Bootstrap variables. Works for websites, Reveal.js presentations and books; the approach produces a consistent Shiny site look without repeated edits.
AI-written summary · about
chapters (5)
- 0:00Introduction to Quarto
- 1:14Setting up the Theme
- 2:05Configuring Theme Layers
- 2:50Structuring SCSS Files
- 3:56Customizing Variables
related talks
23mStyling Shiny apps with Sass and Bootstrap 4
26mRapid Templating: "Designing in the Browser" with Sass, Compass, and Serve
21mWebsites & Books & Blogs, oh my! Creating Rich Content with Quarto
42mKeeping Your HTML Semantic with SASS
04mBrand YML and Dark Mode in Quarto
42mUnder the Hood of Modern CSS Frameworks
47mWeb Haute Couture: The Great CSS Catwalk
21mStyling your CSS with Reason