# Зовнішній вигляд і теми

Налаштуйте застосунок, редактор, термінал і перегляд PDF під свій спосіб роботи.

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

![Налаштування → Зовнішній вигляд → Застосунок. Тут вибираються розташування дока, тло, акцентний колір, шрифти й тема.](https://cdn.oleafly.com/images/screenshots/desktop/docs/settings-appearance-dark-window-v2.png#view=519,89,883,902)

## Розташування дока

На вкладці «Застосунок» виберіть **Ліворуч**, **Знизу** або **Праворуч**. Так переміщується док головного екрана, у якому містяться «Новий проєкт», пошук, інструменти та налаштування. Спробуйте «Знизу», коли хочете, щоб бібліотека використовувала всю ширину між своїми полями.

## Візерунок тла

Виберіть **Крапки**, **Сітку** або **Немає** для тла бібліотеки проєктів. «Немає» дає полиці однотонне тло; редактор документів зберігає власну тему.

## Акцентний колір

Виберіть колірний зразок, щоб змінити акценти виділення й дій у застосунку. Змінюються кольори інтерфейсу; кольори ілюстрацій і стилі LaTeX або Typst документа залишаються під вашим контролем у вихідному коді.

## Режим вигляду

У розділі **Вигляд** виберіть «Світла», «Темна» або «Системна»: системна тема стежить за операційною системою і змінюється разом із нею. Кнопка вигляду на головній панелі інструментів дає змогу швидше перемикати режим під час роботи. Редактор перемикається разом із ним на тему, яку ви вибрали для цього режиму. Див. [Теми редактора](#editor-themes).

## Розмір шрифту застосунку

Використовуйте **Розмір шрифту застосунку**, щоб зробити будь-який текст інтерфейсу більшим або меншим: від 13 до 20 px. Заголовки розділів, лічильники та інші невеликі написи масштабуються разом із ним. Для більшого вихідного тексту використовуйте натомість розмір шрифту редактора або увімкніть [Використання шрифту застосунку](#use-the-app-font).

## Масштаб

**Масштаб** робить усе в Oleafly більшим або меншим, зокрема редактор і PDF. Виберіть рівень від 80% до 200%. Під час роботи натискайте ⌘= і ⌘- (у Windows і Linux — Ctrl+= і Ctrl+-), щоб змінити його, і ⌘0 (Ctrl+0), щоб повернутися до 100%. Усі вікна Oleafly використовують той самий рівень, і Oleafly його запам’ятовує. Клавіші можна змінити в **Налаштування → Комбінації клавіш**.

## Шрифт застосунку

Виберіть будь-який установлений на комп’ютері шрифт для меню, панелей і діалогів. Кожна назва у списку малюється власним шрифтом. Почніть вводити, щоб шукати в списку, або введіть назву, якої в ньому немає. Шрифти символів, як-от Wingdings, не включено: вони перетворили б кожну літеру на картинку. Якщо збережений шрифт більше не встановлено, під налаштуванням з’явиться примітка про це, і Oleafly використовує типовий шрифт.

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

## Розмір шрифту редактора

![Налаштування → Зовнішній вигляд → Редактор. У цій вкладці містяться налаштування шрифту, теми, комбінацій клавіш, доповнення, дужок і курсора.](https://cdn.oleafly.com/images/screenshots/desktop/docs/settings-editor-dark-window-v2.png#view=519,89,883,902)

Відкрийте вкладку **Редактор** і виберіть розмір від 11 до 24 px або **Власний** і введіть будь-який розмір від 6 до 100 px. Для демонстрації з показом екрана спробуйте 18 px і **Макет → Лише редактор**, щоб панель інструментів і вихідний код залишалися читабельними.

## Використання шрифту застосунку

Увімкніть перемикач **Шрифт застосунку**, щоб редактор отримав шрифт застосунку та розмір шрифту застосунку з вкладки «Застосунок». Поки він увімкнений, власні налаштування шрифту й розміру редактора заблоковані, і їхня підказка пояснює причину.

## Шрифт редактора

Виберіть будь-який установлений на комп’ютері шрифт для вихідних файлів. Моноширинні шрифти йдуть у списку першими, і кожна назва малюється власним шрифтом. Почніть вводити, щоб шукати, або введіть назву, якої в списку немає. **Системний шрифт** повертає типовий вихідний шрифт застосунку. Налаштування стосується файлів `.tex`, `.typ`, `.md` та інших текстових файлів у редакторі.

## Теми редактора

У редактора є тема для світлого режиму й тема для темного режиму. Виберіть їх у пунктах **Тема у світлому режимі** та **Тема в темному режимі**, і редактор змінюватиме тему разом із застосунком. Варіант **Як у застосунку** використовує власні світлі або темні кольори застосунку. Інші варіанти: Linear, GitHub Dark, Dracula, Nord, Tokyo Night, Rosé Pine, Catppuccin, One Dark, Paper і One Light. Paper (теплий відтінок білого) і One Light — це дві світлі теми.

Кожен зі списків приймає будь-яку тему, тож редактор може лишатися темним, коли решта застосунку світла. Тема, вибрана в старішій версії, використовується для обох режимів, доки ви не зміните одну з них.

## Кольори редактора

Відкрийте **Кольори редактора**, щоб змінити будь-який колір теми редактора. Виберіть **Світлий режим** або **Темний режим**, щоб редагувати тему, задану для цього режиму. Текст поруч із цими кнопками називає тему, яку ви редагуєте. Нижче виберіть **LaTeX**, **Typst** або **Markdown**, щоб побачити короткий зразок цією мовою. Зразок показує ваші зміни в міру їхнього внесення.

Кольори згруповано за ролями, і роль означає одне й те саме в усіх трьох мовах:

| Група | Кольори |
|---|---|
| **Редактор** | Тло, Текст, Номери рядків, Виділення |
| **Синтаксис** | Команди, Преамбула та імпорт, Заголовки, Форматування, Середовища, Цитування й посилання, Формули, Значення й рядки, Імена й ключі, Гіперпосилання, Дужки й символи, Коментарі |

Клацніть зразок, щоб вибрати колір. У зміненого кольору з’являється стрілка скидання, яка повертає власний колір теми, а **Скинути** прибирає всі зміни цієї теми. Oleafly зберігає ваші зміни для кожної теми окремо, тому вони повертаються, коли ви знову переходите на неї. Для варіанта **Як у застосунку** зберігається один набір для світлого режиму й один для темного. Кнопка **Експортувати тему** в розділі [Налаштування теми](#theme-customization) зберігає ваші теми редактора й кольори разом з рештою теми.

## Комбінації клавіш редактора

Виберіть набір клавіш, які використовує редактор вихідного коду: **Типові**, **Vim** або **Emacs**. У Vim натисніть `i`, щоб увійти в режим вставлення, і Esc, щоб повернутися в звичайний режим. Зміна застосовується одразу, а **Типові** повертають звичайні прив’язки клавіш редактора. Див. [Клавіші Vim і Emacs](/docs/editor/#vim-and-emacs-keys).

## Розмір табуляції

**Розмір табуляції** задає, скільки пробілів вставляє один рівень відступу й наскільки широким виглядає символ табуляції: 2, 4 або 8. Типове значення — 4.

## Висота рядка

Виберіть **Щільна**, **Звичайна** або **Широка** для відстані між рядками вихідного коду або **Власна** для точного значення від 1 до 3.

## Міжлітерний інтервал

**Міжлітерний інтервал** додає простір між символами: +0.5, +1 або +1.5 px, або **власне** значення до 4 px. Додатковий простір також лишає більше місця навколо курсора.

## Товщина курсора

Зробіть курсор редактора завтовшки 1, 2 або 3 px.

## Колір курсора

У налаштуванні **Колір курсора** є один зразок для світлих тем редактора й один для темних, щоб колір, вибраний на білій сторінці, не міг зникнути на темній темі. Поки ви не вибрали колір, кожен зразок показує власний колір курсора теми. **Кольори теми** повертає кольори теми. Блоковий курсор Vim і каретка у візуальному режимі Markdown використовують той самий колір.

## Неблимаючий курсор

Увімкніть **Неблимаючий курсор**, щоб каретка редактора лишалася нерухомою. Це може полегшити відстеження точки введення під час читання або демонстрування вихідного коду.

## Переносити довгі рядки

Типово довгі рядки переносяться. Вимкніть **Переносити довгі рядки**, щоб натомість прокручувати вбік.

## Автодоповнення

Увімкніть **Автодоповнення**, щоб показувати підказки під час набору. Коли воно вимкнено, натискайте Ctrl+Space, коли потрібен список доповнень. Див. [Автодоповнення](/docs/autocomplete/) — про цитування, команди, шляхи та символи.

## Автозакриття дужок

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

## Автозакриття формул

Увімкніть **Автозакриття формул**, щоб `$`, `\(` і `\[` створювали пари під час набору. У Typst для парності `$` потрібні й цей перемикач, і **Автозакриття дужок**.

## Автозакриття середовищ

Увімкніть **Автозакриття середовищ**, щоб відповідний `\end` вставлявся, коли ви натискаєте Enter після рядка з `\begin`.

## Підказка в рядку

Увімкніть **Підказка в рядку**, щоб після курсора показувалося ймовірне доповнення. Натисніть Tab, щоб прийняти видиму підказку. Це налаштування доповнення редактора. Підключення моделі — окремий крок у розділі «Асистент ШІ».

## Липке прокручування

Увімкніть **Липке прокручування**, щоб поточні розділи, заголовки та середовища залишалися вгорі панелі вихідного коду під час прокручування. Використовуйте його в довгому розділі методів, щоб зберігати навколишню структуру, не повертаючись до заголовка.

## Перегляд формули

Увімкніть **Перегляд формули**, щоб над формулою, у якій міститься курсор, показувався її згенерований вигляд. Див. [Перегляд формули](/docs/editor/#math-preview).

## Коли файл переміщено

Перейменування або переміщення файлу може лишити у ваших вихідних файлах шляхи, які досі використовують стару назву. Налаштування **Коли файл переміщено** визначає, що Oleafly робить із ними. Варіант **Питати** перелічує шляхи й дає змогу оновити їх або лишити, **Завжди оновлювати** змінює їх без запитань, а **Ніколи не оновлювати** залишає їх без змін. Див. [Шляхи слідують за переміщеним файлом](/docs/files/#paths-follow-a-moved-file).

## Форматування й підказки Typst

Група **Typst** у кінці вкладки «Редактор» містить **Форматувати під час збереження**, **Ширина рядка під час форматування**, **Відступ під час форматування**, **Підказки назв параметрів** і **Перевірки коду Typst**. Розділ [Аналітика коду](/docs/code-intelligence/#format-a-typst-file) пояснює кожну з них.

## Розмір шрифту термінала

![Налаштування → Зовнішній вигляд → Термінал. Тут задаються текст, курсор, поведінка під час запуску та кольори термінала.](https://cdn.oleafly.com/images/screenshots/desktop/docs/settings-terminal-dark-window-v2.png#view=519,89,883,902)

На вкладці **Термінал** виберіть розмір уведення й виводу оболонки. Збільште його перед показом демонстрації команд; на редактор документів це не впливає.

## Шрифт термінала

Виберіть моноширинний шрифт термінала. Беріть шрифт із чіткою пунктуацією, коли читаєте шляхи компілятора та команди оболонки.

## Насиченість звичайного шрифту

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

## Насиченість жирного шрифту

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

## Стиль курсора

Виберіть форму курсора термінала в налаштуванні **Стиль курсора**. Це налаштування стосується каретки оболонки, а не каретки редактора.

## Блимання курсора

Увімкніть **Блимання курсора**, щоб каретка термінала анімовано блимала. Вимкніть його, щоб точка введення термінала залишалася сталою.

## Запускати shell разом із проєктом

Увімкніть **Запускати shell разом із проєктом**, щоб оболонка запускалася під час відкриття проєкту. Коли вимкнено, оболонка запускається при першому показі термінала. Скористайтеся другим варіантом, якщо робота в командному рядку потрібна вам рідко.

## Кольорова тема термінала

Виберіть кольорову тему термінала або дозвольте їй іти за застосунком. Відкрийте термінал із кількома рядками виводу, щоб порівняти текст команд, помилки та курсор.

## Колір тла термінала

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

## Колір тексту термінала

Виберіть типовий колір тексту для виводу термінала. Програми все одно можуть виводити власні кольори ANSI.

## Колір курсора термінала

Виберіть колір курсора, що вирізняється і на тлі, і на тексті. Це корисно, коли запрошення оболонки містить кілька кольорів.

## Темний режим PDF

![Налаштування → Зовнішній вигляд → Перегляд PDF. Тут задаються типові кольори PDF і перегляд під час наведення.](https://cdn.oleafly.com/images/screenshots/desktop/docs/settings-pdf-dark-window-v2.png#view=519,89,883,436)

На вкладці **Перегляд PDF** увімкніть **Темний режим PDF**, щоб типово інвертувати кольори перегляду. Це змінює показ, а не експортований PDF. Для поточного перегляду його можна перемкнути на панелі інструментів PDF.

## Масштаб лише PDF

⌘= і ⌘- (Ctrl+= і Ctrl+-) [масштабують увесь застосунок](#zoom), зокрема PDF, навіть коли PDF має фокус. Щоб масштабувати лише PDF, використовуйте елементи керування масштабом на панелі перегляду, стискайте пальцями на трекпаді або тримайте Ctrl і прокручуйте. Через меню масштабу сторінку можна вмістити за шириною або висотою.

## Перегляд PDF під час наведення

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

## Типовий вигляд домівки

![Налаштування → Зовнішній вигляд → Проєкт. Задайте початковий макет і поведінку дерева файлів, а потім керуйте шаблонами прихованих файлів.](https://cdn.oleafly.com/images/screenshots/desktop/docs/settings-project-dark-window-v2.png#view=519,89,883,902)

Виберіть, чи відкривається бібліотека як сітка, чи як список. Сітка підкреслює обкладинки та попередні перегляди; список полегшує перегляд назв проєктів.

## Відкривати проєкти в

Виберіть початковий вигляд: вихідний код, розділений або PDF. Це початкове розташування під час входу в проєкт. [Панель інструментів проєкту](/docs/project-toolbar/) може змінити його під час роботи.

## Показувати дерево файлів під час відкриття

Увімкніть це, щоб «Провідник» відкривався разом із кожним проєктом. Вимкніть для більшого місця для письма, а коли знадобиться файл, відкрийте **Провідник** — першу вкладку в лівій колонці.

## Приховані файли

Введіть назву файлу або шаблон і виберіть **Додати**, щоб приховати відповідні елементи в «Провіднику». Наприклад, приховайте назву допоміжного файлу, який відволікає від рукопису. Приберіть його плашку, щоб знову показати файл. Приховування файлу не вилучає його.

## Налаштування режиму Zen

Група **Режим Zen** у кінці вкладки **Проєкт** містить два перемикачі. **Перейти на повний екран** заповнює екран, доки ввімкнено [режим Zen](/docs/editor/#zen-mode), і відновлює вікно, коли ви виходите. **Показувати PDF під час компіляції** відкриває PDF поруч із редактором при кожній компіляції, поки він прихований. Клавішу, що вмикає й вимикає режим Zen, знайдете в **Налаштування → Комбінації клавіш**.

## Налаштування теми

Унизу вкладки **Застосунок** відкрийте **Налаштування теми**, виберіть світлий або темний режим для редагування та змініть окремі колірні токени. Клацніть колірне коло токена, щоб вибрати колір у системному засобі вибору кольорів. У двох режимів окремі значення, і кожен зразок показує типовий колір цього режиму, доки ви його не зміните. Після зміни перевірте текст, виділення, панелі та кнопки. Кольори всередині редактора мають власний розділ — [Кольори редактора](#editor-colors).

### Радіус заокруглення

Введіть CSS-довжину, як-от `8px`, `0.5rem` або `1em`. Очистіть значення, щоб використати типове. Це регулює заокруглення кутів компонентів застосунку.

### Локальні оголошення CSS

Вводьте лише оголошення, наприклад значення підтримуваної користувацької властивості. Поле не приймає повних правил CSS, імпортів чи URL-адрес. Неправильні значення повідомляються, а не застосовуються.

### Імпорт і експорт теми

Виберіть **Експортувати тему**, щоб зберегти файл теми для повторного використання. У ньому містяться колірні токени, радіус заокруглення та локальний CSS, а також ваші теми редактора для світлого й темного режиму і ваші [кольори редактора](#editor-colors). **Імпортувати тему** застосовує збережений файл. Скористайтеся засобом скидання, щоб відновити типові значення для цієї області налаштувань.

## Спробуйте налаштування для письма

Установіть розмір вихідного тексту 16 px, увімкніть липке прокручування, відкрийте довгий документ LaTeX і виберіть **Макет → Редактор і перегляд**. Перетягніть роздільник, доки рядки вихідного коду не стануть зручними для читання. Скомпілюйте та виберіть **За шириною** у перегляді. Типографіку документа зберігайте в його вихідному коді; «Зовнішній вигляд» використовуйте для власного середовища читання.

## Скинути до типових

Виберіть **Скинути до типових** унизу розділу «Зовнішній вигляд», щоб відновити його параметри. Скидання також очищає налаштування теми. Крапка на кнопці означає, що щось у «Зовнішньому вигляді» відрізняється від типового значення. Перегляньте підтвердження, перш ніж застосувати скидання.