Themes in the Demo Installation

This demo installation includes three themes, all designed for informational websites like documentation, knowledge bases, and similar purposes. Explore all available themes in the theme directory.

Switch and Configure Themes

You can manage and configure themes in the "Theme" section of the system settings. You can switch themes and customize all settings in the demo instance, but keep in mind that all changes will reset every 30 minutes.

Screenshot of the theme settings in Typemill

Readymades

The Cyanine and Guide themes offer "readymades" at the top of their settings, allowing you to quickly apply preconfigured setups. Simply select a readymade, save the settings, and preview the changes in the frontend. You can also create and save your own readymades for future use.

Screenshot of the readymades from the guide theme

Cyanine Theme

Cyanine is Typemill's default theme and the one used on the Typemill website itself. It offers extensive customization options, including:

  • Flexible layout sizes.
  • Detailed color configurations.
  • An optional landing page with various sections.

Cyanine is highly versatile and suitable for a wide range of websites.

Guide Theme

Guide is the theme used for this demo installation. It features a clean, modern design tailored for documentation sites. Key features include:

  • A dark mode switch.
  • Detailed color customization.
  • Optional features like breadcrumbs, edit buttons, and more.

Learn Theme

Learn is a port of a popular documentation theme from the Grav CMS. While suitable for documentation and information sites, it has fewer configuration options and is no longer actively supported.

Custom CSS

All themes provide a field for custom CSS. To customize a theme with custom css, you need at least some knowledge of HTML and CSS.

Develop Your Own Theme

Typemill’s adherence to best practices and technologies makes it straightforward to create custom themes or adapt existing ones from other CMS platforms.

  • Technologies: Themes are built using Twig for templating and YAML for configurations. Additional technologies are optional.
  • Getting Started: Use the dev theme as a starting point or modify an existing theme to suit your needs.