Theme Settings

Theme Settings allow you to customize the look and feel of your Time To Pet account. The goal is to help you match the branding of your company and website. You can customize this section by adding your logos, adjusting colors in your dashboard, adjust colors in the Client Portal and adjust colors in emails sent by your company.

In this article

Check out a short video from our Onboarding Team on the Theme Settings section:

Logos

Time To Pet allows you to upload several different versions of your logo that are shown in different areas of Time To Pet. You can upload the same logo in all three places if you’d like, but we have include the example dimensions for your reference!

Image of Company Logo, App Logo, and Email Logo examples with upload forms for each

Time To Pet supports three different logo types. These are:

Company Logo

The Company Logo is your primary logo in Time To Pet. This is oftentimes a rectangular-shaped logo and is shown in the top left of your Dashboard, in the top left of your Client Portal and on all invoices in Time To Pet.

Mobile App Logo

The Mobile App Logo is typically a square or circular-shaped logo that is shown to both clients and staff members in your Time To Pet app. This logo is displayed on a white background with a max size of 80px by 80px.

Email Company Logo

The Email Company Logo is shown at the top of all emails sent in Time To Pet. This is oftentimes a rectangular-shaped logo.


Dashboard Colors

Adjusting your Dashboard Colors allow you to configure the dashboard view when you and your staff members are logged into the web version of Time To Pet. Most companies will match their dashboard colors to their primary business colors.

Header

The Header is the very top section of Time To Pet. This is oftentimes set to a darker color.

Header Font

The Header Font controls the colors of the icons and text at the very top right of your Header.

Header Title

The Header Title is only shown if you have not added a Company Logo. This controls the text in the top left of your Header.

Header Separator

The Header Separator controls the color of the divider between the Header and the main body of your Time To Pet dashboard.

Search Style

Determines the coloring on the search bar in the Time To Pet dashboard.


Client Portal Colors

Adjusting your Client Portal Colors allow you to configure the view of your web-based Client Portal for your customers. Most companies will match the colors of their Client Portal to their website colors. You can use the Client Portal Preview to test different color options.

Client Portal Colors Theme Settings
Header Background

The Header is the very top section of the Client Portal. This is oftentimes set to a lighter color (or white).

Header Text

The Header Text controls what the colors of the text in your Header section are. This color should contrast from the Header color above so it is easy for clients to read. This is oftentimes a darker color(or black).

Header Secondary

The Header Secondary controls the secondary color in your Header. This color highlights the section of the Client Portal your customer is currently looking at.

Footer Background

The Footer is the very bottom section of the Client Portal. This is oftentimes set to a lighter color(like gray or white).

Footer Text

The Footer Text controls what the colors of the text in your Footer section are. This color should contrast with the Footer color above so it is easy for clients to read. This is oftentimes a darker color(or black).


Email Layout Colors

Adjusting your Email Layout Colors allow you to configure the emails sent via Time To Pet. Most companies will keep their email layout colors simple and easy to read.

email layout color options

Header

The Header Border is the very top border of your email's container. This is often times set to a darker color.

Email Background

The Email Background is the background color of your email. This is most often set to white.

Footer Text

The Footer Text controls the colors of the links and text in your Footer section. This color should contrast with the Email Background below so it is easy for clients to read. Links will be underlined.


Next Help Article: Invoice Settings

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us