Changed onboarding screens The dark theme can be used already at the stage of familiarization with the application. To help users study the messenger’s functions in the new design, designers made a dark theme for onboarding screens. If you switch from a light theme to a dark one immediately upon entering the app, you can go through onboarding in the new design Stage 5: added final palettes To simplify support for the dark theme and to easily change some parameters in the future, it is worth creating a common color palette.
When Compass Messenger had one theme
It was enough to write the color in the code. Each color had a specific panama phone number library name. When the dark theme was created, it was necessary to somehow quickly change colors. Then the designers proposed a new format for working with color: replacing names with designations. For example, the meaning of metal includes 2 colors: for light theme.
Now the color palette looks like this:
Dark theme palette and the data is in a separate document we love infographics or the 5 most interesting august infographics making it easier to change if necessary. For example, we have different shades for each theme for the red button. However, in the code the names are the same – “red button”. Roman, Head of Design at Compass
The same button in different themes has different colors
Therefore, it is better to add designations Using variables simplifies buy lead service maintenance. You don’t need to constantly change colors in all themes, just change one parameter. In fact, it is quite difficult to configure more than 2000 screens so that when you change the theme, the colors and shades automatically change.
Especially since the elements of the mobile
Desktop versions often have different colors. Alexey, interface designer at Compass Although developing a new design takes a lot of time and effort, the lack of a dark theme can be a critical drawback of the program for some users. So it’s worth considering: maybe you need a dark theme to attract customers. This should be taken into account not only when creating applications, but also when developing websites and other projects.