Fondo
#0a0a0b
Superficie principal de la página.
La identidad visual, los colores y los principios de diseño de LOKRO.
Los tokens que realmente usa assets/site.css.
Superficie principal de la página.
Cards, cabecera, menús.
Inputs, chips, superficies pequeñas.
Color de texto principal.
Descripciones y texto secundario.
Labels, elementos inactivos, metadatos.
Líneas finas alrededor de las cards.
Hover, botones, énfasis.
Rejilla de fondo sutil.
Nodos y líneas más marcadas.
Highlights, puntos live, color de marca.
Brillos y rellenos al hover.
Brillo del easter egg del cursor.
Notas y advertencias.
Rellenos detrás de las notas.
Distinciones, salón de la fama.
Brillos dorados suaves.
Superficie clara.
Cards en el tema claro.
Inputs en el tema claro.
Texto oscuro sobre claro.
Texto secundario en tema claro.
Metadatos en tema claro.
Verde con contraste sobre claro.
Color de aviso en tema claro.
Oro en tema claro.
:root {
--bg: #0a0a0b;
--bg-elev: #111113;
--bg-elev-2: #17171a;
--fg: #f2f2f0;
--fg-muted: #9a9a9e;
--fg-dim: #626266;
--accent: #7fe3b4;
--warn: #e3b97f;
--gold: #d9b876;
}
Dos variantes: claro sobre oscuro, oscuro sobre claro. Dejar aire, no distorsionar.
Tres familias, roles claros.
Titulares grandes, branding, UI clave.
Cuerpo de texto, descripciones, UI habitual.
Valores técnicos, labels, código, metadatos pequeños.
LOKRO es sin ánimo de lucro, impulsado por la comunidad y desarrollado internamente. Todo sigue gratis y accesible. Foco: tecnología sin muro de pago.