Skip to navigation

Customizing branding in Atomicwork

View as Markdown

You can tailor Atomicwork to reflect your company’s unique brand identity. Customize the name and logo of the platform to align with your corporate branding guidelines, and give Atom a name and avatar your employees will recognize.

  • Go to Settings > Organization > Branding in the Organization tab.

  • In the Accounts tab, enter the name of your organization.

  • Click Upload Logo.

  • Choose your logo file (recommended formats:.png,.jpeg).

  • Ensure the logo dimensions are 280x280 pixels or greater for optimal display.

  • Click Update.

Customize Atom’s name and avatar

How you change Atom’s name and avatar depends on where your employees talk to Atom.

If your tenant is connected to Microsoft Teams, you can do this from within Atomicwork:

If your tenant is connected to Slack, Atom’s name and icon come from your Slack app manifest instead. See Set up a custom-branded Slack app for Atom.

Troubleshooting app customization

Errors and issuesPossible fixes or understanding of the issue
I’m unable to customize the app.Your app must be at version 1.1.2 or higher on the Microsoft Teams store to access app customization.
Updates aren’t available to users.Wait for 24 hours after customization for changes to propagate. Verify if changes were saved.
Updates are available only to some users.A user may be unable to see customization changes if their app is not on the required version or if they’re accessing a locally cached version of the app.
- Update the app on the Microsoft Teams store to version 1.1.2 or higher
- Clear the Teams desktop client cache by following these steps
App doesn’t show the custom name on mobile devices.If the app doesn’t reflect the custom name on your mobile device (Android or iOS), this could be due to mobile cache.
To clear the MS Teams cache on Android devices:
- Go to Settings > Apps > Teams.
- Click Storage& cache and then Clear cache. To clear the MS Teams cache on iOS devices:
- Go to Settings > General.
- Click iPhone/iPad storage or go to Apps (in iOS 18+).
- Scroll to Teams in the app list and click Offload app or Clear app data.

Personalize your theme

Beyond organization-level branding, each user can personalize how Atomicwork looks to match their preferences or your corporate identity. The dynamic theming engine lets every user customize their own experience using accessibility-safe colors, light and dark modes, and curated presets.

Choose a curated preset

Atomicwork offers six curated theme presets to help you get started quickly. These presets automatically adjust accent colors, contrast, and tints to provide a cohesive look.

  • Luna (default)
  • Ember
  • Lagoon
  • Neptune
  • Cosmos
  • Neutron

Customize your theme

If you prefer a custom look, you can dial in specific settings to create a theme that matches your exact requirements. All changes apply live, allowing you to instantly preview your new theme without reloading the page.

You can adjust the following theme elements:

  • Accent color: Set the primary color used for buttons, links, and active states.

  • Contrast: Adjust the visual distinction between different interface elements.

  • Tint: Apply a subtle color wash to the overall interface.

  • Nav surface: Customize the appearance of the navigation bar.

Light and dark modes

Whether you prefer working in a bright environment or need reduced eye strain in low-light conditions, your theme adapts seamlessly. Every color token resolves automatically for both light and dark modes, ensuring a consistent experience regardless of your preference.

Accessibility and legibility

Under the hood, Atomicwork uses an OKLCH-based color pipeline. This ensures that contrast and legibility are guaranteed by color science. You can confidently customize your theme knowing that the interface will remain accessible and easy to read.