Словарь .attheme

Создавая темы для Telegram на Android, Вы найдете некоторые элементы, переменную которых Вы не знаете, или найдёте какие-то переменные, и Вам не понятно, что они меняют. Во встроенном редакторе у переменных нет описания, и это только ухудшает ситуацию. В итоге, Вам приходится спрашивать кого-то, кто знает больше о создании тем.

Мы начали этот словарь, чтобы собрать описания переменных в одном месте. В словаре уже есть описания многих переменных, но ещё больше переменных ещё только предстоит описать. И Вы можете помочь нам с этим!

Каждая часть словаря — свободное ПО. Исходный код этого сайта доступен на GitLab здесь, а самой важной части словаря — базы данных — доступен на GitLab здесь. Вы можете помочь сделать эти части лучше, создавая Merge Requests в репозиториях выше, и как только их примут, Ваши изменения будут сразу видны на этом сайте!

Терминология

В этом разделе содержится список терминов, с которыми рекомендуется ознакомиться, прежде чем начать пользоваться словарем.

Резервная переменная

Резервная переменная — это переменная, которая используется вместо описываемой при выполнении следующих условий:

  • описываемая переменная отсутствует в файле темы, т.е. для неё установлен цвет по умолчанию;

  • резервная переменная присутствует в файле темы, т.е. для неё установлен пользовательский цвет.

Например, для dialog­Shadow­Line резервной переменной является chat_emoji­Panel­Shadow­Line. Возможны следующие ситуации:

  • обе переменные отсутствуют в файле темы — для обеих переменных используются цвета из стандартной темы;

  • dialog­Shadow­Line отсутствует в файле темы, а chat_emoji­Panel­Shadow­Line — присутствует. В этом случае первая переменная окрашивается в цвет последней;

  • dialog­Shadow­Line присутствует в файле темы — цвет обеих переменных определяется как обычно.

Фоны

window­Background­White

Задаёт фон практически везде: например, фон списка чатов или настроек.

window­Background­Gray

Задаёт второстепенный фон: например, фон в настройках между разделами, или фон после истории звонков, если он не занимает весь экран.

Красное ­— window­Background­White, зелёное — window­Background­Gray.

chat_wallpaper

Задает цвет фона чата.

Будьте осторожны: если вы использовали картинку в качестве фона, телеграм будет сжимать ее каждый раз, когда вы меняете любую переменную через редактор тем приложения. Поэтому после всех внесенных изменений установите картинку снова.

Пример фона с картинкой.

Текст

Основной текст

window­Background­White­Black­Text

Задает цвет основного текста в приложении.

Будьте внимательны: цвет заголовков в результатах инлайн-бота также устанавливается этой переменной, хотя фон результатов устанавливается chat_message­Panel­Background, а не window­Background­White. Подумайте о том, чтобы задавать chat_message­Panel­Background и window­Background­White один и тот же цвет, или проверяйте читабельность результатов бота.

window­Background­White­Gray­Icon

Задает цвет иконок у кнопок перехода в другие разделы приложения. Их можно увидеть, например, в Настройках или над списком контактов.

Красное — window­Background­White­Black­Text,
темно-синее — window­Background­White­Gray­Icon.

Серый текст

window­Background­White­Gray­Text2

Задает цвет:

  • текста описаний под названиями в Настройках;

  • иконок в шапке в общих медиа;

  • иконки вернуться назад на экране смены номера телефона.

Будьте внимательны: цвет текста описания в результатах инлайн-бота также устанавливается этой переменной, хотя фон результатов устанавливается chat_message­Panel­Background, а не window­Background­White. Подумайте о том, чтобы задавать chat_message­Panel­Background и window­Background­White один и тот же цвет или проверяйте читабельность результатов бота.

window­Background­White­Gray­Text3

Задает цвет:

  • текста количества участников, информации о файлах и т.д. в результатах поиска в списке чатов;

  • текста версии приложения внизу экрана Настроек.

Будьте внимательны: цвет имени пользователя у инлайн-ботов и участников чата в окне подсказок также устанавливается этой переменной, хотя фон окна устанавливается chat_message­Panel­Background, а не window­Background­White. Подумайте о том, чтобы задавать chat_message­Panel­Background и window­Background­White один и тот же цвет или проверяйте читабельность результатов бота.

window­Background­White­Gray­Text4

Задает цвет:

  • текста описаний под секциями в Настройках;

  • столбца букв слева в Контактах, когда установлена сортировка по имени.

window­Background­White­Gray­Text6

Задает цвет информационного текста на экранах:

  • смены номера телефона;

  • установки или смены кода-пароля.

window­Background­White­Gray­Text7

Задает цвет иконки палитры, когда тема еще не загрузилась в Настройках → Настройки чатов → Настройки темы.

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, перейдя в настройки кода-пароля.

window­Background­White­Gray­Text8

Задает цвет информационного текста под полем ввода:

  • при изменении имени пользователя или информации о себе в Настройках;

  • при создании нового канала.

Красное — window­Background­White­Gray­Text,
фиолетовое — window­Background­White­Gray­Text2,
темно-синее — window­Background­White­Gray­Text3,
светло-синее — window­Background­White­Gray­Text4,
желтое — window­Background­White­Gray­Text6,
розовое — window­Background­White­Gray­Text7,
коричневое — window­Background­White­Gray­Text8.

Красный текст

window­Background­White­Red­Text

Задает цвет текста красной кнопки "Сбросить настройки автозагрузки" в Настройках → Данные и память.

Примечание: Вы не сможете изменить эту переменную через редактор тем приложения, поэтому используйте .attheme editor, чтобы изменить цвет.

window­Background­White­Red­Text2

Задает цвет текста и иконки у красной кнопки "Завершить все другие сеансы" в Настройках → Устройства.

window­Background­White­Red­Text4

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

window­Background­White­Red­Text5

Задает цвет текста красной кнопки "Удалить все исключения" в Настройках → Уведомления и звуки → Уведомления из чатов (любой раздел).

Красное — window­Background­White­Red­Text,
темно-синее — window­Background­White­Red­Text2,
зеленое — window­Background­White­Red­Text3,
фиолетовое — window­Background­White­Red­Text4,
светло-синее — window­Background­White­Red­Text5.

Зеленый текст

window­Background­White­Green­Text

Задает цвет текста при правильном вводе имени пользователя, когда оно соответствует требованиям и не занято.

Красное — window­Background­White­Green­Text,
темно-синее — window­Background­White­Green­Text2.

Синий текст

window­Background­White­Blue­Text

Задает цвет:

  • текста кнопки "еще", раскрывающей полный текст описания в группах и каналах;

  • текста "в сети" у контактов/участников группы.

window­Background­White­Blue­Text2

Задает цвет:

  • текста кнопки "Присоединиться" под описанием канала;

  • текста кнопки "Создать новую папку" в Настройках → Папки.

window­Background­White­Blue­Text4

Задает цвет:

  • текста и иконки у кнопок изменения фона и темы в Настройках → Настройки темы;

  • текста подходящих результатов поиска.

window­Background­White­Blue­Text5

Задает цвет текста кнопки "Задать пароль" в Telegram Passport. Вы можете отключить двухэтапную аутентификацию, если она включена, перейти по ссылке и войти через Telegram, чтобы увидеть эту кнопку.

Красное — window­Background­White­Blue­Text,
фиолетовое — window­Background­White­Blue­Text2,
темно-синее — window­Background­White­Blue­Text3,
светло-синее — window­Background­White­Blue­Text4,
зеленое — window­Background­White­Blue­Text5,
желтое — window­Background­White­Blue­Text6.

window­Background­White­Link­Text

Задает цвет:

  • текста ссылок в общих медиа и описании канала;

  • текста ссылок вида @username и https://t.me/username в профиле и описании группы.

Оранжевое — window­Background­White­Blue­Header,
светло-синее — window­Background­White­Value­Text,
фиолетовое — window­Background­White­Blue­Button,
темно-синее — window­Background­White­Blue­Icon,
коричневое — window­Background­White­Link­Text,
желтое — window­Background­White­Link­Selection.

Элементы управления

Текстовое поле ввода

Можно найти, нажав на плавающую кнопку "Добавить контакт" в нижнем правому углу в Контактах.

Примечание: цвет вводимого текста задается window­Background­White­Black­Text.

Красное — window­Background­White­Hint­Text,
темно-синее — window­Background­White­Input­Field,
зеленое — window­Background­White­Input­Field­Activated.

Выбор элемента из списка

Можно найти, нажав на плавающую кнопку "Добавить контакт" в нижнем правому углу в Контактах.

Фиолетовое — window­Background­Gray­Line.

Переключатели

switch­Track

Задает цвет неактивного переключателя в Настройках.

switch­Track­Checked

Задает цвет активного переключателя в Настройках.

switch2Track

Задает цвет неактивного переключателя на экране изменения возможностей участников группы или администратора. Если Вы не можете предоставить какую-либо возможность, переключатель будет иметь более бледный цвет, чем тот, который Вы выбрали.

switch2Track­Checked

Задает цвет:

  • активного переключателя на экране изменения возможностей участников группы или администратора. Если Вы не можете отозвать какую-либо возможность, переключатель будет иметь более бледный цвет, чем тот, который Вы выбрали;

  • иконки QR-кода в профиле справа от публичной ссылки.

Красное — switch­Track,
зеленое — switch­Track­Checked,
темно-синее — switch2Track,
оранжевое — switch2Track­Checked.

Панель с глобальным переключателем

Можно найти в Настройках → Данные и память → Автозагрузка медиа (любой раздел).

Красное — window­Background­Unchecked,
фиолетовое — window­Background­Checked,
желтое — window­Background­Check­Text.
Фиолетовое — switch­Track­Blue,
красное — switch­Track­Blue­Thumb,
темно-синее — switch­Track­Blue­Selector,
желтое — switch­Track­Blue­Checked,
светло-оранжевое — switch­Track­Blue­Thumb­Checked,
светло-зеленое — switch­Track­Blue­Selector­Checked.

Радиокнопки

Примечание: если Вы используете редактор тем приложения, следующие переменные можно изменить, перейдя в Настройки → Настройки чатов.

radio­Background

Задает цвет неактивной радиокнопки в Настройках → Язык и во всплывающих диалоговых окнах.

radio­Background­Checked

Задает цвет:

  • активной радиокнопки в Настройках → Язык;

  • галки в Настройках → Стикеры и эмодзи → Быстрая реакция;

  • галки в выпадающем меню в общих медиа.

Красное — radio­Background,
зеленое — radio­Background­Checked.

Круглые чекбоксы

checkbox­Disabled

Задает цвет неактивного чекбокса в Настройках → Язык → Не переводить (нужно включить функцию "Показать кнопку «Перевести»").

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, нажав на плавающую кнопку снизу справа в списке чатов и выбрав "Создать группу".

Резервная переменная: chats_unread­Counter­Muted.

checkbox

Задает цвет фона активного чекбокса у выбранных чатов/сообщений.

checkbox­Check

Задает цвет:

  • галки внутри активного чекбокса у выбранных чатов/сообщений;

  • неактивного чекбокса у остальных сообщений.

Будьте внимательны: эта переменная также задает цвет:

  • иконки "+" внутри кружка у кнопки "Создать новую папку" в Настройках → Папки, хотя цвет фона кружка устанавливается switch­Track­Checked, а не checkbox;

  • галки внутри активного чекбокса в Настройках → Язык → Не переводить, хотя цвет фона чекбокса устанавливается radio­Background­Checked, а не checkbox;

  • галки внутри цветных чекбоксов в Настройках → Данные и память → Использование памяти → Очистить кэш Telegram. Фон этих чекбоксов устанавливается следующими переменными:

    • statistic­Chart­Line_blue;

    • statistic­Chart­Line_golden;

    • statistic­Chart­Line_green;

    • statistic­Chart­Line_indigo;

    • statistic­Chart­Line_red;

    • statistic­Chart­Line_lightgreen;

    • statistic­Chart­Line_lightblue.

Красное — checkbox­Disabled,
темно-синее — checkbox,
фиолетовое — checkbox­Check.

Квадратные чекбоксы

Можно найти, например, открыв боковое меню в списке чатов и выбрав "Добавить аккаунт".

Красное — checkbox­Square­Unchecked,
зеленое — checkbox­Square­Background,
фиолетовое — checkbox­Square­Check.

Индикаторы загрузки

context­Progress­Inner1

Задает цвет фона индикатора загрузки при нажатии на кнопку авторизации в Telegram Passport.

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, открыв любой чат.

context­Progress­Outer1

Задает цвет заливки индикатора загрузки при нажатии на кнопку авторизации в Telegram Passport.

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, открыв любой чат.

context­Progress­Inner2

Задает цвет фона индикатора загрузки на панели действий. Его можно увидеть, например, при подтверждении пароля в Telegram Passport.

context­Progress­Outer2

Задает цвет заливки индикатора загрузки на панели действий. Его можно увидеть, например, при подтверждении пароля в Telegram Passport.

Желтое — context­Progress­Inner1 и context­Progress­Outer1,
зеленое — context­Progress­Inner2 и context­Progress­Outer2.

Примечание: если Вы используете редактор тем приложения, следующие переменные можно изменить, открыв список чатов.

progress­Circle

Задает цвет индикатора загрузки при переходе на другой экран приложения.

Зеленое — progress­Circle,
оранжевое — dialog_inline­Progress­Background,
красное — dialog_inline­Progress.

Кнопка действия в профиле

Эта кнопка означает:

  • "Сменить аватарку" в Настройках;

  • "Написать сообщение" в профиле;

  • "Просмотреть обсуждение" в описании канала.

Красное — profile_action­Background,
зеленое — profile_action­Icon,
оранжевое — profile_action­Pressed­Background.

Аватарки

Если у пользователя нет картинки профиля или она ещё не загрузилась, то на месте картинки будет показан цветной круг случайного цвета и одна-две буквы.

avatar_text

Задает цвет букв на фоне аватара.

Списки

divider

Задает цвет черты разделяющей элементы списка.

list­Selector­SDK21

Задает цвет эффекта нажатия на элемент списка.

empty­List­Placeholder

Задает цвет текста подсказки, которая появляется, когда вы не добавили еще ни одного файла в список. Например, на экране Чата → Прикрепить файлы → Музыка, если у вас нет музыки.

Красное — divider, синее — list­Selector­SDK21, зеленое — empty­List­Placeholder.

Список чатов

Общие переменные

chats_message

Задает цвет текста сообщения под названием чата.

chats_date

Задает цвет текста даты или времени в верхнем правом углу чата.

chats_name­Message

Задает цвет имени пользователя отправителя.

chats_action­Message

Задает цвет текста "Вы присоединились к каналу", а также прикрепленного сообщения(фото, гиф, видео и т.д), если пропущено имя отправителя.

chats_attach­Message

Задает цвет текста прикрепленного сообщения(фото, гиф, видео и т.д), если не пропущено имя отправителя.

chats_draft

Задает цвет текста надписи "Черновик", когда вы написали какой-то текст и вышли из чата не отправив сообщение.

Синее — chats_message, оранжевое — chats_date, красное — chats_name­Message, светло-зеленое — chats_action­Message, зеленое — chats_attach­Message, фиолетовое — chats_draft.

Чаты

chats_name

Задает цвет текста названия чата.

chats_name­Icon

Задает цвет иконки чата, если чат является каналом или группой.

Красное — chats_name­Icon, зеленое — chats_name.

Секретные чаты

chats_secret­Name

Задает цвет текста названия секретного чата.

Красное — chats_secret­Icon, синее — chats_secret­Name.

Счетчик непрочитанных сообщений

chats_unread­Counter

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

chats_unread­Counter­Muted

Задает цвет фона счетчика непрочитанных сообщений, если чат заглушен.

chats_unread­Counter­Text

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

Заметка: иконку упоминания @ невозможно изменить.

Красное — chats_unread­Counter, зеленое — chats_unread­Counter­Muted, фиолетовое — chats_unread­Counter­Text.

Иконка проверенного пользователя

Пример иконки.

Кнопка "Отравить сообщение"

chats_action­Pressed­Background

Задает цвет перекрытия кнопки «Новое сообщение», когда она нажата. Перекрытие означает, что если вы поставите значение альфа канала меньше 255, то кнопка не станет прозрачной — она будет сочетать два цвета. Это перекрывает только фон, иконка остается.

Красное — chats_action­Background, зеленое — chats_action­Pressed­Background, желтое — chats_action­Icon.

Левое меню

Селектор этого меню переменная list­Selector­SDK21, потому что меню является списком.

Красное — chats_menu­Background, зеленое — chats_menu­Item­Text.

Вызовы

Журнал вызовов

Красное — calls_call­Received­Green­Icon, зеленое — calls_call­Received­Red­Icon.

Диалоговое окно оценки качества вызова

После звонка вам предлагают оценить его качество. Вы можете вызвать диалоговое окно в вашем журнале вызовов, удерживая элемент списка и нажать "Оценить вызвов". К сожалению это переменную, можно изменить только через .attheme editor.

calls_rating­Star

Задает цвет границы невыбранных звезд.

Красное — calls_rating­Star­Selected, синее — calls_rating­Star.

Панель действий

Обычный режим

action­Bar­Default

Задает цвет фона шапки приложения. Фон строки состояния генерируется автоматически (на Android 5.0 и выше). Шапки экранов: плеера, настроек, информации о чате, выделенных сообщений, имееют другие переменные.

action­Bar­Default­Subtitle

Задает цвет текста под названием панели действий (к примеру, количество участников, был(а) недавно, печатает...).

Красное — action­Bar­Default, светло-синее — action­Bar­Default­Icon, желтое — action­Bar­Default­Title, зеленое — action­Bar­Default­Selector, оранжевое — action­Bar­Default­Subtitle.

Режим действий

Режим действий — это диалоговое окно верхней панели, которое открывается, для ответа, пересылки или редактирования, выбора общих файлов, музыки, сообщений в общедоступных медиа-сообщениях чата, а также при прикреплении файлов или выделенном сообщении.

action­Bar­Action­Mode­Default

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

Красное — action­Bar­Action­Mode­Default, зеленое — action­Bar­Action­Mode­Default­Top, синее — action­Bar­Action­Mode­Default­Icon, оранжевое — action­Bar­Action­Mode­Default­Selector.

Подменю

Подменю появляется, когда вы нажимаете на иконку "..." на панели действий.

Красное — action­Bar­Default­Submenu­Background, синее — action­Bar­Default­Submenu­Item.

Поиск

Красное — action­Bar­Default­Search­Placeholder, зеленое — action­Bar­Default­Search.

Экран "Что такое канал?"

Этот экран появляется, при создании нового канала, если вы еще не разу его не создавали. Вы можете изменить значение переменной только с .attheme editor.

Красное — action­Bar­White­Selector.

Диалоговые окна

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

Примечание: если Вы используете редактор тем приложения, многие переменные, описанные в данном разделе, можно изменить, открыв редактор прямо в списке чатов, иначе будет указано, где можно изменить переменную.

Фон

window­Background­Gray

Задает цвет второстепенного фона во многих диалоговых окнах.

dialog­Background­Gray

Задает цвет второстепенного фона в окне настройки фильтрации недавних действий в управлении группой/каналом.

dialog­Button­Selector

Задает цвет эффекта нажатия на кнопку во всплывающем меню при нажатии и удерживании на пользовательскую тему в Настройках → Настройки чатов → Настройки темы.

Будьте внимательны: цвет эффекта нажатия в выпадающем меню также устанавливается этой переменной, хотя фон выпадающего меню устанавливается action­Bar­Default­Submenu­Background, а не dialog­Background.

Красное — dialog­Background,
зеленое — window­Background­Gray,
голубое — dialog­Background­Gray,
темно-синее — dialog­Button­Selector.

dialog­Top­Background

Задает цвет фона шапки информационного диалогового окна. Обычно такое окно появляется, когда приложение запрашивает доступ к какому-либо разрешению.

Примечание: Вы не сможете изменить эту переменную через редактор тем приложения, поэтому используйте .attheme editor, чтобы изменить цвет.

Примечание: чаще всего иконка в шапке имеет белый цвет и его нельзя изменить, но если в личных сообщениях с ботом @wallet нажать кнопку "Добавить в Меню вложений", то цвет этой иконки будет зависеть от chat_attach­Contact­Icon (скриншот справа).

Светло-оранжевое — dialog­Top­Background.

Текст

Основной текст

dialog­Icon

Задает цвет иконок у кнопок во всплывающем меню при нажатии и удерживании на пользовательскую тему в Настройках → Настройки чатов → Настройки темы.

Фиолетовое — dialog­Text­Black,
оранжевое — dialog­Icon.

Серый текст

dialog­Text­Gray

Задает цвет подзаголовка в открытом предпросмотре ссылки (Spotify, Figma и др.).

dialog­Text­Gray2

Задает цвет текста ссылки в диалоговом окне при нажатии и удерживании на нее в чате.

dialog­Text­Gray3

Задает цвет:

  • надписей "Сервер", "Порт" и "Ключ" при нажатии на ссылку для подключения прокси;

  • текста количества участников/подписчиков при вступлении в частную группу/канал;

  • информационного текста "Новые участники могут…" при подаче заявки на вступление.

dialog­Text­Gray4

Задает цвет информационного текста "Этот прокси-сервер может…" при нажатии на ссылку для подключения прокси.

Красное — dialog­Text­Gray,
фиолетовое — dialog­Text­Gray2,
темно-синее — dialog­Text­Gray3,
зеленое — dialog­Text­Gray4.

Красный текст

dialog­Text­Red

Задает цвет текста кнопки "Удалить N стикеров" в открытом наборе стикеров.

dialog­Text­Red2

Задает цвет текста кнопки "Удалить":

  • при удалении сообщения в чате;

  • при нажатии и удерживании на пользовательскую тему в Настройках → Настройки чатов → Настройки темы.

dialog­Red­Icon

Задает цвет иконки у кнопки "Удалить" при нажатии и удерживании на пользовательскую тему в Настройках → Настройки чатов → Настройки темы.

Фиолетовое — dialog­Text­Red,
зеленое — dialog­Text­Red2,
темно-синее — dialog­Red­Icon.

Синий текст

dialog­Button

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

dialog­Text­Blue

Задает цвет текста "Написать от имени…" и обводки вокруг аватарки выбранного канала/личного аккаунта.

dialog­Text­Blue2

Задает цвет текста кнопки "Копировать ссылку" в меню Поделиться.

dialog­Text­Blue4

Задает цвет кнопок внизу в открытом предпросмотре ссылки (Spotify, Figma и др.).

Красное — dialog­Button,
темно-синее — dialog­Text­Blue,
фиолетовое — dialog­Text­Blue2,
зеленое — dialog­Text­Blue4,
коричневое — dialog­Text­Link,
желтое — dialog­Link­Selection.

Элементы управления

Кнопка отправки

Можно найти в меню Поделиться при выборе чата.

Красное — dialog­Floating­Button,
темно-синее — dialog­Floating­Icon,
фиолетовое — dialog­Floating­Button­Pressed.

Кнопка добавления набора стикеров

Можно найти в открытом наборе стикеров.

Примечание: если Вы используете редактор тем приложения, следующие переменные можно изменить, перейдя в Настройки → Стикеры и эмодзи → Архив стикеров.

featured­Stickers_add­Button

Задает цвет фона кнопки.

Будьте внимательны: эта переменная также задает цвет текста кнопки "Оставить <текущий номер телефона>" на экране смены номера телефона.

Красное — featured­Stickers_add­Button,
желтое — featured­Stickers_button­Text,
фиолетовое — featured­Stickers_add­Button­Pressed.

Радиокнопки

dialog­Radio­Background

Задает цвет неактивной радиокнопки в диалоговых окнах, выдвигающихся внизу экрана.

Красное — dialog­Radio­Background,
зеленое — dialog­Radio­Background­Checked.

Круглые чекбоксы

Можно найти в меню Поделиться при выборе чата.

dialog­Round­Check­Box

Задает цвет:

  • фона активного чекбокса;

  • обводки вокруг аватарки выбранного чата;

  • фона счетчика рядом с кнопкой отправки.

dialog­Round­Check­Box­Check

Задает цвет:

  • галки внутри активного чекбокса;

  • цифры внутри счетчика рядом с кнопкой отправки.

Красное — dialog­Round­Check­Box,
фиолетовое — dialog­Round­Check­Box­Check.

Квадратные чекбоксы

Можно найти, например, при закреплении сообщения в чате.

Примечание: если Вы используете редактор тем приложения, следующие переменные можно изменить, открыв боковое меню в списке чатов и выбрав "Добавить аккаунт".

Красное — checkbox­Square­Unchecked,
зеленое — checkbox­Square­Background,
фиолетовое — checkbox­Square­Check.

Текстовое поле ввода

dialog­Text­Hint

Задает цвет текста подсказки ввода, например, в меню Поделиться при выборе чата.

Примечание: цвет вводимого текста задается dialog­Text­Black, цвет курсора - window­Background­White­Black­Text, цвет иконки слева - chat_message­Panel­Icons.

Красное — dialog­Text­Hint.
dialog­Input­Field

Задает цвет нижней границы у неактивного поля ввода. Эту переменную можно найти:

  • в редакторе тем приложения;

  • в видеочате, выбрав себя в списке участников и нажав "Изменить имя".

dialog­Input­Field­Activated

Задает цвет нижней границы у активного поля ввода. Эту переменную можно найти:

  • при создании новой темы в Настройках → Настройки чатов → Настройки темы;

  • в редакторе тем приложения;

  • в видеочате, выбрав себя в списке участников и нажав "Изменить имя".

Фиолетовое — dialog­Input­Field,
зеленое — dialog­Input­Field­Activated.

Панель поиска

Можно увидеть, например, в меню Поделиться или в окне популярных стикеров.

featured­Stickers_added­Icon

Задает цвет курсора.

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, открыв и закрыв окно популярных стикеров в Настройках → Стикеры и эмодзи.

Красное — dialog­Search­Background,
темно-синее — dialog­Search­Icon,
зеленое — dialog­Search­Hint,
фиолетовое — dialog­Search­Text,
светло-оранжевое — featured­Stickers_added­Icon.

Индикатор прогресса

Можно увидеть, выбрав любой файл/альбом файлов в чате и нажав Сохранить в загрузки.

Красное — dialog­Line­Progress­Background,
зеленое — dialog­Line­Progress.

Панель действий в открытом наборе стикеров

key_sheet_other

Задает цвет:

  • иконки выпадающего меню в открытом наборе стикеров;

  • иконки закрытия диалогового окна при вступлении в частную группу/канал.

Резервная переменная: player_action­Bar­Items.

Розовое — key_sheet_scroll­Up,
темно-синее — key_sheet_other.

Выпадающее меню

Красное — action­Bar­Default­Submenu­Background,
фиолетовое — action­Bar­Default­Submenu­Item,
оранжевое — action­Bar­Default­Submenu­Item­Icon.

Разделители

dialog­Shadow­Line

Задает цвет многих разделителей в диалоговых окнах. Их можно увидеть, например, в открытом наборе стикеров или меню Поделиться.

Резервная переменная: chat_emoji­Panel­Shadow­Line.

dialog­Gray­Line

Задает цвет:

  • разделителя над кнопками в открытом предпросмотре ссылки (Spotify, Figma и др.);

  • ползунка для перетаскивания окна со списком команд в личных сообщениях с ботом.

Фиолетовое — dialog­Shadow­Line,
зеленое — dialog­Gray­Line.

Эффект конца прокрутки

dialog­Scroll­Glow

Задает цвет эффекта конца прокрутки в некоторых диалоговых окнах, выдвигающихся внизу экрана. Его можно увидеть, например, в результатах опроса.

Коричневое — dialog­Scroll­Glow. По умолчанию эффект конца прокрутки имеет белый цвет, но в данном примере он изменен на черный (#000000), чтобы можно было увидеть эффект.

Экран чата

Сообщения

Красное — chat_selected­Background.

Панель сообщения

chat_field­Overlay­Text

Задает цвет текста на панели сообщения(например, присоединиться к каналу или группе, отменить голосовое или видео сообщение, приглушить чат).

Красное — chat_message­Panel­Background, зеленое — chat_message­Panel­Hint, темно-синее — chat_message­Panel­Text, оранжевое — chat_message­Panel­Send, синее — chat_message­Panel­Icons, коричневое — chat_field­Overlay­Text.

Панель эмодзи и стикеров

Если вы изменили эти переменные через редактор тем приложения, нужно перезайти на экран чата, чтобы увидеть изменения.

chat_emoji­Panel­Background

Задает цвет фона панели для эмодзи, сохраненных стикеров, наборов стикеров в превью и клавиатуры бота под панелью сообщения с прозрачностью с черным значением.

chat_emoji­Panel­Empty­Text

Задает цвет текста надписи "Нет часто используемых", если вы не использовали эмодзи или очистили список, на вкладке с иконкой часов.

chat_emoji­Panel­Icon

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

chat_emoji­Panel­Icon­Selector

Задает цвет линии, показывающей текущее значение набора эмодзи на chat_emojiPanelShadowLine.

Красное — chat_emoji­Panel­Background, зеленое — chat_emoji­Panel­Empty­Text, темно-синее — chat_emoji­Panel­Icon, фиолетовое — chat_emoji­Panel­Icon­Selected, оранжевое — chat_emoji­Panel­Icon­Selector, синее — chat_emoji­Panel­Backspace, коричневое — chat_emoji­Panel­Sticker­Pack­Selector.

Следующие переменные можно изменить только с .attheme editor.

Красное — chat_emoji­Panel­Sticker­Set­Name, зеленое — chat_emoji­Panel­Sticker­Set­Name­Icon.

featured­Stickers_unread

Задает цвет синей точки около названия набора стикеров.

Красное — featured­Stickers_del­Button, темно-синее — featured­Stickers_del­Button­Pressed, зеленое — featured­Stickers_unread.

Клавиатура бота

Фон панели — chat_emoji­Panel­Background.

chat_bot­Keyboard­Button­Background­Pressed

Задает цвет фона кнопки при нажатии, а также селектор этих кнопок. Это убирает стандартный цвет, поэтому значение альфа-канала в 255 сделает кнопку прозрачной.

Красное — chat_bot­Keyboard­Button­Text, темно-синее — chat_bot­Keyboard­Button­Background, зеленое — chat_bot­Keyboard­Button­Background­Pressed.

Контакты

Следующие переменные используются не только в контактах, но тем не менее часто встречаются здесь.

gray­Section

Задает цвет фона текста "Сортировка по имени/времени входа" над списком контактов.

Зеленое — window­Background­White­Gray­Icon,
красное — key_gray­Section­Text,
темно-синее — gray­Section.

Быстрая прокрутка

fast­Scroll­Inactive

Задает цвет неактивного ползунка прокрутки справа.

fast­Scroll­Active

Задает цвет активного ползунка прокрутки справа, а также фона подсказки, отображающей текущую позицию прокрутки.

fast­Scroll­Text

Задает цвет буквы внутри подсказки при нажатии и перемещении ползунка прокрутки справа.

Зеленое — fast­Scroll­Inactive,
красное — fast­Scroll­Active,
желтое — fast­Scroll­Text.

Экран “Пригласить друзей”

Фиолетовое — contacts_invite­Background,
желтое — contacts_invite­Text.

Экран "Прикрепления"

Эта часть словаря содержит сведения об экране “прикрепления”.

Файлы

files_icon­Text

Задает цвет текста внутри иконок файлов.

Зеленое — files_folder­Icon, красное — files_folder­Icon­Background, синее — files_icon­Text.

Геопозиция

location_marker­X

Задает цвет × под иконкой местополежения, когда вы двигаете её по карте.

location_send­Location­Background

Задает цвет фона кнопки рядом с “Отправить свою геопозицию”.

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

Красное — location_marker­X, зеленое — location_send­Location­Background, синее — location_send­Location­Icon.

Музыка

Blue — music­Picker_button­Background, yellow — music­Picker_button­Icon, green — music­Picker_checkbox, red — music­Picker_checkbox­Check.

picker_badge

Задает цвет фона иконки счетчика отправки.

picker_disabled­Button

Задает цвет кнопки “Отправить”, когда ничего не выбрано.

picker_enabled­Button

Задает цвет кнопки “Отправить”, когда выбраны файлы.

Зеленое — picker_badge, желтое — picker_badge­Text, красное — picker_disabled­Button, синее — picker_enabled­Button.

Музыкальный проигрыватель

Все переменные проигрывателя доступны на экране списка чатов, или используйте .attheme editor для их изменения.

Панель действий

Если вы нажмете на иконку в верхнем левом углу, вы увидите старый проигрыватель с панелью действий. Также он появляется при большом плейлисте и прокрутке списка.

player_action­Bar

Задают тоже самое что и action­Bar­Default, action­Bar­Default­Icon, action­Bar­Default­Title, action­Bar­Default­Subtitle, action­Bar­Default­Selector.

player_action­Bar­Top

Задает цвет фона строки состояния на андроидах версии 5.0 и выше. Как в другом случаи это переменная не затемняется на 20% (если хотите затемнить ее, установите значения в 0, 0, 0, 51). Устанавливая значение альфа-канала этой переменой в 0, альтернатива для player_action­Bar.

Красное — player_action­Bar, фиолетовое — player_action­Bar­Items, желтое — player_action­Bar­Top, синее — player_action­Bar­Selector,зеленое — player_action­Bar­Title, оранжевое — player_action­Bar­Subtitle.

Панель плейлиста

Для синерозового участка, смотрите подсекцию Панель действий.

Для серозеленого участва, смотрите подсекцию Заполнитель.

player_background

Задает цвет фона панели и ползунков.

Ползунки

player_progress

Задает цвет проигравшей части индикатора.

player_time

Задает цвет текста времени песни и проигравшего времени.

player_button

Задает цвет не нажатых или неактивых кнопок.

Список

Эта подсекция не включает новые переменные — эти переменные вы могли видеть в других секциях словаря.

chat_in­Loader

Задает цвет фона кнопок играть/остановить на списке.

chat_in­Bubble

Задает цвет иконки кнопок играть/остановить.

Красное — player_background, синее — player_progress, коречневое — player_progress­Background, салатовое — player_time, оранжевое — player_button­Active, розовое — player_button­Active, фиолетовое — window­Background­White­Black­Text, темно-синее — window­Background­White­Gray­Text2, зеленое — chat_in­Loader. Для градиентов смотрите начала этой секции.

Заполнитель

Вы видите заполнитель, когда у песни нет картинки альбома.

Красное — player_placeholder­Background, синее — player_placeholder.

Верхняя панель

Эту панель можно видеть¸ когда вы проигрываете песню или голосовое сообщение.

inapp­Player­Close

Задает цвет кнопки закрытия проигрывателя.

Красное — inapp­Playerbackground, зеленое — inapp­Player­Play­Pause, оранжевое — inapp­Player­Close, синее — inapp­Player­Performer, фиолетовое — inapp­Player­Title.

Заметка @Ra1nb0wD4sh: inapp­Player­Close влияет на цвет переключателя скорости воспроизведения, пока он выключенном состоянии. inapp­Player­Play­Pause влияет на цвет переключателя в включенном состоянии.

Переключатель скорости воспроизведения 2x.

Настройки

Иконки

sessions_devices­Image

Задает цвет иконки паспорта в Настройках → Конфиденциальность → Telegram Passport. Этот раздел можно увидеть, если Вы ранее пользовались Telegram Passport, но на данный момент данные отсутствуют.

window­Background­White­Gray­Text7

Задает цвет иконки палитры, когда тема еще не загрузилась в Настройках → Настройки чатов → Настройки темы.

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, перейдя в настройки кода-пароля.

Зеленое — sessions_devices­Image,
розовое — window­Background­White­Gray­Text7.

Стикеры

Можно найти в Настройках → Стикеры и эмодзи.

stickers_menu

Задает цвет иконки меню справа у наборов стикеров.

stickers_menu­Selector

Задает цвет эффекта нажатия на иконку меню справа у наборов стикеров.

Темно-синее — stickers_menu,
красное — stickers_menu­Selector.

featured­Stickers_add­Button

Задает цвет фона кнопки "Добавить" в архиве стикеров.

Будьте внимательны: эта переменная также задает цвет текста кнопки "Оставить <текущий номер телефона>" на экране смены номера телефона.

featured­Stickers_button­Progress

Задает цвет индикатора загрузки при нажатии на кнопку "Добавить" в архиве стикеров.

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, открыв и закрыв окно популярных стикеров в Настройках.

featured­Stickers_unread

Задает цвет индикатора у непросмотренных наборов в окне популярных стикеров.

Примечание: если Вы используете редактор тем приложения, эту переменную можно изменить, открыв и закрыв окно популярных стикеров в Настройках.

Зеленое — featured­Stickers_add­Button,
желтое — featured­Stickers_button­Text,
оранжевое — featured­Stickers_add­Button­Pressed,
фиолетовое — featured­Stickers_button­Progress,
красное — featured­Stickers_remove­Button­Text,
темно-синее — featured­Stickers_unread.

Устаревшие переменные

Эти переменные когда-то использовались, но теперь они удалены из Telegram потому что их элементы были удалены или заменены другими переменными.