Basic palette of black and white colors dark theme in Compass messenger 5. Prescribed two shades without transparent color When creating a dark theme, designers often experiment with the transparency of elements. Then the background is visible through them, and the element itself is highlighted in gray. In some cases, this works great. For example, the button becomes dark gray, and the dark background is visible behind it.
There is depth, and it looks beautiful
But sometimes during layout, For example, if text or another nepal phone number library interface element is visible under a transparent pop-up window. Here the window overlaps the interface elements. It looks better than if it were transparent. To make things easier for developers, designers added a palette of white shades without transparency to Figma.
So, during the layout process
You won’t need to find the right shade with an eyedropper every time. Everything is already at hand. For convenience, we placed shades with transparency and white ten of our most popular articles in the last twelve months colors for the dark theme next to each other. Developers can choose the desired option – this is convenient During the work process, we changed the color settings because sometimes they looked completely different on the layout than on the mockup. And yet, the basic palette makes it easier to work on the interface.
Roman Morozov, Head of Design Department
Compass After the team had a basic concept for the new theme, the ws data designers moved on to developing mockups. The dark theme for apps was time-consuming. In total, about 2,500 screen states needed to be changed. Corporate messenger on your server in 10 minutes Corporate messenger on your server in 10 minutes We will provide a free period. We will help to set up Compass on your servers or in the cloud. We will simplify the move and adaptation of the team. Order a consultation Stage 2: We thought out a dark theme for smartphones There are many screens in the corporate messenger: chats and threads; gallery and illustrations; settings; section with statistics of individual employees; calls; notes and more. So, to begin with, the team divided the application into sections.