Skip to content

Site settings

Some themes, such as Astro Modular and Axis, mark each setting in their src/config.ts with a comment:

export const siteConfig = {
// [CONFIG:SITE_TITLE]
title: 'My site',
// [CONFIG:HIDE_SCROLL_BAR]
hideScrollBar: false,
};

When your project has these markers, Settings > Site shows each marked setting as a field: a switch for true or false, a number field, a text field, or a menu of choices. Zeku writes each change straight back to src/config.ts, keeping your formatting and quote style, and changes nothing else in the file.

A theme can describe its settings further in a config.settings.yaml next to the config, with a title, description, control type, and choices for each key. Edit as source at the bottom of the form opens the config file itself.

These commands open a config file in the editor, from the command palette:

Command Opens
Open site config Your theme’s config, such as src/config.ts
Open Astro config astro.config.mjs (Ctrl+Shift+,)
Open content collections config src/content.config.ts