Branding

Customize the look and feel of your DialStack admin portal with your own branding. Changes apply to all users who access your platform.

Platform Name

Set the display name that appears throughout the admin portal. This replaces the default "DialStack" branding with your organization's name.

Logo

Upload your organization's logo. Supported formats are PNG, JPEG, SVG, and WebP (max 2MB). The logo appears in the sidebar and login pages.

To upload a logo:

1. Click the upload area or drag and drop a file.
2. Wait for the upload to complete.
3. The new logo appears immediately.

Theme Colors

Customize the color scheme for both light and dark modes. Each theme supports the following colors:

Color	Purpose
Primary	Buttons, links, and interactive elements
Primary Foreground	Text on primary-colored buttons
Background	Page and sidebar backgrounds
Foreground	Main text and headings
Card	Card and panel backgrounds
Muted	Subtle backgrounds and disabled states
Muted Foreground	Secondary text, labels, and placeholders
Accent	Hover states and highlighted elements
Border	Borders, dividers, and input outlines

Adding a Custom Theme

1. Click Add Custom Light Theme to create a light mode theme.
2. Adjust the color values using hex codes (e.g., #6B2CFF).
3. Optionally click Add Custom Dark Theme for a dark mode variant.
4. Use the Preview section to see how your changes look. The preview renders the same components used across the portal — primary, secondary, outline and hovered ghost buttons, a card with description, an input at rest and with the focus ring, a muted block, and a popover/tooltip surface — so contrast issues (for example a help icon that disappears against the accent color) show up before you save.
5. Click Save to apply.

note

A light theme is required before you can add a dark theme.

Custom Fonts

Choose custom fonts from Google Fonts for headings and body text:

• Heading Font — Used for h1-h6 headings and titles
• Body Font — Used for paragraphs, labels, and general text

Select a font from the dropdown or search by name. Choose Use default to revert to the default Poppins font.

Reset to Defaults

Click Reset to Defaults to remove all custom branding and revert to the default DialStack appearance.