Theming

Orbit gives you extensive control over the look and feel of your portal. With a powerful theme editor, AI-assisted theme generation, and real-time preview, you can create a portal that matches your organization's brand identity.

Theme Editor

The theme editor is available from the admin portal under Settings > Themes. It provides a real-time preview of your portal as you adjust colors, so you can see exactly how the site will look before saving.

Colors

Each theme lets you customize five core colors:

All colors support transparency/opacity, giving you fine control over layering and visual effects.

Light and Dark Modes

You can configure separate themes for light and dark modes, each with its own set of colors. Dark mode is automatically activated based on the user's system preferences, or detected from the background luminance of your chosen colors.

This means you can have a detailed, tailored appearance for both light and dark contexts — not just a simple inversion.

AI Theme Generation

In addition to creating themes manually, you can generate themes using AI. The theme generator offers several ways to create a theme that matches your existing brand:

From a Text Prompt

Describe the look and feel you want in plain text — for example, "professional and modern with a navy blue and gold color scheme" — and AI will generate a theme that matches your description.

From a Reference Website

Provide the URL of your existing website and Orbit will extract the color palette from it, then generate a theme that matches the look and feel of your site. This is the fastest way to make your portal feel like a natural extension of your existing web presence.

From a Reference Image

Upload a reference image — such as a screenshot of your design system, brand guidelines, or an existing page — and AI will analyze it to generate a matching color theme.

With Site Context

The generator can use your organization's name and description to tailor the theme to your industry and brand personality.

You can combine these approaches — for example, provide a reference website URL along with a text prompt to refine the direction further. Multiple theme variants can be generated at once so you can compare options.

Real-Time Preview

As you edit colors in the theme editor, the portal updates in real time. You see exactly how navigation, buttons, text, backgrounds, and other elements will look with your chosen colors — no need to save and reload.

Logo and Branding

Beyond colors, you can customize:

• Logo — upload your organization's logo, displayed in the portal navigation
• Site title — shown alongside or in place of the logo. If no logo is uploaded, the title initials are shown as a placeholder.

Navigation Style

Choose between two navigation layouts:

• Vertical sidebar — a sidebar navigation on the left side of the page
• Horizontal top bar — a top navigation bar across the top of the page

Custom CSS

For advanced customization beyond what the theme editor provides, you can add custom CSS. This is applied after all other styles, giving you the ability to override any aspect of the portal's appearance. This is useful for fine-tuning specific elements or implementing design details that go beyond the standard color options.

Accessibility

Orbit is committed to ensuring your portal is accessible to all users.

For organizations on higher tier plans, you can request a human review of your theme to verify that it meets accessibility guidelines (such as WCAG color contrast requirements). The review includes specific recommendations if any accessibility issues are identified.

Coming Soon

The following theming features are planned:

• Automated accessibility analysis — built-in analysis of your theme's color contrast ratios and other accessibility metrics, with suggestions for improvement