Skip to main content
Skip table of contents

Custom Branding Option

Overview

Thru supports the ability to Custom Brand your Automated File Transfer instance.

This feature allows you to personalize your instance by adding a custom logo to the front page and customizing the UI color palette to reflect your brand.

Features

  • Add a custom logo to the front page of your Automated File Transfer instance for enhanced branding.

2. Custom UI Colors

  • Configure the UI color palette to match your brand's aesthetic, including options for key UI elements such as backgrounds, text, and accent colors.

3. Base Configurable Items

You can define or set the following base items in your color palette:

Colors

  • Background: --background: 0 0% 100%;

  • Foreground: --foreground: 222.2 84% 4.9%;

  • Card: --card: 0 0% 100%;

  • Card Foreground: --card-foreground: 222.2 84% 4.9%;

  • Popover: --popover: 0 0% 100%;

  • Popover Foreground: --popover-foreground: 222.2 84% 4.9%;

  • Primary: --primary: 213 83% 18%;

  • Primary Foreground: --primary-foreground: 210 40% 98%;

  • Secondary: --secondary: 203 79% 94%;

  • Secondary Foreground: --secondary-foreground: 222.2 84% 4.9%;

  • Muted: --muted: 210 40% 96.1%;

  • Muted Foreground: --muted-foreground: 215.4 16.3% 46.9%;

  • Accent: --accent: 203 79% 94%;

  • Accent Foreground: --accent-foreground: 222.2 84% 4.9%;

  • Destructive: --destructive: 0 84.2% 60.2%;

  • Destructive Foreground: --destructive-foreground: 210 40% 98%;

  • Border: --border: 214.3 31.8% 91.4%;

  • Input: --input: 214.3 31.8% 91.4%;

  • Ring: --ring: 221.2 83.2% 53.3%;

Radius

  • Border Radius: --radius: 0.5rem;

Requirements

To enable the Custom Branding options, a Vanity URL must be used to access your instance.

  • A vanity URL is a custom URL associated with your specific Automated File Transfer instance.

  • Without a vanity URL, custom branding options cannot be applied.

How to Enable Custom Branding

To activate the Custom Branding feature, follow these steps:

  1. Contact Support

    • Reach out to our support team by opening a support ticket.

  2. Provide Details

    • Include the following in your ticket:

      • The logo file you wish to use.

      • A list of your preferred UI color palette variables and values.

  3. Implementation

    • The support team will configure your instance with the provided branding details.

    • You will be notified once the changes are complete.

Additional Notes

  • Ensure that the logo file is in a suitable format (e.g., PNG or SVG) and meets size and resolution recommendations.

  • If you don’t currently use a vanity URL, contact support for assistance in setting one up.

For further questions or assistance, please contact our support team at helpcenter@thruinc.com

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.