Chat or function names – 70%, secondary text – 30%. This will make the interface easier to perceive. If you activate the dark theme in the Compass app, you can see this interface The brightness of the text was chosen based on the hierarchy of layers. The chat is more important than the side menu. That’s why the brightness of the text in the chat is higher. But in addition to this, other factors were taken into account when choosing brightness.
For example, there are many similar elements
To prevent them from merging, it was necessary to reduce the nigeria phone number library intensity. 4. For the background, we chose a deep black color – 1C1C1C. We decided to make it the same for the side menu and chats. Although it is black, the hue is slightly distorted in the interface. It seems that there is a bit of brown in the background. This reduces the contrast.
The following rules have been established for the mobile version:
To highlight the main accents of the text, we chose an opacity in the range of 70–100%. For low emphasis elements (hints), opacity in the range of 30–50% was used. For inactive states, we chose minimum opacity values in the range of 15–20%. 6. In the atmosphere of unrestrain fun Messenger, the author can write a message and highlight part of the text using color. In the light theme, bright colors are used for this, but they are not suitable for the dark theme. That’s why we selected colors for it separately. This solution has its advantages.
A dark theme with muted colors looks more harmonious
To the human eye. Compare which format looks more pleasing to the eye and which one causes discomfort Swipe Features In the messenger, you can go from a chat to a side menu with a list of chats using a swipe. In light mode, these screens have different ws data background colors. When the side menu is open, the user sees – this is the chat background. This graphic design solution helps to understand what needs to be done to move: move one screen to another. This is what the side menu looks like in the light theme of the app. But in the dark theme, these screens have the same background. So we had to come up with a new mechanic for transitioning from one screen to another. Here’s how swipe works in dark theme.