Customizing

Title

This is the title of your site, displayed in the browser tab and navbar. You can set it from the /edit page.

Icon

Site Icon (Favicon)

Displayed in the browser tab. To update it:

Place your icon in the ./assets directory.
Name it icon.<ext>, where <ext> is one of: ico, svg, png, jpg, jpeg, or avif.

To support theme reactive SVGs, the navbar icon is just raw HTML you set manually from the /edit page.

This gives you full control — for example, you can inline an SVG that reacts to the current theme using currentColor or DaisyUI’s semantic colors classes.

The sidebar is customizable through the /edit page. You can drag and drop items to reorder them. It auto saves on changes. Each item also has a little edit button for more options.

You can add non-filesystem items to the sidebar using a + button in each folder. Right now there are three of these types:

Label: A simple text label.
Link: A link to a URL.
Divider: A horizontal line to separate items.

These can be dragged and dropped like regular items. They auto save on changes and have a little edit button for more options.

Themes

Intermark comes with all the built-in themes from DaisyUI. You can select a theme from the dropdown on the right of the navbar.

Default Themes

To set the default light and dark themes, edit the vars at the top of .assets/js/utils.js:

Customizing Themes

You can customize the themes by editing ./public/.meta/app.css. This file allows you to modify existing themes or create new ones. See the DaisyUI theming docs for details on how to customize themes. Also check out their theme generator.

IMPORTANT - When adding new themes, in order for them to show up in the theme selector, you need to add them to the All slice in ./go/themes/themes.go. You can also hide themes by removing them from the slice:

Fonts

Adding Custom Fonts

To add custom fonts, download them, add them to the ./assets directory, and then add them to ./public/.meta/app.css. Here is an example of how to add a custom font so it fully works with tailwind as expected:

Now you can use the font-inter class in your HTML to apply the Inter font:

Previous: Writing Content Next: Deployment