Themes
The Themes tab controls the portal’s preset, colors, fonts, wallpaper, and landing-page copy.
Open the Themes tab
Section titled “Open the Themes tab”In the dashboard, open Setup → TracsConnect Portal, then click the Themes tab.
Choose a preset
Section titled “Choose a preset”If the shop does not have a theme yet, select one of the presets shown at the top of the page. Applying a preset creates the shop’s theme and determines its starting layout, colors, and fonts. You can then fine-tune it under Customize Theme.
The current Themes tab does not provide logo or company-name controls. The company name comes from the tenant account, and any existing logo value is only read from the saved theme configuration. Contact support if either needs to change.
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 | Buttons, links, and the main “approve” action |
| Secondary | Supporting buttons and quieter accents |
| Accent | Highlights — notification badges, hover states |
| Background | The page background behind every section |
| 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. Leave it as None for a flat background, or pick the light or dark icon pattern. When a wallpaper is selected, you can adjust background and card opacity, display style, position, and whether it appears on the sidebar/header or main content.
Typography
Section titled “Typography”Heading font
Section titled “Heading font”Choose the font for the welcome message, section titles, and the landing headline.
Body font
Section titled “Body font”Choose the font for paragraphs, estimate line items, and form fields. Pair a clean body font with a stronger heading font for a professional look.
Layout
Section titled “Layout”The preset determines the layout style. The current customization panel does not include a separate layout selector, so choose the preset whose structure is closest to the result you want before adjusting its colors and fonts.
App-specific content
Section titled “App-specific content”Welcome message
Section titled “Welcome message”The first line customers read when they open the portal. Keep it short — “Welcome to Smith’s Auto” is plenty. Leave blank to use the theme default.
Landing headline
Section titled “Landing headline”The big headline at the top of the landing page. Defaults to “Welcome to your shop name” if blank.
Landing subtitle
Section titled “Landing subtitle”A short tagline shown under the headline. Something like “Your service portal — view estimates and approve work” works.
Save and preview
Section titled “Save and preview”Theme edits auto-save about a second after you stop changing them. The page also provides Save Changes, Reset to Saved, and Delete Theme. Deleting removes the shop’s theme configuration and cannot be undone; select a preset again to create a replacement. Use the built-in live preview, then open the portal on a phone or in a private browser window for a customer-view check.