Оформление Firewire: дизайн, тема и шрифты

Аналитика портфеля — это много цифр на экране, и читать их удобнее в том виде, который подходит именно вам. В разделе «Оформление» можно выбрать один из трёх дизайнов приложения, светлую или тёмную тему, размер и гарнитуру шрифта, оттенок фона и рамки карточек, а кнопка «Ширина контента» подгонит рабочую область под ваш монитор.

1. Где находятся настройки оформления

Откройте «Настройки» и перейдите на вкладку «Оформление». Всё собрано в одном виджете «Дизайн и цветовая тема»: сверху выбор дизайна, ниже — панель «Размер и шрифт интерфейса», оттенок фона, стиль рамок карточек, цветовая тема и блок установки веб-приложения (PWA).

Справа от заголовка «Дизайн приложения» есть плашка статуса: «Премиум активен» на платном тарифе или «Базовый доступ» на бесплатном.

2. Три дизайна приложения

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

Чтобы сменить дизайн, просто нажмите на его карточку. Выбор сохраняется в профиле, поэтому на другом устройстве после входа будет тот же дизайн. Если тариф бесплатный, а дизайн помечен «Премиум», появится уведомление «Премиальный дизайн» и Firewire откроет вкладку «Подписка» — сравнить тарифы можно на странице цен.

3. Акцентный цвет, скругления и полоса прокрутки

Если на платном тарифе выбран «Брокерский кабинет» или Flat, под карточками появляется панель «Гранулярная кастомизация» с переключателем «Стандартный» / «Кастомизировать». В режиме «Кастомизировать» доступны:

• «Акцентный цвет интерфейса» — готовые цвета палитры или любой свой через кнопку «Выбрать свой цвет»;
• «Радиус скругления элементов» — ползунок от 0 до 16 px: от строгих прямых углов до мягких карточек;
• «Толщина полосы прокрутки (скроллбара)» — от 0 до 12 px; значение 0 прячет полосу прокрутки совсем.

В дизайне Firewire эта панель не показывается: его акцент и скругления фиксированы.

4. Размер текста и шрифт интерфейса

Панель «Размер и шрифт интерфейса» доступна в любом дизайне, в том числе на бесплатном тарифе.

• «Базовый размер шрифта» — ползунок от 12 до 20 px (стандартно 14 px). Удобно, если цифры кажутся мелкими на большом мониторе или, наоборот, нужно уместить больше строк.
• «Шрифт интерфейса» — Inter (стандарт), 19 гарнитур на выбор (Manrope, Golos Text, Onest, Montserrat, Roboto, PT Sans, JetBrains Mono, Fira Code и другие) и System UI — системный шрифт вашего устройства. При наведении на кнопку шрифта показывается образец текста.
• «Свой шрифт...» — загрузите собственный файл в формате .ttf, .woff, .woff2 или .otf размером до 5 МБ. После загрузки появится строка «Загружен шрифт: …» и кнопка «Удалить».

5. Оттенок фона, рамки карточек и тема

«Оттенок фона темы» зависит от текущей темы. Для светлой: «По умолчанию», «Снежно-белый», «Теплый крем», «Прохладный серый», «Мятный лёд», «Лаванда». Для тёмной: «По умолчанию», Midnight, Slate, «Чисто-черный», «Графит». При смене темы оттенок от противоположной темы сбрасывается на «По умолчанию».

«Стиль границ карточек»: «Стандартные», «Акцентная рамка» (рамка цвета акцента) или «Без рамок».

«Цветовая тема» — «Светлая» или «Тёмная», доступна для каждого дизайна и сохраняется в профиле. Тему можно сменить и кнопкой с луной в шапке приложения.

Кнопка «Сбросить к умолчанию» под этими настройками отменяет все личные правки — шрифт, размер, оттенок, рамки, акцент — и возвращает стандартный вид выбранного дизайна.

6. Ширина контента

На широком мониторе таблицы и графики могут растягиваться слишком сильно, на узком — сжиматься. В левом нижнем углу рабочей области есть плавающая кнопка «Ширина контента». Она открывает панель с ползунком от 800 до 1920 px (шаг 16 px) и быстрыми вариантами «Узко» (960), «Стандарт» (1200), «Широко» (1600) и «Максимум» (1920). Кнопка «Сбросить» возвращает стандартные 1200 px.

7. Что сохраняется в профиле, а что — в браузере

• В профиле (переезжает на другие устройства): выбранный дизайн и цветовая тема.
• Только в этом браузере: размер и гарнитура шрифта, оттенок фона, стиль рамок, акцентный цвет, радиус скругления, толщина полосы прокрутки и ширина контента. На новом устройстве или после очистки данных сайта их придётся выставить заново.
• Свой шрифт загружается в хранилище Firewire, а ссылка на него запоминается в браузере. Если загрузка не удалась, шрифт сохраняется прямо в браузере.
• Оттенок фона и стиль рамок вступают в силу вместе с личными настройками оформления — они включаются, когда вы меняете размер или шрифт либо выбираете «Кастомизировать».

8. Часто задаваемые вопросы (FAQ)