Introduction

In this topic I outline my ways and means of changing the look and feel, something I struggled with but that was important to me…

Focus: Moving past “one-click templates” to customize layouts using configuration files and style sheets.

• The Config vs. CSS Split: Realizing that layout structure changes happen in quartz.layout.ts, while color changes happen in custom.scss.
• Decoding Theme Colors: Overcoming the confusion of Quartz 4’s semantic CSS variables (e.g., what exactly do light, lightgray, and darkgray control?).
• Component Tetris: How to safely rearrange, remove, or add sidebar elements (like the search bar or table of contents) without crashing the build.

To contact me with any corrections or suggestions for other items I could cover plese write me using my Contact form. Thank you!