Зроби Ember своїм

Більшість опцій знаходиться в Налаштуваннях (значок шестірні в застосунку). Тут важливі дві сторінки: Налаштування → Вигляд і Налаштування → Фони чатів. Не хочеш читати? Перейди до галереї, скопіюй код і встав його в застосунку.

01Теми

Тема розфарбовує весь застосунок: панелі, текст, кнопки та бульбашки повідомлень.

Обери готову тему

1. Відкрий Налаштування → Вигляд.
2. У розділі Тема торкнися зразка: Темна, Світла, Фіолетова, Океан, AMOLED, Ліс або Роза. Попередній перегляд угорі оновиться одразу.
3. За бажанням доналаштуй: Акцентний колір, Кольори повідомлень (надісланих і отриманих), Стиль бульбашок (Круглі, З хвостиком, Пласкі, Контур), Заокруглення кутів, розмір і шрифт тексту та Щільність. Ці зміни зберігаються після перемикання готових тем.

Слідувати за системою або за розкладом

1. У Налаштування → Вигляд знайди Режим теми.
2. Вручну залишає обрану тему. Системна перемикається разом зі світлим/темним налаштуванням пристрою. За розкладом вмикає темну тему між двома годинами.
3. Для двох останніх обери Світлу тему і Темну тему. Для розкладу задай Темна з та до. Діапазон на кшталт 20:00–07:00 переходить через північ, а однакові години означають «ніколи темна».

Створи власну із шести кольорів

1. У Налаштування → Вигляд → Власні теми торкнися Нова власна тема (до 10).
2. Дай їй назву (не більше 24 символів) і обери шість кольорів: Фон чату, Панелі, Текст, Акцент, Надіслана бульбашка, Отримана бульбашка.
3. Ember виводить усі інші відтінки. Темна або світла основа обирається за яскравістю фону чату, а якщо колір твого тексту на ньому було б важко прочитати, Ember замінює його на безпечний.
4. Торкнися Зберегти й застосувати. Пізніше відкриєш її знову через змінити під зразком.

Поширення та імпорт за допомогою кодів ember-theme:

Код теми – це текст ember-theme:, за яким ідуть твої шість кольорів і назва, упаковані як base64url. Він має близько 250 символів.

1. Копіювання: відкрий свою власну тему й торкнися Копіювати код теми.
2. Вставлення: на іншому пристрої відкрий Налаштування → Вигляд → Власні теми, встав у поле («Встав сюди код теми (ember-theme:…)») і торкнися Імпортувати тему. Її буде додано до списку й увімкнено.

Коди перевіряються під час імпорту: усе, що не є кольорами у строгому форматі #rrggbb або довше за 2048 символів, відхиляється з повідомленням. Спробуй готові коди в галереї.

02Фони чатів

Відкрий Налаштування → Фони чатів. У розділі Фон чату перемикайся між Колір, Фото/відео та Анімація. Анімація перекриває фото, а фото перекриває колір, тож активним буває лише один.

Простий колір

1. Обери Колір.
2. Торкнися зразка поруч із Колір фону. Торкнися типово, щоб повернутися до кольору теми.

Фото, GIF, WebP або коротке відео

1. Обери Фото/відео і торкнися Завантажити фото чи відео.
2. Вибери JPEG, PNG, GIF або WebP (анімовані рухаються) чи відео MP4 або WebM.
3. Щоб замінити, торкнися Змінити фото чи відео. Щоб прибрати, торкнися видалити.

Приватність: великі фото зменшуються, а потім шифруються на твоєму пристрої. Завантажується лише шифротекст, тож сервер зберігає нечитабельний блок даних і не бачить, які в тебе шпалери.

Порада: Підібрати акцент до фону, а потім Застосувати цей акцент вибирає акцентний колір зі шпалер.

03Генератор анімованих фонів

1. Відкрий Налаштування → Фони чатів і обери Анімація.
2. Торкнися однієї з восьми готових плиток. Наведи курсор на плитку (або сфокусуйся на ній), щоб побачити рух.
3. Змінюй Тип, Кольори (кнопки + і - додають або прибирають кольори, від 2 до 5) та повзунки нижче.
4. Торкнися Копіювати код, щоб поділитися, або Вставити код, щоб застосувати чужий. Прибрати анімацію її очищає.

Типи

Повзунки

04Просунуте: ключові кадри та коди

Фон із ключовими кадрами анімує два кольори градієнта й кут у циклі, який описуєш ти. У Налаштування → Фони чатів → Анімація торкнися Додатково, потім Перетворити на ключові кадри. Тепер ти маєш:

• Тривалість циклу: від 2 до 120 секунд. Після останнього кадру кольори плавно повертаються до першого, тож цикл безшовний.
• Від 2 до 8 кадрів. Кожен має позицію в циклі (від 0 до 100%), колір A і колір B та кут. Додати кадр і видалити змінюють список.
• Швидкість і далі масштабує весь цикл.

Приклад специфікації

Фон – це просто дані. Ось «Slow tide» з галереї:

{
  "v": 1,
  "kind": "keyframes",
  "colors": ["#0ea5e9", "#1e1b4b"],
  "speed": 1,
  "density": 0.5,
  "intensity": 0.8,
  "angle": 180,
  "keyframes": [
    { "at": 0,   "colors": ["#0c4a6e", "#020617"], "angle": 180 },
    { "at": 0.5, "colors": ["#1e3a8a", "#0f172a"], "angle": 200 },
    { "at": 0.8, "colors": ["#155e75", "#082f49"], "angle": 160 }
  ],
  "duration": 20
}

Як створюється код ember-bg:

Код – це префікс ember-bg: плюс base64url(JSON): наведена вище специфікація як компактний JSON в UTF-8, закодований у base64 із - та _ замість + і / і без доповнення =. У консолі браузера:

const spec = { v: 1, kind: "gradient", colors: ["#f97316", "#4c1d95"], speed: 0.6, density: 0.5, intensity: 0.8, angle: 160 };
const bytes = new TextEncoder().encode(JSON.stringify(spec));
const b64 = btoa(String.fromCharCode(...bytes)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
console.log("ember-bg:" + b64);

Встав код у Вставити код (або в поле з підписом «Встав код»), щоб застосувати його. Коди перевіряються й ніколи не виконуються:

• Має починатися з ember-bg: і мати не більше 2048 символів.
• kind – одне з: embers, aurora, gradient, stars, bubbles, keyframes. v дорівнює 1.
• Від 2 до 5 значень colors, кожне у строгому форматі #rrggbb. Ключові кадри потребують від 2 до 8 кадрів рівно з двома кольорами кожен, а duration – від 2 до 120.
• Невідомі ключі відкидаються, а числа поза межами діапазону (див. повзунки вище) обмежуються. Для відсутніх чисел беруться значення за замовчуванням.

05Вигляд чату, псевдоніми, теки та закріплення

У списку чатів клацни чат правою кнопкою миші (на телефоні – довго натисни). Меню пропонує Закріпити вгорі (або Відкріпити), Додати до теки…, Задати псевдонім (особисті чати) та Налаштувати чат.

Налаштувати чат

1. Обери Налаштувати чат. Діалог має заголовок «Налаштувати чат» і назву чату.
2. Задай Акцентний колір, Тему (за замовчуванням Як у застосунку або будь-яку готову чи власну тему), Колір фону, Фон (Завантажити фото чи відео) або Анімований фон (Вибрати анімацію, той самий генератор, що й вище).
3. Попередній перегляд унизу показує результат. Скинути цей чат повертає загальний вигляд застосунку.

Власний вигляд чату завжди переважає загальний вигляд застосунку. Його бачиш лише ти, і він зберігається в зашифрованому вигляді разом із твоїми приватними налаштуваннями. Фото-шпалери зберігаються під анонімним хешем розмови, тож сервер не знає, якому чату вони належать.

Псевдоніми

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

Папки

1. Над списком чатів, поруч із Усі, Особисті та Групи, торкнися чипа + (Керувати теками) і введи Назву нової теки.
2. Додай чат до теки через Додати до теки… в його меню. Папка з'являється як вкладка поруч з іншими.

Закріплення

Закріпити вгорі тримає чат над рештою, у порядку закріплення. Можна закріпити до 10 чатів.

06Вкладка профілю та статус

Відкрий вкладку Профіль: серед вкладок лівої колонки (Чати, Друзі, Профіль) на широкому екрані або на нижній панелі на телефоні.

1. Велика картка вгорі показує, як тебе бачать інші, і оновлюється наживо під час редагування.
2. У розділі Статус торкнися чипа для швидкого: На роботі, Не турбувати, Фокус, Працюю з дому, У відпустці. Діє до кінця дня. Очистити прибирає його.
3. У розділі Редагувати профіль задай Відображуване ім’я (32 символи), Про себе (160), Колір профілю та власні емодзі й текст статусу (60). Обери Очистити статус через: 1 година, 4 години, Сьогодні або Ніколи, потім Зберегти профіль.
4. Твій ID має Копіювати та Поділитися, щоб друзі могли додати тебе. Налаштувати вигляд → унизу відкриває Налаштування → Вигляд.

07Продуктивність і батарея

• Налаштування анімацій: Налаштування → Вигляд → Розкладка й поведінка → Анімації пропонує Системна (враховує налаштування зменшення руху на пристрої), Менше та Усі. Зі зменшеним рухом анімований фон стає одним нерухомим зображенням, а відео не відтворюються автоматично.
• Вона зупиняється, коли ти її не бачиш. Анімації призупиняються, поки застосунок на фоновій вкладці або фон поза екраном, і працюють щонайбільше на 30 кадрах за секунду на полотні з обмеженою роздільністю.
• Легший вигляд: зменш Щільність і Швидкість або обери Градієнт чи Ключові кадри, які майже нічого не малюють. Темна тема, як-от AMOLED, економить заряд на OLED-екранах.
• Ця сторінка дотримується того ж правила: попередні перегляди в галереї рухаються лише на екрані й стоять на місці, якщо пристрій просить зменшити рух.

08Галерея

Торкнися Копіювати код, відкрий застосунок і встав. Коди тем вставляй у Налаштування → Вигляд → Власні теми. Коди фонів вставляй у Налаштування → Фони чатів → Анімація → Вставити код.

Теми

Анімовані фони