The side menu also has a chat bar. It is not light, but only slightly lighter than the menu background. The designers achieved this with a bar whose opacity parameters were set to 3%. A white bar was added at the top, with an opacity of 2%. If the user goes from the menu to the chat, the white stripe disappears. Due to this, the chat background changes to the default one and becomes the same as in the side menu. At this time, the black color smoothly changes.
The hierarchy of layers is preserved
Using a dark theme should be convenient for people. Therefore, it is important to fully work out all the functions, small details Colors of the main elements In the norway phone number library light theme, links, mentions of other users via, and comments are highlighted in the same blue color. But for the dark theme, 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 who creates very cool things with 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, which did not look bright enough in the dark theme.
There is little in common between the dark
And light themes of the messenger, under popup window When a buy lead 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.