The opacity of the white color was set to 80% – the user names became easier to read. A lower contrast dark theme reduces eye strain 3. We decided to change the chat names as well. Here we increased the opacity to 80%. The brightness of the rest of the text was left unchanged at 30%. With the new settings, the dark theme has become truly more harmonious. 4. We decided to make the same background for the side menu with the list of chats and the chat itself. To visually separate them, we added a dark stripe between these sections.
When we developed the first dark theme windows
We also decided to test them in different conditions and on different devices. After that, we adjusted the prototypes. During testing, some employees began to netherlands phone number library notice that the same background on the side menu and the main screen was disruptive. Therefore, in the end, the team decided to develop a dark theme in warm shades, but with some nuances.
The side menu background was made lighter than
The chat background. This allowed us to separate the work zones. This way, users focus on the chat. Increased the opacity of the text in the chat to 75%. With the new background, the working window looks better. Reduced opacity for names to 75%. Now text smartphones with two sim cards | introduction to dual sim and names are equally bright, but they don’t merge. In and hovers As with the mobile app, the desktop version decided to darken the interface for pop-up windows even more. This darkening does not distract from the pop-up window.
This is important to consider when developing websites
Even before the launch of the dark theme, it was necessary to think about the reaction when hovering the mouse over an object, this effect is called hover. For example, when a user hovers the cursor over a button in the light theme, it is painted in a dark color. But this scenario is not suitable for the dark theme: it looks clumsy. So the designers came up with buy lead another option. the icon and the button name are highlighted in blue. Comparison of button backlighting in dark and light theme To activate the messenger’s dark theme in the desktop application, you need to click on your profile.