Surface principale de la page.
L’identité visuelle, les couleurs et les principes graphiques de LOKRO.
Les jetons réellement utilisés dans assets/site.css.
Surface principale de la page.
Cartes, en-tête, menus.
Champs, chips, petites surfaces.
Couleur de texte principale.
Descriptions et texte secondaire.
Labels, éléments inactifs, métadonnées.
Lignes fines autour des cartes.
Survol, boutons, accent.
Grille de fond discrète.
Nœuds et lignes plus marquées.
Highlights, points live, couleur de marque.
Lueurs et fonds au survol.
Lueur de l’easter egg curseur.
Notes et alertes.
Fonds derrière les notes.
Distinctions, Hall of Fame.
Lueurs dorées discrètes.
Surface claire.
Cartes en thème clair.
Champs en thème clair.
Texte sombre sur clair.
Texte secondaire en thème clair.
Métadonnées en thème clair.
Vert contrasté sur clair.
Couleur d’alerte en thème clair.
Or en thème clair.
:root {
--bg: #0a0a0b;
--bg-elev: #111113;
--bg-elev-2: #17171a;
--fg: #f2f2f0;
--fg-muted: #9a9a9e;
--fg-dim: #626266;
--accent: #7fe3b4;
--warn: #e3b97f;
--gold: #d9b876;
}
Deux variantes : clair sur foncé, foncé sur clair. Garder de l’air, ne jamais déformer.
Trois polices, des rôles clairs.
Grands titres, branding, éléments d’UI importants.
Texte courant, descriptions, UI standard.
Valeurs techniques, labels, code, petites métadonnées.
LOKRO est non lucratif, porté par la communauté et développé en interne. Tout reste gratuit et accessible. Priorité : la technique sans péage.