That’s why the designers increased the dimming to 80%. 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 oman phone number library messenger’s dark theme on Android and iOS devices. Stage 3: 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 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 i understand it, there are always matter of taste. But it’s good when there are both options and users can choose the mode that suits them. The mobile app and the desktop version 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 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 started working on the text design
Reduced the text intensity in the chat. For iOS and Android, we buy lead 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. The opacity of the white color was set to 80% – the user names became easier to read.