Hintergrund
#0a0a0b
Zentrale Fläche der Seite.
Die visuelle Identität, Farben und Gestaltungsregeln von LOKRO.
Die tatsächlich in assets/site.css verwendeten Tokens.
Zentrale Fläche der Seite.
Cards, Header, Menüs.
Inputs, Chips, kleine Flächen.
Primäre Schriftfarbe.
Beschreibungen und sekundärer Text.
Labels, inaktive Elemente, Metadaten.
Feine Linien um Cards.
Hover, Buttons, Betonung.
Dezentes Hintergrundgitter.
Knoten und stärkere Linien.
Highlights, Live-Dots, Markenfarbe.
Glows und Hover-Flächen.
Glow des Cursor-Easter-Eggs.
Hinweise und Warnungen.
Flächen hinter Hinweisen.
Auszeichnungen, Hall of Fame.
Dezente goldene Glows.
Helle Seitenfläche.
Cards im Light Theme.
Inputs im Light Theme.
Dunkle Schrift auf hell.
Sekundärtext im Light Theme.
Metadaten im Light Theme.
Grün, kontraststark auf hell.
Warnfarbe im Light Theme.
Gold im Light Theme.
:root {
--bg: #0a0a0b;
--bg-elev: #111113;
--bg-elev-2: #17171a;
--fg: #f2f2f0;
--fg-muted: #9a9a9e;
--fg-dim: #626266;
--accent: #7fe3b4;
--warn: #e3b97f;
--gold: #d9b876;
}
Zwei Varianten: hell auf dunkel, dunkel auf hell. Abstand halten, nicht verzerren.
Zwei Varianten: hell auf dunkel, dunkel auf hell. Abstand halten, nicht verzerren.
Drei Schriften, klare Rollen.
Große Headlines, Branding, wichtige UI-Elemente.
Fließtext, Beschreibungen, normale UI-Texte.
Technische Werte, Labels, Code, kleine Metadaten.
LOKRO ist non-profit, community-driven und selbst entwickelt. Alles bleibt kostenlos und zugänglich. Fokus: Technologie, die ohne Paywall funktioniert.