This allowed them to correctly place accents so that users could concentrate on the pop-up windows. For the dark theme, we decided to include an increased percentage of dimming, rather than just using black In this way, the team gradually changed the parameters of all interface elements. In the end, I managed to create a palette for the dark theme and include the necessary colors in it. It took a month to develop and test 1,200 dark theme screens for mobile apps. But now users can enable the messenger’s dark theme on Android and iOS devices.
Thought out a dark theme for the desktop
For the desktop, the team even developed 2 versions of the dark theme: in cold and warm shades. At first, we worked according to the same scheme as when nepal phone number library creating a dark theme for mobile: Developed chat and side menu screens. We tested the dark theme across various devices, in various rooms and with different lighting. During the experiments, we tested various monitors. Initially, the design was done in warm tones.
Then the designers decided to see
What would happen if they made a dark theme in cold shades. We won’t say that the dark theme is better than the light one. It’s a matter of taste. But it’s good when there are both options and users can choose the mode that suits them. are, of course, very different. We knew that we couldn’t just repeat the same ideas that we used for iOS or Android. So we tested different design options.
Alexey, interface designer at Compass
For the dark version of the desktop application, many which domain extensions can you use? parameters have been changed: background, colors of elements and text. Select text and shades Of the two options, we chose a dark theme in cold tones. Then we buy lead started working on the text design: 1. Reduced the text intensity in the chat. For iOS and Android, we previously chose 85% opacity, but this option is not suitable for the desktop. Since the screen area is much larger, such a bright white color turned out to be too contrasting. Therefore, we set the opacity value slightly lower – 70%. 2. The brightness of the names was changed according to the same principle.