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, adjusting colors in the Client Portal and adjusting colors in emails sent by your company.

Check out this video from our Onboarding Team on your company's Theme Settings!


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 included the example dimensions for your reference!

screenshot of the three different logo types with examples

Time To Pet supports three different logotypes. 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 mobile app. This logo is displayed on a white background with a maximum 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 allows 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.

screenshot of dashboard colors options

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 allows you to configure the view of your web-based Client Portal for your clients. 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.

screenshot of client portal colors options

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 client 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 grey 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 allows you to configure the emails sent via Time To Pet. Most companies will keep their email layout colors simple and easy to read.

screenshot of email layout colors options

Header Border

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.

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