You can now personalize how Atomicwork looks to match your preferences or corporate identity. With the new dynamic theming engine, every user can customize their 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.
Next steps
Now that you have personalized your individual theme, you might want to explore how to customize the overall platform branding for your organization. For more information, see our guide on customizing branding in Atomicwork.