Elton Labs

Язык
RUENTR

Style Settings в Obsidian

время чтения ~4 мин.

Style Settings — это плагин, который открывает доступ к «внутренним» настройкам тем (например, Minimal) и подключенных плагинов, если они поддерживают кастомизацию.

🎯 Цель:

настроить цвета, шрифты, отступы, границы, маркеры задач и другие UI-элементы точно под себя — без необходимости лезть в CSS.

🛠 Как установить Style Settings

  1. Открой настройки Obsidian → вкладка Сторонние плагины
  2. Нажми Обзор и в поиске введи Style Settings
  3. Установи и включи плагин
  4. Перейди в новую вкладку Style Settings в настройках, там появится множество пунктов — если у тебя установлена тема, поддерживающая их (например, Minimal)

🔍 Убедись, что у тебя уже установлены:

  • Тема Minimal
  • Плагин Minimal Theme Settings (добавляет основные опции)
  • Плагин Style Settings (добавляет расширенные настройки)

🎨 Что можно изменить с помощью Style Settings?

Style Settings — это интерфейс для тонкой настройки темы и UI элементов Obsidian. Особенно полезен в паре с темой Minimal, потому что она поддерживает сотни кастомных параметров: от цвета кнопок до маркеров задач и внешнего вида графа.

🎨 Интерфейс и цвета

Interface colors

  • Base color — базовый цвет фона интерфейса.

  • Primary background / Secondary background — основной и дополнительный фоны для разделов.

  • Active background — фон активных элементов (например, выбранной заметки).

  • Border color / Active border color — цвета границ и выделений.

  • Accent color / Accent color (hover) — акцентный цвет для кнопок, ссылок и интерактивных элементов.

  • Text on accent — цвет текста на фоне акцентного цвета (важно для контраста).

📌 Для создания собственного стиля интерфейса и цвета фокуса. Например, если хочешь в Obsidian фирменные цвета Elton Labs — тут всё настраивается.

🗨️ Цитаты и Callouts

Blockquotes

  • Blockquote text/background/border color — цвета текста, фона и границы цитаты (>).

  • Border thickness — толщина линии цитаты.

  • Font size/style — размер и стиль текста в цитате.

Callouts

  • Callout style — визуальный стиль блоков с иконками (📘, ⚠️ и т.д.)

  • Color blending — мягкое или резкое слияние фона callout с остальным интерфейсом.

🧠 Очень полезно, если ты часто используешь callouts для структуры: например, заметки с практикой, фокусом, цитатами — можно визуально различать.

🧱 Код и Dataview

Code blocks

  • Code font size — размер шрифта кода.

  • Scroll long lines — прокрутка длинных строк.

  • Code background/text color — цвета кода и фона.

  • Syntax highlighting — подсветка: comments, functions, keywords и т.д.

Dataview

  • Trim Dataview columns — обрезать ширину колонок, чтобы таблицы не растягивались.

  • Force tables lists inline — список в строку вместо вертикального.

  • Maximum column width — максимальная ширина колонок.

⚙️ Если ты автоматизируешь свои Zettelkasten-записи с помощью Dataview — очень полезно для читаемости.

🔗 Встраивания (Embeds)

  • Use strict embed style globally — принудительное оформление всех встроек.

  • Hide embed titles — скрывать заголовки у вставленных заметок.

  • Underline embedded text / style / color — подчеркивание текста в embed-блоках.

  • Maximum height of embeds — максимальная высота.

  • Embed background — фон блока embed.

🔍 Полезно, когда в одной заметке вставляешь куски других — можно сделать это ненавязчиво или наоборот акцентировать.

🧠 Graph View (Граф знаний)

  • Line color / Node color / Tag node color — цвета линий и узлов.

  • Active node color / Attachment node color — цвета при наведении или выборах.

📈 Если ты часто смотришь на граф — сделай его “читабельным”, выдели ключевые заметки.

🏷 Заголовки (Headings)

  • H1-H6 font / size / weight / color / divider line — настройка заголовков от H1 до H6.

✍️ Позволяет настроить иерархию в заметках визуально — особенно полезно, если ты ведешь структурированные статьи.

✅ Задачи и списки

  • Task marker (done/in progress/cancelled/default) — иконки и стили чекбоксов в списках.

  • Checkbox style — форма галочек.

  • List marker (nested) — символы списков, в том числе вложенных.

📋 Заметки по проектам, контент-план, таски — оформляй их так, чтобы визуально было понятно состояние.

📄 Markdown

  • Markdown bold/italic/link color — стили жирного, курсивного и ссылок.

  • Inline code background/border — фон и рамка для встроенного кода.

  • Markdown highlight background/border — стили выделений вот так.

  • Image border / Table border / Callout border — рамки для медиа и таблиц.

🧾 Очень важно для читаемости при работе с большим объемом текста и документацией.

📂 File Explorer / Editor / Status bar

  • Цвета и стили для всех базовых элементов UI:

    • File Explorer background / item hover/active

    • Editor background, line number, active line

    • Status bar background / border

    • Pane / Modal / Popover стили — границы, фон, шрифты

🎯 Настраивается “рабочая зона” полностью под себя — ощущение как будто ты в своей идеальной среде.

Идем дальше?