This article explains how to use our customisation designer to create a custom theme for your invoices and estimates in FreeAgent.
Please note that our customisation designer is currently only available if you started using FreeAgent on or after 10th January 2023 and don't work with an accountant who is a FreeAgent partner. If you started using FreeAgent before 10th January 2023 or work with an accountant who is a FreeAgent partner, you’ll need to use CSS to customise an invoice theme. The customisation designer will be available to more users in the future.
When creating a custom theme, you can use the customisation designer to customise the following:
Creating a custom theme
To create a custom theme in FreeAgent, select 'Settings' from the drop-down menu in the top-right corner, then select 'Theme Gallery' from the ‘Emails, Invoices & Estimates’ section.
Select ‘Create custom theme’.
You can customise the table content, size of your logo, accent colour and font.
You can adjust the table style and density for the invoice and estimate line items.
Customising the table style
Adjusting the ‘Table style’ allows you to choose whether you would like the table rows differentiated using dividers or coloured accents on alternating rows.
Customising the table density
Adjusting the ‘Table density’ allows you to choose how spacious or compact you would like the table content to be.
Once you’ve added your business's logo, you can adjust the size by choosing from the different size options.
To add or replace your logo, select the ‘Change logo’ or ‘Add logo’ link.
Select ‘Select a file’ and choose a file in either PNG, GIF or JPG format to upload from your computer. Then, select ‘Upload’ to add it to the custom theme.
You can adjust the accent colour of your invoice by selecting the circle below ‘Accent colour’.
You can either select a colour using the colour picker or by entering the RGB, HSL or Hex code. Find out more about the difference between RGB, HSL and Hex codes.
RGB will be displayed by default but you can navigate to HSL or hex using the arrows to the right of RGB.
You can select a different font for your heading and body content using the drop-down menus. You can choose from a library of 38 fonts.
Saving and applying the theme
Once you’re happy with how your theme looks, select ‘Save and finish’ to complete the process. To undo the changes and return to the default theme or your previously saved version, select ‘Revert’.
Using a custom theme
You can apply a custom theme to all your current draft invoices and any future invoices and estimates that you create by navigating back to the ‘Theme Gallery’ and selecting ‘Make Default’ below the ‘Custom’ thumbnail. Alternatively, you can apply the theme to an individual invoice or estimate.