# Вигляд

> Шість тем, оформлення повідомлень у чаті та фони чату для кожного персонажа окремо.

Source: https://reverie.im/uk/docs/account/appearance
Language: uk

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

> **Ніщо з цього не синхронізується, і ніхто інший цього не бачить.** Теми,
> оформлення повідомлень і фони чату живуть у браузері, де їх налаштували,
> тож на телефоні вони свої. Автор не може додати жодне з них до
> персонажа, і ніхто інший не бачить твою версію чату.

## Теми \[#themes]

Кнопка колірного режиму в заголовку головної сторінки застосунку відкриває меню тем. Те саме меню є на [вітрині тем](https://reverie.im/uk/themes), де кожну палітру можна переглянути на весь розмір.

| Тема                | Палітра                                                                |
| ------------------- | ---------------------------------------------------------------------- |
| **Системний**       | Підлаштовується під світлий чи темний режим пристрою. Типовий варіант. |
| **Світлий**         | Теплі паперові відтінки для довгого й комфортного читання.             |
| **Темний**          | Спокійне полотно без відблисків, що тримає вміст у фокусі.             |
| **Нічна сакура**    | Сливові тіні й рожеве світло для історій після заходу сонця.           |
| **Кіберпанк**       | Електричний контраст та індустріальна енергія для світів майбутнього.  |
| **Сакура**          | Ніжні рум'яні поверхні для лагідних, інтимних історій.                 |
| **Зачарований ліс** | Туман, шавлія й тиха магія для лагідного фентезі.                      |

Усі шість доступні для кожного акаунта — жодну не треба розблоковувати. Зміна теми анімується, якщо твоя система не просить зменшити рух.

## Вигляд повідомлень \[#message-appearance]

**Налаштування чату → Взаємодія в чаті → Вигляд повідомлень → Налаштувати вигляд**. Область дії: **Цей пристрій**. Це стосується кожного чату, який ти відкриваєш у цьому браузері, а в діалозі є попередній перегляд наживо.

Діалог має три вкладки. **Шрифт** застосовується до обох сторін розмови; **Користувач** і **Персонаж** окремо оформлюють бульбашки кожної сторони.

| Вкладка                       | Налаштування             | Діапазон                                                    | Типово    |
| ----------------------------- | ------------------------ | ----------------------------------------------------------- | --------- |
| **Шрифт**                     | **Розмір шрифту**        | 12–24 px                                                    | 16        |
| **Шрифт**                     | **Товщина шрифту**       | 300–700                                                     | 500       |
| **Шрифт**                     | **Міжрядковий інтервал** | 1,2–2,0                                                     | 1,625     |
| **Користувач** / **Персонаж** | **Кольори бульбашок**    | **Як у темі**, **Прозорий** або одна з готових пар кольорів | Як у темі |
| **Користувач** / **Персонаж** | **Заокруглення кутів**   | 0–20 px                                                     | 16        |

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

> **Власний колір належить темі, у якій ти його вибрав.** Перейди на іншу
> тему — і бульбашки повернуться до її власних кольорів, а не перенесуть
> пару, підібрану під іншу палітру. **Прозорий** — виняток: він
> зберігається після зміни теми.

## Фон чату \[#chat-background]

**Налаштування чату → Взаємодія в чаті → Фон чату → Налаштувати фон**. Область дії: **Цей персонаж** — фон застосовується до кожної твоєї розмови з ним і ні до чиїх інших.

| Налаштування                 | Варіанти                                                                                                                              | Типово |
| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ------ |
| **Фонове зображення**        | **Завантажити зображення** — JPG, PNG або WebP, до **5 МБ** — або **Вибрати з галереї**, щоб узяти одне з власних зображень персонажа | Немає  |
| **Непрозорість фону**        | 0–100 — наскільки помітне зображення за повідомленнями                                                                                | 40     |
| **Розмиття фону**            | 0–20 — розмий зображення, щоб текст читався поверх строкатої картинки                                                                 | 0      |
| **Відступи між бульбашками** | **Компактно**, **Зручно**, **Просторо**                                                                                               | Зручно |

Перед збереженням завантажені зображення зменшуються щонайбільше до 1920 px. **Вибрати з галереї** порожнє для персонажа, автор якого не опублікував зображень у галереї, а **Скинути до типових** очищає і зображення, і повзунки разом.

## Косметика, яку ти розблоковуєш \[#cosmetics-you-unlock]

Досягнення дають три види косметики — титули, рамки аватара й теми профілю, — які ти вдягаєш у гардеробі. Це окрема система, не пов'язана з шістьма темами застосунку вище: тема профілю оформлює твою публічну сторінку профілю, а не застосунок. Див. [Косметика](https://reverie.im/uk/docs/rewards/cosmetics).

Задум, що стоїть за нинішнім інтерфейсом, описано в статті [Як ми проєктували тихіший Reverie](https://reverie.im/uk/blog/designing-a-quieter-reverie).

## Пов'язане \[#related]

* [Бічна панель і налаштування](https://reverie.im/uk/docs/chatting/side-panel) — де розташовані обидва діалоги чату та всі інші налаштування чату
* [Косметика](https://reverie.im/uk/docs/rewards/cosmetics) — титули, рамки аватара й теми профілю
* [Уподобання щодо контенту](https://reverie.im/uk/docs/account/preferences) — налаштування, які таки переходять з тобою між пристроями
* [Твій профіль](https://reverie.im/uk/docs/account/profile) — що показує твоя публічна сторінка
