Цвета

Этот раздел позволяет вам настроить цвета вашего приложения, обеспечивая контроль над визуальным видом вашего приложения. Здесь вы можете настроить цвета как для светлых, так и для темных тем. Кроме того, вы можете просматривать существующие цвета тем, импортировать цвета из Coolors и даже извлекать цвета из изображений.

По умолчанию мы добавляем 16 предопределенных цветов для светлых и темных тем. Однако вы можете захотеть добавить новый цвет или заменить существующий, чтобы лучше согласовать его с вашим фирменным стилем.

Чтобы добавить новый цвет:

1. Нажмите кнопку Добавить цвет.
2. Новый цвет будет добавлен как Custom Color. Нажмите на него и введите значение Hex-цвета.
3. Вы также можете изменить название пользовательского цвета.
4. Нажмите кнопку Использовать цвет.

Чтобы обновить существующий цвет в теме со светлым и темным режимом, щелкните по цвету и введите шестнадцатеричное значение цвета.

Мы позволяем вам просмотреть часто используемые цвета в вашем приложении и некоторые предварительно определенные цветовые схемы, которые могут соответствовать брендингу вашего приложения.

Для этого:

1. Нажмите на кнопку Explore Project Colors.
2. Выберите страницу, которую вы хотите просмотреть.
3. Чтобы найти общие цвета, прокрутите страницу вниз и нажмите кнопку Найти общие цвета. Появится список всех цветов, используемых в приложении. Используйте значки «готово» и «отмена», чтобы принять или отклонить цвета.
4. Чтобы изучить предустановленные цветовые схемы, переключитесь на вкладку Explore, прокрутите все схемы и поставьте галочку, чтобы увидеть предварительный просмотр.
5. Нажмите кнопку «обновить», чтобы вернуться к исходной теме.
6. Чтобы продолжить работу, нажмите кнопку Сохранить изменения.

Импорт цветов с сайта Coolors — это быстрый и простой способ добавить предпочитаемую цветовую схему в ваше приложение. Coolors предлагает обширную библиотеку цветовых палитр, которые вы можете импортировать всего несколькими щелчками мыши, экономя время и усилия на создание собственной цветовой палитры.

Чтобы импортировать из Coolors:

• Зайдите на сайт coolors.co, определите палитру, которую вы хотите добавить, нажмите на меню опций (три точки), а затем нажмите на Экспорт палитры.
• Теперь выберите Код, а затем скопируйте содержимое ниже раздела /* Объект */.
• Откройте свой проект и перейдите в Настройки темы > Цвета.
• Нажмите на кнопку Импорт из Coolors. Откроется новое всплывающее окно.
• Вставьте скопированное содержимое и нажмите кнопку Импорт. Новые цвета будут отображаться в разделе Custom Colors.

Эта функция позволяет легко создавать визуально яркие темы, используя цвета, присутствующие в изображении. Вы можете создать цветовую палитру, которая идеально гармонирует с цветами изображения, в результате чего получаются потрясающие дизайны, передающие суть вашего изображения.

Чтобы извлечь и использовать цвет из изображения:

• Перейдите в Настройки темы > Цвета.
• Нажмите кнопку Извлечь из изображения и выберите изображение.
• Появится всплывающее окно, в котором будет показан извлеченный из изображения цвет. Чтобы продолжить, нажмите кнопку Извлечь и продолжить.
• На следующем этапе нажмите на любой цвет, чтобы увидеть и выбрать извлеченный цвет.
• Нажмите кнопку Готово.

Светлый или темный режим обычно применяется на основе настроек телефона пользователя. Однако вы также можете предоставить пользователям возможность вручную переключаться между этими двумя режимами. Этого можно добиться, добавив следующее действие.