Themes
The Themes tab controls how the Drop-Off Wizard looks to customers — your logo, colors, fonts, the overall layout style, and the words on the wizard landing page.
Open the Themes tab
Section titled “Open the Themes tab”In the dashboard, open Setup → TracsConnect Drop-off, then click the Themes tab.
Brand identity
Section titled “Brand identity”Upload a logo for the wizard landing page. PNG or SVG work best. Aim for a transparent background so the logo sits cleanly over your chosen colors. The logo also shows in the header on every wizard step.
Company name
Section titled “Company name”Set the shop name customers see across the wizard. This appears in the header, the page title in the browser tab, and the default welcome message.
Colors
Section titled “Colors”You can set six colors directly. The rest of the palette (card backgrounds, focus outlines, error states) is automatically derived from your six choices.
| Color | What it controls | |---|---| | Primary | The main “Next” and “Submit Drop-Off” buttons, progress bar, and link color | | Secondary | Supporting buttons and quieter accents | | Accent | Highlights — notification badges, “Recommended” pills, hover states | | Background | The page background behind every step | | Text | The main body text color | | Border | Lines around cards, inputs, and dividers |
Background wallpaper
Section titled “Background wallpaper”Below the color pickers there’s a Background Wallpaper option. You can leave it as None for a flat background, or pick the light or dark icon pattern. The wallpaper tiles behind the wizard landing page and gives it a bit of texture without overriding your background color.
Typography
Section titled “Typography”Heading font
Section titled “Heading font”Choose the font for the wizard step titles (“Vehicle Information”, “Authorization & Signature”) and the welcome message on the landing page.
Body font
Section titled “Body font”Choose the font for form labels, helper text, and the review screen. Pair a clean body font with a stronger heading font for a professional look.
Layout
Section titled “Layout”Pick the overall feel for the wizard landing page and step screens. Each layout is the same set of components arranged differently:
| Layout | Best for | |---|---| | Modern | Bright, generous whitespace, default for most shops | | Classic | Traditional automotive shop feel | | Minimal | Stripped back, lets the brand colors do the work | | Bold | Heavy headings and high contrast | | Editorial | Magazine-style typography | | Glass | Frosted-card effect over a brand-colored background | | Industrial | Strong lines and utility feel | | Friendly | Rounded shapes and warm spacing | | Retro | Vintage-inspired styling |
App-specific content
Section titled “App-specific content”Welcome message
Section titled “Welcome message”The first line customers read when they open the wizard. Keep it short — something like “Welcome! Tap below to check in for your drop-off” is plenty. Leave blank to use the theme default.
The Drop-Off Wizard’s landing page doesn’t use a separate headline and subtitle the way the Customer Portal does. The welcome message is the only piece of landing-page copy you customize here.
Save and preview
Section titled “Save and preview”Theme edits auto-save about a second after you stop changing them, so most edits are saved before you click anywhere else. The Themes tab also gives you a manual Save Changes button alongside Reset to Saved and Delete Theme if you want to force a save or revert. The wizard picks up the new look the next time a customer opens or refreshes the page. To preview, open your drop-off address on a phone or in a private browser window so you see what a customer would see.