---
title: Environment Variables
draft: false
date: 2025-01-16
---

[Configuration](https://quartz.jzhao.xyz/configuration) options from the typescript file that are configurable via environment variable.

| **Variable**          | **Default**                | **Purpose**                                           |
| --------------------- | -------------------------- | ----------------------------------------------------- |
| `NGINX_PORT`          | `8080`                     | Port on which the NGINX server runs                   |
| `ENABLE_CRON`         | `false`                    | Enable or disable the cron job                        |
| `BUILD_SCHEDULE`      | `*/10 * * * *`             | Cron schedule for running `git pull` and Quartz build |
| `PAGE_TITLE`          | `"Quartz Docker"`          | Title of the Quartz-generated website                 |
| `ENABLE_SPA`          | `"true"`                   | Enable Single Page Application (SPA) mode             |
| `ENABLE_POPOVERS`     | `"true"`                   | Enable popovers for additional UI interactions        |
| `ANALYTICS_PROVIDER`  | `"plausible"`              | Analytics provider for tracking usage                 |
| `BASE_URL`            | `"localhost"`              | Base URL for the Quartz site                          |
| `IGNORE_PATTERNS`     | `"private,templates"`      | Files or directories to ignore in the Quartz build    |
| `TYPOGRAPHY_HEADER`   | `"Schibsted Grotesk"`      | Font for headers                                      |
| `TYPOGRAPHY_BODY`     | `"Source Sans Pro"`        | Font for body text                                    |
| `TYPOGRAPHY_CODE`     | `"IBM-Plex Mono"`          | Font for code blocks                                  |
| **Light Mode Colors** |                            |                                                       |
| `LIGHTMODE_LIGHT`     | `"#faf8f8"`                | Background color for light mode                       |
| `LIGHTMODE_LIGHTGRAY` | `"#e5e5e5"`                | Light gray color for light mode                       |
| `LIGHTMODE_GRAY`      | `"#bbbbbb"`                | Gray color for light mode                             |
| `LIGHTMODE_DARKGRAY`  | `"#4e4e4e"`                | Dark gray color for light mode                        |
| `LIGHTMODE_DARK`      | `"#2b2b2b"`                | Darkest color for light mode                          |
| `LIGHTMODE_SECONDARY` | `"#284b63"`                | Secondary accent color for light mode                 |
| `LIGHTMODE_TERTIARY`  | `"#84a59d"`                | Tertiary accent color for light mode                  |
| `LIGHTMODE_HIGHLIGHT` | `"rgba(143,159,169,0.15)"` | Highlight color for light mode                        |
| **Dark Mode Colors**  |                            |                                                       |
| `DARKMODE_LIGHT`      | `"#161618"`                | Background color for dark mode                        |
| `DARKMODE_LIGHTGRAY`  | `"#393639"`                | Light gray color for dark mode                        |
| `DARKMODE_GRAY`       | `"#646464"`                | Gray color for dark mode                              |
| `DARKMODE_DARKGRAY`   | `"#4d4d4d"`                | Dark gray color for dark mode                         |
| `DARKMODE_DARK`       | `"#ebebec"`                | Lightest color for dark mode                          |
| `DARKMODE_SECONDARY`  | `"#7b97aa"`                | Secondary accent color for dark mode                  |
| `DARKMODE_TERTIARY`   | `"#84a59d"`                | Tertiary accent color for dark mode                   |
| `DARKMODE_HIGHLIGHT`  | `"rgba(143,159,169,0.15)"` | Highlight color for dark mode                         |