🧪 killBottleneck je ve veřejné betě — cloud i self-host.🧪 killBottleneck je v betě.Beta na GitHubu →
Skip to content

Vlastní skin

Jak killBottleneck vypadá, je vaše volba, ne adminova. Tenhle návod ukáže nejdřív vestavěné skiny a pak samostatný editor skinů na stavbu vlastních.

1. Vyberte si skin

Otevřete menu pod avatarem → Vzhled. Jedenáct vestavěných skinů, od výchozího Indiga po Terminál nebo Půlnoc; každý funguje ve světlém i tmavém režimu a volba se ukládá k účtu, takže vás následuje na každé zařízení — včetně telefonního zobrazení.

Dialog Vzhled. Stavy si v každém skinu drží své barvy — po termínu je červené všude.

2. Postavte si vlastní v editoru skinů

Editor skinů je samostatná malá aplikace (pod licencí MIT, součást repozitáře galerie skinů). Běží celá ve vašem prohlížeči — nikam se nic neodesílá. Vyzkoušejte hned na https://tengolabs.github.io/killbottleneck-skins/ — bez instalace.

Začněte z kterékoli vestavěné šablony, upravte 35 barev, 4 písma, zaoblení rohů a malůvku na pozadí — světlý a tmavý náhled sledujete vedle sebe.

Pohodlný postup:

  1. Začněte ze šablony — vyberte vestavěný skin nejblíž tomu, co chcete. (Nebo si v aplikaci v dialogu Vzhled exportujte aktuální skin a otevřete ten.)
  2. Upravte barvy po skupinách — základ, karty, značkové barvy, plátno mapy. Tlačítko Zkopírovat světlý → tmavý je dobrý výchozí bod pro tmavou variantu.
  3. Stáhněte soubor .kb-skin.json.

3. Naimportujte ho do killBottlenecku

Zpátky v aplikaci: menu pod avatarem → VzhledImportovat skin — ze souboru, nebo vložením JSONu. Skin se při importu zvaliduje a uloží k vašemu účtu.

Skin jsou záměrně jen data — barvy, písma, zaoblení. Žádné CSS, žádné adresy, nic spustitelného; tentýž whitelist vynucuje editor, aplikace i server. Skin, který vám někdo pošle, může vypadat divoce, ale nemůže nic provést.

4. Poděľte se (nepovinné)

Skiny v galerii jsou CC0 — berte, upravujte, používejte. Když se vám povede skin, který stojí za ukázání, otevřete pull request; soubor zvaliduje CI.

Firemní vzhled

Administrátor může ve správě organizace nastavit výchozí skin celé instance. Vlastní volba každého uživatele má před výchozím vždycky přednost.

Další kroky

  • Grafické skiny — úplná reference včetně toho, co skin měnit umí a co ne

fair-code — self-hosting a interní použití zdarma, přeprodej jako hostovaná služba ne.