Arka plan
#0a0a0b
Sayfanın ana yüzeyi.
LOKRO’nun görsel kimliği, renkleri ve tasarım ilkeleri.
assets/site.css içinde gerçekten kullanılan token’lar.
Sayfanın ana yüzeyi.
Kartlar, başlık, menüler.
Girdiler, chip’ler, küçük yüzeyler.
Ana metin rengi.
Açıklamalar ve ikincil metin.
Etiketler, pasif öğeler, meta.
Kartların ince çizgileri.
Hover, düğmeler, vurgu.
Hafif arka plan ızgarası.
Düğümler ve daha belirgin çizgiler.
Vurgular, canlı noktalar, marka rengi.
Işıltılar ve hover dolguları.
İmleç easter egg ışıltısı.
Notlar ve uyarılar.
Notların arkasındaki dolgular.
Ödüller, Hall of Fame.
Yumuşak altın ışıltılar.
Açık sayfa yüzeyi.
Açık temadaki kartlar.
Açık temadaki girdiler.
Açık zeminde koyu yazı.
Açık temada ikincil metin.
Açık temada meta.
Açık zeminde kontrastlı yeşil.
Açık temada uyarı rengi.
Açık temada altın.
:root {
--bg: #0a0a0b;
--bg-elev: #111113;
--bg-elev-2: #17171a;
--fg: #f2f2f0;
--fg-muted: #9a9a9e;
--fg-dim: #626266;
--accent: #7fe3b4;
--warn: #e3b97f;
--gold: #d9b876;
}
İki varyant: koyuda açık, açıkta koyu. Boşluk bırak, bozma.
Üç yazı tipi, net roller.
Büyük başlıklar, marka, önemli UI.
Gövde metni, açıklamalar, standart UI.
Teknik değerler, etiketler, kod, küçük meta.
LOKRO kâr amacı gütmez, topluluk odaklıdır ve kendi geliştirmesidir. Her şey ücretsiz ve erişilebilir kalır. Odak: duvarsız teknoloji.