This solution was not suitable: the hierarchy of elements was violated. Therefore, different shades of color were selected for each instrument: Comments were made the most striking. This is one of the main functions of the messenger, it should stand out. For references and links, we decided to include a less intense shade of blue in the interface. Different shades allow you to place the right accents The only type of dark theme elements that did not have to be changed were badges. Almost all colors from the light theme were kept for the dark theme.
Only 2 badges were changed
There is little in common between the dark and light themes of the panama phone number library messenger, only the color of the badges is almost the same Darkening under popup window When a pop-up appears in the light version of the app, the rest of the interface is darkened by 50%. This allows the user to focus on the pop-up. This is how the pop-up window is implemented in the light theme. In the dark theme, the text color is brighter, so darkening the interface by 50% was not enough.
If you use the same approach as in the light theme
The user will be distracted by another part of the interface. 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 guidelines can mainly be used as an example the 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 buy lead 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.