In the profile window, at the bottom, there is a field called “Theme”. Here you can choose one of the options: light theme, dark theme or system theme. Stage 4: 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
A dark one immediately upon entering the app, you can go new zealand phone number library 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 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 how many years can a domain be registered? looks like this: Dark theme palette This makes work easier because the color changes automatically and the data is in a separate document, 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 –
Roman, Head of Design at Compass. Therefore, it is buy lead better to add designations Using variables simplifies 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 and desktop versions often have different colors.