Тема для ObsidianБесплатная и открытая, на палитре Nord
Всё на
одной линии.
Nord Lane: спокойная и широкая тема для Obsidian. Текст, таблицы, вывод Dataview и встраивания делят одну колонку, в светлом и тёмном режиме, а телефон показывает ровно то же, что и компьютер.
- Одна колонка
- 75rem
- текст, таблицы, Dataview, встраивания
- Текст таблиц
- 15 px
- 14 px в панели уже 700 px
- Светлая и тёмная
- 2 режима
- Snow Storm и Polar Night
- Встроен
- Geist
- и Geist Mono, ничего не нужно ставить
- Латиница, кириллица
- Aa Жж
- русский и сербский
- Открытый код
- MIT
- с указанием Nord и Geist
01Одна колонка
Ничто не выступает за абзац над ним.
Текст, таблицы, вывод Dataview и встраивания выровнены по одним краям, до 75rem, а в узкой панели уже. Live Preview и режим чтения выглядят одинаково, поэтому при переключении ничего не сдвигается.
- Колонка
- 75rem, но не шире панели за вычетом полей
- Поля
- 2.5rem на компьютере, 1rem на телефоне
- Широкие заметки
cssclasses: [full]занимает всю панель
Журнал чтения
Одна колонка
02Палитра
Днём Snow Storm.
Ночью Polar Night.
В светлом режиме все фоны в nord6a, оттенке Snow Storm посередине между nord6 и белым, а области разделяют тонкие линии nord4. Тёмный режим построен на Polar Night. Акценты берутся из Frost, состояния из Aurora, а если цвет Nord слишком светлый для мелкого текста, текст получает более тёмную ступень того же оттенка.
Polar Night
Тёмные поверхности, текст светлой темы
Snow Storm
Светлые поверхности и тонкие линии
Frost
Ссылки, кнопки, фокус, тепловая карта
Aurora
Состояния, выноски, теги
Светлаяна nord6a
ГотовоЧитаюЖдётБрошеноПеречитать
ЗаголовокТекстПриглушённыйСсылка#тег
Ступени текста на nord6a, исходный Nord → Nord Lane: ссылки 3,8 → 5,2:1, зелёный 1,9 → 5,8:1, янтарный 1,5 → 6,1:1, красный 3,8 → 5,6:1, фиолетовый 2,6 → 4,9:1.
Тёмнаяна Polar Night
ГотовоЧитаюЖдётБрошеноПеречитать
ЗаголовокТекстПриглушённыйСсылка#тег
Основной текст 9,2:1 на nord0, приглушённый 5,7:1. Акценты в nord8, самом ярком из Frost, чтобы ссылки и кнопки читались чётко.
03Таблицы
Один стиль таблиц, откуда бы они ни взялись.
Таблицы Markdown, таблицы Dataview и редактор таблиц в Live Preview выглядят одинаково: текст 15 px, спокойные заголовки прописными, тонкие линии между строками и табличные цифры. В панели уже 700 px таблицы переходят на 14 px, а широкие сохраняют читаемую ширину и прокручиваются вбок.
- Заголовки 11 px прописными над строками с тонкими линиями. В длинной таблице они остаются на виду при прокрутке.
- Теги стоят в таблице спокойными плашками, а числа набраны табличными цифрами и выровнены по правому краю.
- Таблицы Dataview получают тот же стиль, а заглушки - показываются бледным прочерком.
cssclasses: [table-mono]набирает таблицы одной заметки шрифтом Geist Mono, для учёта.
04Карточки
Карточки с обложками для любой коллекции.
Необязательные классы gc-* превращают представление dataviewjs в сетку карточек с обложками: книги в пропорции 2:3, игры в квадратной коробке, со значками в углах, фильтрами и строкой данных под каждым названием. Книга без файла обложки получает наборную обложку, как здесь.
- Сетка
- gc-grid, колонки 160 px, 132 px для книг
- Карточка
- gc-card, gc-cover, gc-title, gc-meta
- Ещё
- gc-filter, gc-badge, gc-nocover
05Дашборды
Дашборды в одном стиле с заметками.
Классы nl-* дают вашим представлениям dataviewjs шапку страницы, полосы статистики, плашки, таблицы, тепловые карты и временные шкалы, в тех же шрифтах и цветах, что и заметки. Пока представление их не использует, они ничего не делают.
Разметка для каждого класса описана в docs/components.md.
06Мобильные
Те же заметки на телефоне.
Geist и Geist Mono встроены вместе с латиницей и кириллицей, русской и сербской, поэтому телефоны и планшеты показывают ровно то же, что и компьютер. Вёрстка следует за панелью заметки, а не за экраном: уже 700 px таблицы переходят на 14 px и прокручиваются вбок, полосы статистики складываются по две в ряд, а каждая зона нажатия занимает 44 px.
07Настройки
Настройки, когда они нужны.
Экрана настроек нет. Добавьте класс во frontmatter, когда заметке нужно больше места, удобная ширина чтения или таблица учёта. Колонку, текст таблиц и размер frontmatter для всего хранилища меняют Style Settings или CSS-сниппет.
Все настройки описаны в README.
Во frontmatter заметки
yaml---
cssclasses:
- full # вся ширина панели
- table-mono # таблицы этой заметки в Geist Mono
- prose # текст для чтения удобной ширины
---
В CSS-сниппете, для всего хранилища
cssbody {
--nl-col-max: 60rem; /* колонка, по умолчанию 75rem */
--nl-bleed: 2rem; /* таблицы и Dataview за краем текста, по умолчанию 0 */
--nl-prose-max: 40rem; /* ширина чтения, по умолчанию 46rem */
}
08Установка
Два файла, одна папка.
Пока Nord Lane нет в каталоге тем сообщества, установите её вручную. Работает на компьютере и телефоне, без плагинов.
-
01
Скачайте
Скачайте theme.css и manifest.json.
-
02
Скопируйте
Положите оба файла в папку Nord Lane внутри папки тем вашего хранилища.
.obsidian/themes/Nord Lane/ -
03
Выберите
Откройте настройки, раздел оформления, и выберите Nord Lane в списке тем.
Или клонируйте и запуститеpython3 build.py /path/to/vault
Проверено в Obsidian 1.15 на компьютере и в мобильной эмуляции, в Live Preview и режиме чтения, в светлой и тёмной теме.