# Customizing Organization Theme

> Source: https://parallelworks.com/docs/organization-admin/customize/theme

# Customizing Organization Theme

Here you can change how the page looks for users in the organization. All users in the organization will see these changes. Users can opt-out of organization-specific themes in their account settings.

## Navigation

From the **Organizations** list, select your organization. In the sidebar, under **Customize**, click **Theme**.

## Options

At the top of the Theme page, you will find two options that control how you interact with the theme editor:

- **Preview Settings** — When checked, changes are previewed live on the page as you edit. This allows you to see how your theme will look before saving.
- **Calculate Complementary Colors** — When enabled, selecting a color for certain settings will automatically calculate and set complementary colors for related settings. For example, setting a sidebar hover background color will auto-suggest a matching sidebar hover text color.

## Color Presets

A row of predefined color presets is displayed near the top of the page. Selecting a preset populates all color fields at once, giving you a quick starting point for your theme.

Select **default** to reset to the platform default theme.

## Top Banner Settings

Configure a banner that appears at the top of every page for users in your organization.

- **Top Banner Message** — Text displayed in the banner at the top of every page.
- **Top Banner Text Color** — Color of the banner text.
- **Top Banner Background Color** — Background color of the banner.

## Logo Settings

Upload and configure organization logos.

- **Show Powered By** — Checkbox to display "Powered by Parallel Works" next to the logo. This option is only available to platform administrators.
- **Standard Logo** — Upload or remove the organization logo displayed on light backgrounds.
- **Dark Mode Logo** — Upload or remove the logo variant displayed on dark backgrounds.
- **Invert Logo on Dark Backgrounds** — Toggle to invert logo colors on dark backgrounds.

## Sidebar Settings

Customize the colors of the sidebar navigation.

- **Banner Color** — The primary color for the sidebar header/banner area.
- **Sidebar Text Color** — Text color in the sidebar.
- **Sidebar Hover Background** — Background color when hovering over sidebar items.
- **Sidebar Hover Text** — Text color when hovering over sidebar items.
- **Sidebar Active Background** — Background color of the currently active sidebar item.
- **Sidebar Active Text** — Text color of the currently active sidebar item.

## Element Settings

Configure the appearance of primary interactive elements such as buttons.

- **Element Color** — Primary button/element background color.
- **Element Text Color** — Text color on primary buttons/elements.

## App & Panel Settings

Control the colors of the main application layout and content panels.

- **App Background** — Main application background color.
- **App Text Color** — Main application text color.
- **Panel Background** — Panel/card background color.
- **Panel Text Color** — Panel/card text color.
- **Muted Panel Background** — Background for muted/secondary panels.
- **Muted Panel Text Color** — Text color in muted panels.
- **Muted Text Color** — Color for secondary/helper text.
- **Link Color** — Color for hyperlinks.

## Border & Input Settings

Customize borders, dividers, and form input appearances.

- **Border Color** — Color for borders and dividers.
- **Input Background** — Background color for form inputs.
- **Disabled Input Background** — Background for disabled inputs.
- **Disabled Input Text** — Text color for disabled inputs.

## Interactive Elements

Configure hover state colors for interactive elements throughout the interface.

- **Hover Color** — Background color for hover states on interactive elements.
- **Hover Text Color** — Text color for hover states.

## Saving

Each color field has a reset button (refresh icon) that reverts that individual color to its last saved value.

- **Reset** — Reverts all changes to the last saved state.
- **Save Theme** — Saves all changes permanently. All users in the organization will see the updated theme.