Skip to main content
Custom Theme

Find out how to use theming to customize TutorCruncher.

Maahi Islam avatar
Written by Maahi Islam
Updated over 7 months ago

You can use our new Custom Theme feature to personalise your TutorCruncher dashboard to better suit your preferences and branding. Here's a detailed guide to help you get started.

How can I change the Custom Theme on TutorCruncher?

To change your theme, simply navigate to System > Settings > System Customization > Custom Theme. Once there, you'll see the customization options available.

Custom Theme editor.

Main color: The main color is the primary color applied throughout TutorCruncher, including the header, selected menu items, and certain buttons. You can choose your desired color by selecting from the color picker, or by entering a valid hex color code.

Before changing the Main color.

After changing the Main color.

Note: It's important to select a darker Main Color since the text in these areas is typically light (white or grey).

Secondary color: The secondary color is used for links, icons, and to highlight important text within TutorCruncher. Given that the background is light (white or grey), it's recommended to opt for a darker Secondary color for better visibility. Similar to the Main color, you can select your preferred color by choosing from the color picker or by entering a valid hex color code.

Before changing the Secondary color.

After changing the Secondary color.

Font selection: Customize the font used throughout the system to align with your branding or preference. You can select your desired font from the options available within the dropdown menu on the "Edit Theme" page.

Before changing the Font.

After changing the Font.

Note: Font customization will not affect the font used in PDFs or emails generated within TutorCruncher. Only the fonts listed in the selection menu are supported.

Did this answer your question?