Tema de ObsidianLibre y de código abierto, sobre la paleta Nord
Todo
se alinea.
Nord Lane es un tema sereno y amplio para Obsidian. El texto, las tablas, los resultados de Dataview y las incrustaciones comparten una sola columna, en claro y en oscuro, y el móvil muestra exactamente lo mismo que el escritorio.
- Una columna
- 75rem
- texto, tablas, Dataview e incrustaciones
- Texto de tablas
- 15 px
- 14 px en paneles de menos de 700 px
- Claro y oscuro
- 2 modos
- Snow Storm y Polar Night
- Incluida
- Geist
- y Geist Mono, sin instalar nada
- Latino y cirílico
- Aa Жж
- con ruso y serbio
- Código abierto
- MIT
- con créditos a Nord y Geist
01Una columna
Nada sobresale del párrafo de arriba.
El texto, las tablas, los resultados de Dataview y las incrustaciones comparten los mismos bordes, hasta 75rem, y menos en un panel más estrecho. Live Preview y la vista de lectura se ven igual, así que al cambiar entre ellas nada se mueve.
- Columna
- 75rem, nunca más ancha que el panel menos sus márgenes
- Margen
- 2.5rem en escritorio, 1rem en el móvil
- Notas anchas
cssclasses: [full]ocupa todo el panel
Registro de lectura
Una columna
02Paleta
Snow Storm de día.
Polar Night de noche.
En modo claro, todos los fondos usan nord6a, un tono de Snow Storm a medio camino entre nord6 y el blanco, y las áreas se separan con líneas finas de nord4. El modo oscuro es Polar Night. Los acentos vienen de Frost y los estados de Aurora; si un color Nord es demasiado claro para texto pequeño, el texto usa un tono más oscuro del mismo matiz.
Polar Night
Superficies oscuras, tinta del modo claro
Snow Storm
Superficies claras y líneas finas
Frost
Enlaces, botones, foco, mapa de calor
Aurora
Estados, callouts, etiquetas
Clarosobre nord6a
HechoLeyendoEn esperaAbandonadoReleer
TítuloTextoAtenuadoUn enlace#etiqueta
Pasos de texto sobre nord6a, Nord original → Nord Lane: enlaces 3,8 → 5,2:1, verde 1,9 → 5,8:1, ámbar 1,5 → 6,1:1, rojo 3,8 → 5,6:1, violeta 2,6 → 4,9:1.
Oscurosobre Polar Night
HechoLeyendoEn esperaAbandonadoReleer
TítuloTextoAtenuadoUn enlace#etiqueta
Texto principal 9,2:1 sobre nord0, atenuado 5,7:1. Acentos en nord8, el Frost más brillante, para que enlaces y botones se lean con claridad.
03Tablas
Un solo estilo de tabla, venga de donde venga.
Las tablas de Markdown, las de Dataview y el editor de tablas de Live Preview comparten un mismo aspecto: texto de 15 px, encabezados discretos en mayúsculas, filas con líneas finas y cifras tabulares. En un panel de menos de 700 px, las tablas bajan a 14 px y las anchas mantienen un ancho legible y se desplazan en horizontal.
- Encabezados de 11 px en mayúsculas sobre filas con líneas finas. En una tabla larga siguen a la vista mientras te desplazas.
- Las etiquetas aparecen en la tabla como píldoras discretas, y los números usan cifras tabulares alineadas a la derecha.
- Las tablas de Dataview toman el mismo estilo, y sus marcadores - aparecen como un guion tenue.
cssclasses: [table-mono]pone las tablas de una nota en Geist Mono, para libros de cuentas.
04Tarjetas
Tarjetas con portada para cada colección.
Las clases opcionales gc-* convierten una vista de dataviewjs en una cuadrícula de tarjetas con portada: libros en 2:3, juegos en una caja cuadrada, con insignias en las esquinas, filtros y una línea de datos bajo cada título. Un libro sin archivo de portada recibe una portada tipográfica, como aquí.
- Cuadrícula
- gc-grid, columnas de 160 px, 132 px para libros
- Tarjeta
- gc-card, gc-cover, gc-title, gc-meta
- Extras
- gc-filter, gc-badge, gc-nocover
05Paneles
Paneles con el mismo estilo que tus notas.
Las clases nl-* dan a tus vistas de dataviewjs un encabezado de página, franjas de estadísticas, píldoras, tablas, mapas de calor y líneas de tiempo, con la misma tipografía y los mismos colores que tus notas. No hacen nada hasta que una vista las usa.
El marcado de cada una está en docs/components.md.
06Móvil
Las mismas notas en tu móvil.
Geist y Geist Mono vienen incluidas, con latino y cirílico, ruso y serbio por igual, así que móviles y tabletas muestran exactamente lo mismo que el escritorio. El diseño sigue al panel de la nota, no a la pantalla: por debajo de 700 px, las tablas bajan a 14 px y se desplazan en horizontal, las estadísticas pasan a dos por fila y cada zona táctil mide 44 px.
07Opciones
Opciones cuando las quieras.
No hay pantalla de ajustes que aprender. Añade una clase al frontmatter cuando una nota necesite más espacio, una medida de lectura o un libro de cuentas. Cambia la columna, el texto de las tablas o el tamaño del frontmatter de toda la bóveda con Style Settings o un snippet de CSS.
Todas las opciones están en el README.
En el frontmatter de una nota
yaml---
cssclasses:
- full # todo el ancho del panel
- table-mono # tablas de esta nota en Geist Mono
- prose # texto de lectura a una medida cómoda
---
En un snippet de CSS, para toda la bóveda
cssbody {
--nl-col-max: 60rem; /* la columna, 75rem por defecto */
--nl-bleed: 2rem; /* tablas y Dataview fuera del texto, 0 por defecto */
--nl-prose-max: 40rem; /* la medida de lectura, 46rem por defecto */
}
08Instalación
Dos archivos, una carpeta.
Hasta que Nord Lane llegue al catálogo de temas de la comunidad, instálalo a mano. Funciona en escritorio y en móvil, sin plugins.
-
01
Descarga
Descarga theme.css y manifest.json.
-
02
Copia
Pon los dos archivos en una carpeta llamada Nord Lane, dentro de la carpeta de temas de tu bóveda.
.obsidian/themes/Nord Lane/ -
03
Elige
Abre los ajustes, luego Apariencia, y elige Nord Lane en Temas.
O clónalo y ejecutapython3 build.py /path/to/vault
Probado en Obsidian 1.15 en escritorio y en su emulación móvil, en Live Preview y en vista de lectura, en claro y en oscuro.