Appearance settings

Appearance settings control how Edmissa looks for users in your workspace. Use this page to add agency branding, adjust light and dark theme colors, choose fonts, tune layout styles, and manage advanced appearance configuration.

The page is labeled Appearance Settings. The visible tabs are Branding, Colors, Typography & Layout, and Advanced.

When to Use Appearance Settings

Use Appearance settings when your agency needs to:

• Upload or replace the workspace logo.
• Add a separate logo for dark theme.
• Add a favicon for browser tabs.
• Add an email logo for Edmissa email templates.
• Add a login page background image.
• Set light and dark theme colors.
• Choose fonts, base font size, spacing, button style, and input style.
• Choose whether users see light theme, dark theme, or both.
• Export, import, or reset appearance settings.

Appearance settings are for the visual identity of the workspace. They do not control users, roles, locations, student fields, application workflows, notifications, or document collection rules.

Before You Start

Prepare the branding details before editing Appearance settings.

You also need permission to manage workspace settings. If the page is locked or you cannot save changes, ask an admin to review your access. Appearance may also depend on branding access for your workspace.

Open Appearance Settings

1. Open Settings.
2. Select Appearance.
3. Review the Appearance Settings page.

The direct route is /t/settings/appearance.

The page header includes:

Use Save Changes after changing colors, typography, layout, theme mode, background display style, or custom CSS.

Branding asset uploads and removals save through their own upload and remove actions. You do not need to select Save Changes after a logo, favicon, email logo, or background image upload completes.

Use the Preview Panel

The right side of the page shows Preview with the description See how your changes will look.

Use the preview before saving:

The preview helps you catch color contrast, logo readability, font size, input style, and button style issues before users see the changes.

Branding Tab

Use Branding to upload the visual assets for the workspace.

To upload an asset:

1. Open Branding.
2. Find the asset you want to update.
3. Drop the file into the upload area or click to browse.
4. Wait for the upload to finish.
5. Review the preview shown in the asset card.

When an upload succeeds, Edmissa shows an uploaded state and saves the asset. If the file is too large or has the wrong format, Edmissa shows an upload error. Choose a supported file and try again.

To remove an uploaded asset, select the remove icon on the asset card, then confirm Remove.

Logo Preview

When a light or dark logo exists, the page shows Logo Preview with separate light theme and dark theme previews.

The dark theme logo is optional. If you do not upload one, Edmissa uses the light theme logo in dark theme.

Background Display Style

After you upload a background image, Edmissa shows Background Display Style. Choose how the image appears on the login page.

Changing Background Display Style requires Save Changes.

Colors Tab

Use Colors to control the light and dark theme palettes.

The tab has two sections:

Each section provides preset palettes. Select a preset to start with a complete set of colors.

To edit individual colors, open Fine-tune individual colors.

Light theme color fields include:

• Primary Color
• Secondary Color
• Accent Color
• Text Primary Color
• Text Secondary Color
• Background Color
• Surface Color
• Border Color

Dark theme color fields include:

• Dark Primary Color
• Dark Secondary Color
• Dark Accent Color
• Dark Text Primary Color
• Dark Text Secondary Color
• Dark Background Color
• Dark Surface Color
• Dark Border Color

Use the preview panel to check both themes before saving. Colors are applied to Edmissa interface elements across the workspace after you select Save Changes.

Typography & Layout Tab

Use Typography & Layout to adjust reading comfort and component style.

Typography

The primary font is the main font users see in Edmissa. The secondary font is available for supported secondary text areas.

Layout & Components

Use these settings carefully. Very small spacing, very large text, or unusual component styles can make daily work harder to scan.

Theme Mode

Under Theme Mode, set Available Themes.

Select Save Changes after updating typography, layout, or theme mode.

Advanced Tab

Use Advanced only when you need to manage CSS or move appearance settings between workspaces.

Custom CSS

The Custom CSS section includes Custom Styles.

Custom CSS can break Edmissa page layouts and behavior if it is not tested carefully. Only add CSS when your team knows how to test and support it. Edmissa sanitizes or rejects unsafe CSS.

After editing Custom Styles, select Save Changes.

Configuration Management

The Configuration Management section includes:

Exports include appearance configuration such as colors, typography, layout, theme mode, background display style, and custom CSS. Asset files such as logos, favicon, email logo, and background image are not included in the exported JSON.

When you reset to defaults, Edmissa preserves branding assets by default. Select Also reset branding assets (logos, favicon, background image) if you want the reset to remove those assets too.

Recommended First Pass

For a new Edmissa workspace, set Appearance after General Settings and before inviting the full team.

1. Upload Logo (Light Theme).
2. Upload Logo (Dark Theme) if the light logo is hard to read on dark backgrounds.
3. Upload Favicon and Email Logo if your agency has approved assets.
4. Choose a light theme palette and fine-tune brand colors.
5. Choose a dark theme palette if your workspace uses dark theme.
6. Review Typography & Layout and keep the defaults unless the agency has a clear brand requirement.
7. Use the preview panel in desktop, mobile, light, and dark modes.
8. Select Save Changes for non-branding changes.
9. Ask a second admin to review the workspace after saving.

Troubleshooting

Related Guides

• Setup overview
• General settings
• Users, roles, and permissions
• Notifications