We decid to change the chat names as well. Here we increas the opacity to 80%. The brightness of the rest of the text was left unchang at 30%. With the new settings, the dark theme has become truly more harmonious. 4. We decid to make the same background for the side menu with the list of chats and the chat itself. To visually separate them, we add a dark stripe between these sections. When we develop the first dark theme windows, we also decid to test them in different conditions and on different devices.
After that, we adjust the prototypes
During testing, some employees began to notice that the pakistan phone number library same background on the side menu and the main screen was disruptive. Therefore, in the end, the team decid to develop a dark theme in warm shades, but with some nuances: The side menu background was made lighter than the chat background. This allow us to separate the work zones.
This way, users focus on the chat
Increas the opacity of the text in the chat to 75%. With the new background, the working window looks better. Ruc opacity for names to 75%. Now text and names are equally bright, but they don’t merge. In the end we came to this design format Pop-ups and hovers As with the mobile app, the desktop version decid 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 we combine email marketing with social media marketing about the reaction when hovering the mouse over an object, this effect is call hover. For example, when a user hovers the cursor over a button buy lead in the light theme, it is paint in a dark color. But this scenario is not suitable for the dark theme: it looks clumsy. So the designers came up with another option, the icon and the button name are highlight in blue. Comparison of button backlighting in dark and light theme To activate the messenger’s dark theme in the desktop application, you ne to click on your profile. In the profile window, at the bottom, there is a field call “Theme”. Here you can choose one of the options: light theme, dark theme or system theme.